.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,
.summary-section__table,
.monitoring .monitoring-details__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";
}
/*!
 * Font Awesome Free 5.15.4 by @fontawesome - https://fontawesome.com
 * License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License)
 */
.fa,
.fas,
.far,
.fal,
.fad,
.fab {
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  display: inline-block;
  font-style: normal;
  font-variant: normal;
  text-rendering: auto;
  line-height: 1;
}
/* makes the font 33% larger relative to the icon container */
.fa-lg {
  font-size: 1.33333333em;
  line-height: 0.75em;
  vertical-align: -0.0667em;
}
.fa-xs {
  font-size: .75em;
}
.fa-sm {
  font-size: .875em;
}
.fa-1x {
  font-size: 1em;
}
.fa-2x {
  font-size: 2em;
}
.fa-3x {
  font-size: 3em;
}
.fa-4x {
  font-size: 4em;
}
.fa-5x {
  font-size: 5em;
}
.fa-6x {
  font-size: 6em;
}
.fa-7x {
  font-size: 7em;
}
.fa-8x {
  font-size: 8em;
}
.fa-9x {
  font-size: 9em;
}
.fa-10x {
  font-size: 10em;
}
.fa-fw {
  text-align: center;
  width: 1.25em;
}
.fa-ul {
  list-style-type: none;
  margin-left: 2.5em;
  padding-left: 0;
}
.fa-ul > li {
  position: relative;
}
.fa-li {
  left: -2em;
  position: absolute;
  text-align: center;
  width: 2em;
  line-height: inherit;
}
.fa-border {
  border-radius: .1em;
  border: solid 0.08em #eeeeee;
  padding: .2em .25em .15em;
}
.fa-pull-left {
  float: left;
}
.fa-pull-right {
  float: right;
}
.fa.fa-pull-left,
.fas.fa-pull-left,
.far.fa-pull-left,
.fal.fa-pull-left,
.fab.fa-pull-left {
  margin-right: .3em;
}
.fa.fa-pull-right,
.fas.fa-pull-right,
.far.fa-pull-right,
.fal.fa-pull-right,
.fab.fa-pull-right {
  margin-left: .3em;
}
.fa-spin {
  animation: fa-spin 2s infinite linear;
}
.fa-pulse {
  animation: fa-spin 1s infinite steps(8);
}
@keyframes fa-spin {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
.fa-rotate-90 {
  -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=1)";
  transform: rotate(90deg);
}
.fa-rotate-180 {
  -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=2)";
  transform: rotate(180deg);
}
.fa-rotate-270 {
  -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=3)";
  transform: rotate(270deg);
}
.fa-flip-horizontal {
  -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1)";
  transform: scale(-1, 1);
}
.fa-flip-vertical {
  -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1)";
  transform: scale(1, -1);
}
.fa-flip-both,
.fa-flip-horizontal.fa-flip-vertical {
  -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1)";
  transform: scale(-1, -1);
}
:root .fa-rotate-90,
:root .fa-rotate-180,
:root .fa-rotate-270,
:root .fa-flip-horizontal,
:root .fa-flip-vertical,
:root .fa-flip-both {
  filter: none;
}
.fa-stack {
  display: inline-block;
  height: 2em;
  line-height: 2em;
  position: relative;
  vertical-align: middle;
  width: 2em;
}
.fa-stack-1x,
.fa-stack-2x {
  left: 0;
  position: absolute;
  text-align: center;
  width: 100%;
}
.fa-stack-1x {
  line-height: inherit;
}
.fa-stack-2x {
  font-size: 2em;
}
.fa-inverse {
  color: #ffffff;
}
/* Font Awesome uses the Unicode Private Use Area (PUA) to ensure screen
   readers do not read off random characters that represent icons */
.fa-500px:before {
  content: "\f26e";
}
.fa-accessible-icon:before {
  content: "\f368";
}
.fa-accusoft:before {
  content: "\f369";
}
.fa-acquisitions-incorporated:before {
  content: "\f6af";
}
.fa-ad:before {
  content: "\f641";
}
.fa-address-book:before {
  content: "\f2b9";
}
.fa-address-card:before {
  content: "\f2bb";
}
.fa-adjust:before {
  content: "\f042";
}
.fa-adn:before {
  content: "\f170";
}
.fa-adversal:before {
  content: "\f36a";
}
.fa-affiliatetheme:before {
  content: "\f36b";
}
.fa-air-freshener:before {
  content: "\f5d0";
}
.fa-airbnb:before {
  content: "\f834";
}
.fa-algolia:before {
  content: "\f36c";
}
.fa-align-center:before {
  content: "\f037";
}
.fa-align-justify:before {
  content: "\f039";
}
.fa-align-left:before {
  content: "\f036";
}
.fa-align-right:before {
  content: "\f038";
}
.fa-alipay:before {
  content: "\f642";
}
.fa-allergies:before {
  content: "\f461";
}
.fa-amazon:before {
  content: "\f270";
}
.fa-amazon-pay:before {
  content: "\f42c";
}
.fa-ambulance:before {
  content: "\f0f9";
}
.fa-american-sign-language-interpreting:before {
  content: "\f2a3";
}
.fa-amilia:before {
  content: "\f36d";
}
.fa-anchor:before {
  content: "\f13d";
}
.fa-android:before {
  content: "\f17b";
}
.fa-angellist:before {
  content: "\f209";
}
.fa-angle-double-down:before {
  content: "\f103";
}
.fa-angle-double-left:before {
  content: "\f100";
}
.fa-angle-double-right:before {
  content: "\f101";
}
.fa-angle-double-up:before {
  content: "\f102";
}
.fa-angle-down:before {
  content: "\f107";
}
.fa-angle-left:before {
  content: "\f104";
}
.fa-angle-right:before {
  content: "\f105";
}
.fa-angle-up:before {
  content: "\f106";
}
.fa-angry:before {
  content: "\f556";
}
.fa-angrycreative:before {
  content: "\f36e";
}
.fa-angular:before {
  content: "\f420";
}
.fa-ankh:before {
  content: "\f644";
}
.fa-app-store:before {
  content: "\f36f";
}
.fa-app-store-ios:before {
  content: "\f370";
}
.fa-apper:before {
  content: "\f371";
}
.fa-apple:before {
  content: "\f179";
}
.fa-apple-alt:before {
  content: "\f5d1";
}
.fa-apple-pay:before {
  content: "\f415";
}
.fa-archive:before {
  content: "\f187";
}
.fa-archway:before {
  content: "\f557";
}
.fa-arrow-alt-circle-down:before {
  content: "\f358";
}
.fa-arrow-alt-circle-left:before {
  content: "\f359";
}
.fa-arrow-alt-circle-right:before {
  content: "\f35a";
}
.fa-arrow-alt-circle-up:before {
  content: "\f35b";
}
.fa-arrow-circle-down:before {
  content: "\f0ab";
}
.fa-arrow-circle-left:before {
  content: "\f0a8";
}
.fa-arrow-circle-right:before {
  content: "\f0a9";
}
.fa-arrow-circle-up:before {
  content: "\f0aa";
}
.fa-arrow-down:before {
  content: "\f063";
}
.fa-arrow-left:before {
  content: "\f060";
}
.fa-arrow-right:before {
  content: "\f061";
}
.fa-arrow-up:before {
  content: "\f062";
}
.fa-arrows-alt:before {
  content: "\f0b2";
}
.fa-arrows-alt-h:before {
  content: "\f337";
}
.fa-arrows-alt-v:before {
  content: "\f338";
}
.fa-artstation:before {
  content: "\f77a";
}
.fa-assistive-listening-systems:before {
  content: "\f2a2";
}
.fa-asterisk:before {
  content: "\f069";
}
.fa-asymmetrik:before {
  content: "\f372";
}
.fa-at:before {
  content: "\f1fa";
}
.fa-atlas:before {
  content: "\f558";
}
.fa-atlassian:before {
  content: "\f77b";
}
.fa-atom:before {
  content: "\f5d2";
}
.fa-audible:before {
  content: "\f373";
}
.fa-audio-description:before {
  content: "\f29e";
}
.fa-autoprefixer:before {
  content: "\f41c";
}
.fa-avianex:before {
  content: "\f374";
}
.fa-aviato:before {
  content: "\f421";
}
.fa-award:before {
  content: "\f559";
}
.fa-aws:before {
  content: "\f375";
}
.fa-baby:before {
  content: "\f77c";
}
.fa-baby-carriage:before {
  content: "\f77d";
}
.fa-backspace:before {
  content: "\f55a";
}
.fa-backward:before {
  content: "\f04a";
}
.fa-bacon:before {
  content: "\f7e5";
}
.fa-bacteria:before {
  content: "\e059";
}
.fa-bacterium:before {
  content: "\e05a";
}
.fa-bahai:before {
  content: "\f666";
}
.fa-balance-scale:before {
  content: "\f24e";
}
.fa-balance-scale-left:before {
  content: "\f515";
}
.fa-balance-scale-right:before {
  content: "\f516";
}
.fa-ban:before {
  content: "\f05e";
}
.fa-band-aid:before {
  content: "\f462";
}
.fa-bandcamp:before {
  content: "\f2d5";
}
.fa-barcode:before {
  content: "\f02a";
}
.fa-bars:before {
  content: "\f0c9";
}
.fa-baseball-ball:before {
  content: "\f433";
}
.fa-basketball-ball:before {
  content: "\f434";
}
.fa-bath:before {
  content: "\f2cd";
}
.fa-battery-empty:before {
  content: "\f244";
}
.fa-battery-full:before {
  content: "\f240";
}
.fa-battery-half:before {
  content: "\f242";
}
.fa-battery-quarter:before {
  content: "\f243";
}
.fa-battery-three-quarters:before {
  content: "\f241";
}
.fa-battle-net:before {
  content: "\f835";
}
.fa-bed:before {
  content: "\f236";
}
.fa-beer:before {
  content: "\f0fc";
}
.fa-behance:before {
  content: "\f1b4";
}
.fa-behance-square:before {
  content: "\f1b5";
}
.fa-bell:before {
  content: "\f0f3";
}
.fa-bell-slash:before {
  content: "\f1f6";
}
.fa-bezier-curve:before {
  content: "\f55b";
}
.fa-bible:before {
  content: "\f647";
}
.fa-bicycle:before {
  content: "\f206";
}
.fa-biking:before {
  content: "\f84a";
}
.fa-bimobject:before {
  content: "\f378";
}
.fa-binoculars:before {
  content: "\f1e5";
}
.fa-biohazard:before {
  content: "\f780";
}
.fa-birthday-cake:before {
  content: "\f1fd";
}
.fa-bitbucket:before {
  content: "\f171";
}
.fa-bitcoin:before {
  content: "\f379";
}
.fa-bity:before {
  content: "\f37a";
}
.fa-black-tie:before {
  content: "\f27e";
}
.fa-blackberry:before {
  content: "\f37b";
}
.fa-blender:before {
  content: "\f517";
}
.fa-blender-phone:before {
  content: "\f6b6";
}
.fa-blind:before {
  content: "\f29d";
}
.fa-blog:before {
  content: "\f781";
}
.fa-blogger:before {
  content: "\f37c";
}
.fa-blogger-b:before {
  content: "\f37d";
}
.fa-bluetooth:before {
  content: "\f293";
}
.fa-bluetooth-b:before {
  content: "\f294";
}
.fa-bold:before {
  content: "\f032";
}
.fa-bolt:before {
  content: "\f0e7";
}
.fa-bomb:before {
  content: "\f1e2";
}
.fa-bone:before {
  content: "\f5d7";
}
.fa-bong:before {
  content: "\f55c";
}
.fa-book:before {
  content: "\f02d";
}
.fa-book-dead:before {
  content: "\f6b7";
}
.fa-book-medical:before {
  content: "\f7e6";
}
.fa-book-open:before {
  content: "\f518";
}
.fa-book-reader:before {
  content: "\f5da";
}
.fa-bookmark:before {
  content: "\f02e";
}
.fa-bootstrap:before {
  content: "\f836";
}
.fa-border-all:before {
  content: "\f84c";
}
.fa-border-none:before {
  content: "\f850";
}
.fa-border-style:before {
  content: "\f853";
}
.fa-bowling-ball:before {
  content: "\f436";
}
.fa-box:before {
  content: "\f466";
}
.fa-box-open:before {
  content: "\f49e";
}
.fa-box-tissue:before {
  content: "\e05b";
}
.fa-boxes:before {
  content: "\f468";
}
.fa-braille:before {
  content: "\f2a1";
}
.fa-brain:before {
  content: "\f5dc";
}
.fa-bread-slice:before {
  content: "\f7ec";
}
.fa-briefcase:before {
  content: "\f0b1";
}
.fa-briefcase-medical:before {
  content: "\f469";
}
.fa-broadcast-tower:before {
  content: "\f519";
}
.fa-broom:before {
  content: "\f51a";
}
.fa-brush:before {
  content: "\f55d";
}
.fa-btc:before {
  content: "\f15a";
}
.fa-buffer:before {
  content: "\f837";
}
.fa-bug:before {
  content: "\f188";
}
.fa-building:before {
  content: "\f1ad";
}
.fa-bullhorn:before {
  content: "\f0a1";
}
.fa-bullseye:before {
  content: "\f140";
}
.fa-burn:before {
  content: "\f46a";
}
.fa-buromobelexperte:before {
  content: "\f37f";
}
.fa-bus:before {
  content: "\f207";
}
.fa-bus-alt:before {
  content: "\f55e";
}
.fa-business-time:before {
  content: "\f64a";
}
.fa-buy-n-large:before {
  content: "\f8a6";
}
.fa-buysellads:before {
  content: "\f20d";
}
.fa-calculator:before {
  content: "\f1ec";
}
.fa-calendar:before {
  content: "\f133";
}
.fa-calendar-alt:before {
  content: "\f073";
}
.fa-calendar-check:before {
  content: "\f274";
}
.fa-calendar-day:before {
  content: "\f783";
}
.fa-calendar-minus:before {
  content: "\f272";
}
.fa-calendar-plus:before {
  content: "\f271";
}
.fa-calendar-times:before {
  content: "\f273";
}
.fa-calendar-week:before {
  content: "\f784";
}
.fa-camera:before {
  content: "\f030";
}
.fa-camera-retro:before {
  content: "\f083";
}
.fa-campground:before {
  content: "\f6bb";
}
.fa-canadian-maple-leaf:before {
  content: "\f785";
}
.fa-candy-cane:before {
  content: "\f786";
}
.fa-cannabis:before {
  content: "\f55f";
}
.fa-capsules:before {
  content: "\f46b";
}
.fa-car:before {
  content: "\f1b9";
}
.fa-car-alt:before {
  content: "\f5de";
}
.fa-car-battery:before {
  content: "\f5df";
}
.fa-car-crash:before {
  content: "\f5e1";
}
.fa-car-side:before {
  content: "\f5e4";
}
.fa-caravan:before {
  content: "\f8ff";
}
.fa-caret-down:before {
  content: "\f0d7";
}
.fa-caret-left:before {
  content: "\f0d9";
}
.fa-caret-right:before {
  content: "\f0da";
}
.fa-caret-square-down:before {
  content: "\f150";
}
.fa-caret-square-left:before {
  content: "\f191";
}
.fa-caret-square-right:before {
  content: "\f152";
}
.fa-caret-square-up:before {
  content: "\f151";
}
.fa-caret-up:before {
  content: "\f0d8";
}
.fa-carrot:before {
  content: "\f787";
}
.fa-cart-arrow-down:before {
  content: "\f218";
}
.fa-cart-plus:before {
  content: "\f217";
}
.fa-cash-register:before {
  content: "\f788";
}
.fa-cat:before {
  content: "\f6be";
}
.fa-cc-amazon-pay:before {
  content: "\f42d";
}
.fa-cc-amex:before {
  content: "\f1f3";
}
.fa-cc-apple-pay:before {
  content: "\f416";
}
.fa-cc-diners-club:before {
  content: "\f24c";
}
.fa-cc-discover:before {
  content: "\f1f2";
}
.fa-cc-jcb:before {
  content: "\f24b";
}
.fa-cc-mastercard:before {
  content: "\f1f1";
}
.fa-cc-paypal:before {
  content: "\f1f4";
}
.fa-cc-stripe:before {
  content: "\f1f5";
}
.fa-cc-visa:before {
  content: "\f1f0";
}
.fa-centercode:before {
  content: "\f380";
}
.fa-centos:before {
  content: "\f789";
}
.fa-certificate:before {
  content: "\f0a3";
}
.fa-chair:before {
  content: "\f6c0";
}
.fa-chalkboard:before {
  content: "\f51b";
}
.fa-chalkboard-teacher:before {
  content: "\f51c";
}
.fa-charging-station:before {
  content: "\f5e7";
}
.fa-chart-area:before {
  content: "\f1fe";
}
.fa-chart-bar:before {
  content: "\f080";
}
.fa-chart-line:before {
  content: "\f201";
}
.fa-chart-pie:before {
  content: "\f200";
}
.fa-check:before {
  content: "\f00c";
}
.fa-check-circle:before {
  content: "\f058";
}
.fa-check-double:before {
  content: "\f560";
}
.fa-check-square:before {
  content: "\f14a";
}
.fa-cheese:before {
  content: "\f7ef";
}
.fa-chess:before {
  content: "\f439";
}
.fa-chess-bishop:before {
  content: "\f43a";
}
.fa-chess-board:before {
  content: "\f43c";
}
.fa-chess-king:before {
  content: "\f43f";
}
.fa-chess-knight:before {
  content: "\f441";
}
.fa-chess-pawn:before {
  content: "\f443";
}
.fa-chess-queen:before {
  content: "\f445";
}
.fa-chess-rook:before {
  content: "\f447";
}
.fa-chevron-circle-down:before {
  content: "\f13a";
}
.fa-chevron-circle-left:before {
  content: "\f137";
}
.fa-chevron-circle-right:before {
  content: "\f138";
}
.fa-chevron-circle-up:before {
  content: "\f139";
}
.fa-chevron-down:before {
  content: "\f078";
}
.fa-chevron-left:before {
  content: "\f053";
}
.fa-chevron-right:before {
  content: "\f054";
}
.fa-chevron-up:before {
  content: "\f077";
}
.fa-child:before {
  content: "\f1ae";
}
.fa-chrome:before {
  content: "\f268";
}
.fa-chromecast:before {
  content: "\f838";
}
.fa-church:before {
  content: "\f51d";
}
.fa-circle:before {
  content: "\f111";
}
.fa-circle-notch:before {
  content: "\f1ce";
}
.fa-city:before {
  content: "\f64f";
}
.fa-clinic-medical:before {
  content: "\f7f2";
}
.fa-clipboard:before {
  content: "\f328";
}
.fa-clipboard-check:before {
  content: "\f46c";
}
.fa-clipboard-list:before {
  content: "\f46d";
}
.fa-clock:before {
  content: "\f017";
}
.fa-clone:before {
  content: "\f24d";
}
.fa-closed-captioning:before {
  content: "\f20a";
}
.fa-cloud:before {
  content: "\f0c2";
}
.fa-cloud-download-alt:before {
  content: "\f381";
}
.fa-cloud-meatball:before {
  content: "\f73b";
}
.fa-cloud-moon:before {
  content: "\f6c3";
}
.fa-cloud-moon-rain:before {
  content: "\f73c";
}
.fa-cloud-rain:before {
  content: "\f73d";
}
.fa-cloud-showers-heavy:before {
  content: "\f740";
}
.fa-cloud-sun:before {
  content: "\f6c4";
}
.fa-cloud-sun-rain:before {
  content: "\f743";
}
.fa-cloud-upload-alt:before {
  content: "\f382";
}
.fa-cloudflare:before {
  content: "\e07d";
}
.fa-cloudscale:before {
  content: "\f383";
}
.fa-cloudsmith:before {
  content: "\f384";
}
.fa-cloudversify:before {
  content: "\f385";
}
.fa-cocktail:before {
  content: "\f561";
}
.fa-code:before {
  content: "\f121";
}
.fa-code-branch:before {
  content: "\f126";
}
.fa-codepen:before {
  content: "\f1cb";
}
.fa-codiepie:before {
  content: "\f284";
}
.fa-coffee:before {
  content: "\f0f4";
}
.fa-cog:before {
  content: "\f013";
}
.fa-cogs:before {
  content: "\f085";
}
.fa-coins:before {
  content: "\f51e";
}
.fa-columns:before {
  content: "\f0db";
}
.fa-comment:before {
  content: "\f075";
}
.fa-comment-alt:before {
  content: "\f27a";
}
.fa-comment-dollar:before {
  content: "\f651";
}
.fa-comment-dots:before {
  content: "\f4ad";
}
.fa-comment-medical:before {
  content: "\f7f5";
}
.fa-comment-slash:before {
  content: "\f4b3";
}
.fa-comments:before {
  content: "\f086";
}
.fa-comments-dollar:before {
  content: "\f653";
}
.fa-compact-disc:before {
  content: "\f51f";
}
.fa-compass:before {
  content: "\f14e";
}
.fa-compress:before {
  content: "\f066";
}
.fa-compress-alt:before {
  content: "\f422";
}
.fa-compress-arrows-alt:before {
  content: "\f78c";
}
.fa-concierge-bell:before {
  content: "\f562";
}
.fa-confluence:before {
  content: "\f78d";
}
.fa-connectdevelop:before {
  content: "\f20e";
}
.fa-contao:before {
  content: "\f26d";
}
.fa-cookie:before {
  content: "\f563";
}
.fa-cookie-bite:before {
  content: "\f564";
}
.fa-copy:before {
  content: "\f0c5";
}
.fa-copyright:before {
  content: "\f1f9";
}
.fa-cotton-bureau:before {
  content: "\f89e";
}
.fa-couch:before {
  content: "\f4b8";
}
.fa-cpanel:before {
  content: "\f388";
}
.fa-creative-commons:before {
  content: "\f25e";
}
.fa-creative-commons-by:before {
  content: "\f4e7";
}
.fa-creative-commons-nc:before {
  content: "\f4e8";
}
.fa-creative-commons-nc-eu:before {
  content: "\f4e9";
}
.fa-creative-commons-nc-jp:before {
  content: "\f4ea";
}
.fa-creative-commons-nd:before {
  content: "\f4eb";
}
.fa-creative-commons-pd:before {
  content: "\f4ec";
}
.fa-creative-commons-pd-alt:before {
  content: "\f4ed";
}
.fa-creative-commons-remix:before {
  content: "\f4ee";
}
.fa-creative-commons-sa:before {
  content: "\f4ef";
}
.fa-creative-commons-sampling:before {
  content: "\f4f0";
}
.fa-creative-commons-sampling-plus:before {
  content: "\f4f1";
}
.fa-creative-commons-share:before {
  content: "\f4f2";
}
.fa-creative-commons-zero:before {
  content: "\f4f3";
}
.fa-credit-card:before {
  content: "\f09d";
}
.fa-critical-role:before {
  content: "\f6c9";
}
.fa-crop:before {
  content: "\f125";
}
.fa-crop-alt:before {
  content: "\f565";
}
.fa-cross:before {
  content: "\f654";
}
.fa-crosshairs:before {
  content: "\f05b";
}
.fa-crow:before {
  content: "\f520";
}
.fa-crown:before {
  content: "\f521";
}
.fa-crutch:before {
  content: "\f7f7";
}
.fa-css3:before {
  content: "\f13c";
}
.fa-css3-alt:before {
  content: "\f38b";
}
.fa-cube:before {
  content: "\f1b2";
}
.fa-cubes:before {
  content: "\f1b3";
}
.fa-cut:before {
  content: "\f0c4";
}
.fa-cuttlefish:before {
  content: "\f38c";
}
.fa-d-and-d:before {
  content: "\f38d";
}
.fa-d-and-d-beyond:before {
  content: "\f6ca";
}
.fa-dailymotion:before {
  content: "\e052";
}
.fa-dashcube:before {
  content: "\f210";
}
.fa-database:before {
  content: "\f1c0";
}
.fa-deaf:before {
  content: "\f2a4";
}
.fa-deezer:before {
  content: "\e077";
}
.fa-delicious:before {
  content: "\f1a5";
}
.fa-democrat:before {
  content: "\f747";
}
.fa-deploydog:before {
  content: "\f38e";
}
.fa-deskpro:before {
  content: "\f38f";
}
.fa-desktop:before {
  content: "\f108";
}
.fa-dev:before {
  content: "\f6cc";
}
.fa-deviantart:before {
  content: "\f1bd";
}
.fa-dharmachakra:before {
  content: "\f655";
}
.fa-dhl:before {
  content: "\f790";
}
.fa-diagnoses:before {
  content: "\f470";
}
.fa-diaspora:before {
  content: "\f791";
}
.fa-dice:before {
  content: "\f522";
}
.fa-dice-d20:before {
  content: "\f6cf";
}
.fa-dice-d6:before {
  content: "\f6d1";
}
.fa-dice-five:before {
  content: "\f523";
}
.fa-dice-four:before {
  content: "\f524";
}
.fa-dice-one:before {
  content: "\f525";
}
.fa-dice-six:before {
  content: "\f526";
}
.fa-dice-three:before {
  content: "\f527";
}
.fa-dice-two:before {
  content: "\f528";
}
.fa-digg:before {
  content: "\f1a6";
}
.fa-digital-ocean:before {
  content: "\f391";
}
.fa-digital-tachograph:before {
  content: "\f566";
}
.fa-directions:before {
  content: "\f5eb";
}
.fa-discord:before {
  content: "\f392";
}
.fa-discourse:before {
  content: "\f393";
}
.fa-disease:before {
  content: "\f7fa";
}
.fa-divide:before {
  content: "\f529";
}
.fa-dizzy:before {
  content: "\f567";
}
.fa-dna:before {
  content: "\f471";
}
.fa-dochub:before {
  content: "\f394";
}
.fa-docker:before {
  content: "\f395";
}
.fa-dog:before {
  content: "\f6d3";
}
.fa-dollar-sign:before {
  content: "\f155";
}
.fa-dolly:before {
  content: "\f472";
}
.fa-dolly-flatbed:before {
  content: "\f474";
}
.fa-donate:before {
  content: "\f4b9";
}
.fa-door-closed:before {
  content: "\f52a";
}
.fa-door-open:before {
  content: "\f52b";
}
.fa-dot-circle:before {
  content: "\f192";
}
.fa-dove:before {
  content: "\f4ba";
}
.fa-download:before {
  content: "\f019";
}
.fa-draft2digital:before {
  content: "\f396";
}
.fa-drafting-compass:before {
  content: "\f568";
}
.fa-dragon:before {
  content: "\f6d5";
}
.fa-draw-polygon:before {
  content: "\f5ee";
}
.fa-dribbble:before {
  content: "\f17d";
}
.fa-dribbble-square:before {
  content: "\f397";
}
.fa-dropbox:before {
  content: "\f16b";
}
.fa-drum:before {
  content: "\f569";
}
.fa-drum-steelpan:before {
  content: "\f56a";
}
.fa-drumstick-bite:before {
  content: "\f6d7";
}
.fa-drupal:before {
  content: "\f1a9";
}
.fa-dumbbell:before {
  content: "\f44b";
}
.fa-dumpster:before {
  content: "\f793";
}
.fa-dumpster-fire:before {
  content: "\f794";
}
.fa-dungeon:before {
  content: "\f6d9";
}
.fa-dyalog:before {
  content: "\f399";
}
.fa-earlybirds:before {
  content: "\f39a";
}
.fa-ebay:before {
  content: "\f4f4";
}
.fa-edge:before {
  content: "\f282";
}
.fa-edge-legacy:before {
  content: "\e078";
}
.fa-edit:before {
  content: "\f044";
}
.fa-egg:before {
  content: "\f7fb";
}
.fa-eject:before {
  content: "\f052";
}
.fa-elementor:before {
  content: "\f430";
}
.fa-ellipsis-h:before {
  content: "\f141";
}
.fa-ellipsis-v:before {
  content: "\f142";
}
.fa-ello:before {
  content: "\f5f1";
}
.fa-ember:before {
  content: "\f423";
}
.fa-empire:before {
  content: "\f1d1";
}
.fa-envelope:before {
  content: "\f0e0";
}
.fa-envelope-open:before {
  content: "\f2b6";
}
.fa-envelope-open-text:before {
  content: "\f658";
}
.fa-envelope-square:before {
  content: "\f199";
}
.fa-envira:before {
  content: "\f299";
}
.fa-equals:before {
  content: "\f52c";
}
.fa-eraser:before {
  content: "\f12d";
}
.fa-erlang:before {
  content: "\f39d";
}
.fa-ethereum:before {
  content: "\f42e";
}
.fa-ethernet:before {
  content: "\f796";
}
.fa-etsy:before {
  content: "\f2d7";
}
.fa-euro-sign:before {
  content: "\f153";
}
.fa-evernote:before {
  content: "\f839";
}
.fa-exchange-alt:before {
  content: "\f362";
}
.fa-exclamation:before {
  content: "\f12a";
}
.fa-exclamation-circle:before {
  content: "\f06a";
}
.fa-exclamation-triangle:before {
  content: "\f071";
}
.fa-expand:before {
  content: "\f065";
}
.fa-expand-alt:before {
  content: "\f424";
}
.fa-expand-arrows-alt:before {
  content: "\f31e";
}
.fa-expeditedssl:before {
  content: "\f23e";
}
.fa-external-link-alt:before {
  content: "\f35d";
}
.fa-external-link-square-alt:before {
  content: "\f360";
}
.fa-eye:before {
  content: "\f06e";
}
.fa-eye-dropper:before {
  content: "\f1fb";
}
.fa-eye-slash:before {
  content: "\f070";
}
.fa-facebook:before {
  content: "\f09a";
}
.fa-facebook-f:before {
  content: "\f39e";
}
.fa-facebook-messenger:before {
  content: "\f39f";
}
.fa-facebook-square:before {
  content: "\f082";
}
.fa-fan:before {
  content: "\f863";
}
.fa-fantasy-flight-games:before {
  content: "\f6dc";
}
.fa-fast-backward:before {
  content: "\f049";
}
.fa-fast-forward:before {
  content: "\f050";
}
.fa-faucet:before {
  content: "\e005";
}
.fa-fax:before {
  content: "\f1ac";
}
.fa-feather:before {
  content: "\f52d";
}
.fa-feather-alt:before {
  content: "\f56b";
}
.fa-fedex:before {
  content: "\f797";
}
.fa-fedora:before {
  content: "\f798";
}
.fa-female:before {
  content: "\f182";
}
.fa-fighter-jet:before {
  content: "\f0fb";
}
.fa-figma:before {
  content: "\f799";
}
.fa-file:before {
  content: "\f15b";
}
.fa-file-alt:before {
  content: "\f15c";
}
.fa-file-archive:before {
  content: "\f1c6";
}
.fa-file-audio:before {
  content: "\f1c7";
}
.fa-file-code:before {
  content: "\f1c9";
}
.fa-file-contract:before {
  content: "\f56c";
}
.fa-file-csv:before {
  content: "\f6dd";
}
.fa-file-download:before {
  content: "\f56d";
}
.fa-file-excel:before {
  content: "\f1c3";
}
.fa-file-export:before {
  content: "\f56e";
}
.fa-file-image:before {
  content: "\f1c5";
}
.fa-file-import:before {
  content: "\f56f";
}
.fa-file-invoice:before {
  content: "\f570";
}
.fa-file-invoice-dollar:before {
  content: "\f571";
}
.fa-file-medical:before {
  content: "\f477";
}
.fa-file-medical-alt:before {
  content: "\f478";
}
.fa-file-pdf:before {
  content: "\f1c1";
}
.fa-file-powerpoint:before {
  content: "\f1c4";
}
.fa-file-prescription:before {
  content: "\f572";
}
.fa-file-signature:before {
  content: "\f573";
}
.fa-file-upload:before {
  content: "\f574";
}
.fa-file-video:before {
  content: "\f1c8";
}
.fa-file-word:before {
  content: "\f1c2";
}
.fa-fill:before {
  content: "\f575";
}
.fa-fill-drip:before {
  content: "\f576";
}
.fa-film:before {
  content: "\f008";
}
.fa-filter:before {
  content: "\f0b0";
}
.fa-fingerprint:before {
  content: "\f577";
}
.fa-fire:before {
  content: "\f06d";
}
.fa-fire-alt:before {
  content: "\f7e4";
}
.fa-fire-extinguisher:before {
  content: "\f134";
}
.fa-firefox:before {
  content: "\f269";
}
.fa-firefox-browser:before {
  content: "\e007";
}
.fa-first-aid:before {
  content: "\f479";
}
.fa-first-order:before {
  content: "\f2b0";
}
.fa-first-order-alt:before {
  content: "\f50a";
}
.fa-firstdraft:before {
  content: "\f3a1";
}
.fa-fish:before {
  content: "\f578";
}
.fa-fist-raised:before {
  content: "\f6de";
}
.fa-flag:before {
  content: "\f024";
}
.fa-flag-checkered:before {
  content: "\f11e";
}
.fa-flag-usa:before {
  content: "\f74d";
}
.fa-flask:before {
  content: "\f0c3";
}
.fa-flickr:before {
  content: "\f16e";
}
.fa-flipboard:before {
  content: "\f44d";
}
.fa-flushed:before {
  content: "\f579";
}
.fa-fly:before {
  content: "\f417";
}
.fa-folder:before {
  content: "\f07b";
}
.fa-folder-minus:before {
  content: "\f65d";
}
.fa-folder-open:before {
  content: "\f07c";
}
.fa-folder-plus:before {
  content: "\f65e";
}
.fa-font:before {
  content: "\f031";
}
.fa-font-awesome:before {
  content: "\f2b4";
}
.fa-font-awesome-alt:before {
  content: "\f35c";
}
.fa-font-awesome-flag:before {
  content: "\f425";
}
.fa-font-awesome-logo-full:before {
  content: "\f4e6";
}
.fa-fonticons:before {
  content: "\f280";
}
.fa-fonticons-fi:before {
  content: "\f3a2";
}
.fa-football-ball:before {
  content: "\f44e";
}
.fa-fort-awesome:before {
  content: "\f286";
}
.fa-fort-awesome-alt:before {
  content: "\f3a3";
}
.fa-forumbee:before {
  content: "\f211";
}
.fa-forward:before {
  content: "\f04e";
}
.fa-foursquare:before {
  content: "\f180";
}
.fa-free-code-camp:before {
  content: "\f2c5";
}
.fa-freebsd:before {
  content: "\f3a4";
}
.fa-frog:before {
  content: "\f52e";
}
.fa-frown:before {
  content: "\f119";
}
.fa-frown-open:before {
  content: "\f57a";
}
.fa-fulcrum:before {
  content: "\f50b";
}
.fa-funnel-dollar:before {
  content: "\f662";
}
.fa-futbol:before {
  content: "\f1e3";
}
.fa-galactic-republic:before {
  content: "\f50c";
}
.fa-galactic-senate:before {
  content: "\f50d";
}
.fa-gamepad:before {
  content: "\f11b";
}
.fa-gas-pump:before {
  content: "\f52f";
}
.fa-gavel:before {
  content: "\f0e3";
}
.fa-gem:before {
  content: "\f3a5";
}
.fa-genderless:before {
  content: "\f22d";
}
.fa-get-pocket:before {
  content: "\f265";
}
.fa-gg:before {
  content: "\f260";
}
.fa-gg-circle:before {
  content: "\f261";
}
.fa-ghost:before {
  content: "\f6e2";
}
.fa-gift:before {
  content: "\f06b";
}
.fa-gifts:before {
  content: "\f79c";
}
.fa-git:before {
  content: "\f1d3";
}
.fa-git-alt:before {
  content: "\f841";
}
.fa-git-square:before {
  content: "\f1d2";
}
.fa-github:before {
  content: "\f09b";
}
.fa-github-alt:before {
  content: "\f113";
}
.fa-github-square:before {
  content: "\f092";
}
.fa-gitkraken:before {
  content: "\f3a6";
}
.fa-gitlab:before {
  content: "\f296";
}
.fa-gitter:before {
  content: "\f426";
}
.fa-glass-cheers:before {
  content: "\f79f";
}
.fa-glass-martini:before {
  content: "\f000";
}
.fa-glass-martini-alt:before {
  content: "\f57b";
}
.fa-glass-whiskey:before {
  content: "\f7a0";
}
.fa-glasses:before {
  content: "\f530";
}
.fa-glide:before {
  content: "\f2a5";
}
.fa-glide-g:before {
  content: "\f2a6";
}
.fa-globe:before {
  content: "\f0ac";
}
.fa-globe-africa:before {
  content: "\f57c";
}
.fa-globe-americas:before {
  content: "\f57d";
}
.fa-globe-asia:before {
  content: "\f57e";
}
.fa-globe-europe:before {
  content: "\f7a2";
}
.fa-gofore:before {
  content: "\f3a7";
}
.fa-golf-ball:before {
  content: "\f450";
}
.fa-goodreads:before {
  content: "\f3a8";
}
.fa-goodreads-g:before {
  content: "\f3a9";
}
.fa-google:before {
  content: "\f1a0";
}
.fa-google-drive:before {
  content: "\f3aa";
}
.fa-google-pay:before {
  content: "\e079";
}
.fa-google-play:before {
  content: "\f3ab";
}
.fa-google-plus:before {
  content: "\f2b3";
}
.fa-google-plus-g:before {
  content: "\f0d5";
}
.fa-google-plus-square:before {
  content: "\f0d4";
}
.fa-google-wallet:before {
  content: "\f1ee";
}
.fa-gopuram:before {
  content: "\f664";
}
.fa-graduation-cap:before {
  content: "\f19d";
}
.fa-gratipay:before {
  content: "\f184";
}
.fa-grav:before {
  content: "\f2d6";
}
.fa-greater-than:before {
  content: "\f531";
}
.fa-greater-than-equal:before {
  content: "\f532";
}
.fa-grimace:before {
  content: "\f57f";
}
.fa-grin:before {
  content: "\f580";
}
.fa-grin-alt:before {
  content: "\f581";
}
.fa-grin-beam:before {
  content: "\f582";
}
.fa-grin-beam-sweat:before {
  content: "\f583";
}
.fa-grin-hearts:before {
  content: "\f584";
}
.fa-grin-squint:before {
  content: "\f585";
}
.fa-grin-squint-tears:before {
  content: "\f586";
}
.fa-grin-stars:before {
  content: "\f587";
}
.fa-grin-tears:before {
  content: "\f588";
}
.fa-grin-tongue:before {
  content: "\f589";
}
.fa-grin-tongue-squint:before {
  content: "\f58a";
}
.fa-grin-tongue-wink:before {
  content: "\f58b";
}
.fa-grin-wink:before {
  content: "\f58c";
}
.fa-grip-horizontal:before {
  content: "\f58d";
}
.fa-grip-lines:before {
  content: "\f7a4";
}
.fa-grip-lines-vertical:before {
  content: "\f7a5";
}
.fa-grip-vertical:before {
  content: "\f58e";
}
.fa-gripfire:before {
  content: "\f3ac";
}
.fa-grunt:before {
  content: "\f3ad";
}
.fa-guilded:before {
  content: "\e07e";
}
.fa-guitar:before {
  content: "\f7a6";
}
.fa-gulp:before {
  content: "\f3ae";
}
.fa-h-square:before {
  content: "\f0fd";
}
.fa-hacker-news:before {
  content: "\f1d4";
}
.fa-hacker-news-square:before {
  content: "\f3af";
}
.fa-hackerrank:before {
  content: "\f5f7";
}
.fa-hamburger:before {
  content: "\f805";
}
.fa-hammer:before {
  content: "\f6e3";
}
.fa-hamsa:before {
  content: "\f665";
}
.fa-hand-holding:before {
  content: "\f4bd";
}
.fa-hand-holding-heart:before {
  content: "\f4be";
}
.fa-hand-holding-medical:before {
  content: "\e05c";
}
.fa-hand-holding-usd:before {
  content: "\f4c0";
}
.fa-hand-holding-water:before {
  content: "\f4c1";
}
.fa-hand-lizard:before {
  content: "\f258";
}
.fa-hand-middle-finger:before {
  content: "\f806";
}
.fa-hand-paper:before {
  content: "\f256";
}
.fa-hand-peace:before {
  content: "\f25b";
}
.fa-hand-point-down:before {
  content: "\f0a7";
}
.fa-hand-point-left:before {
  content: "\f0a5";
}
.fa-hand-point-right:before {
  content: "\f0a4";
}
.fa-hand-point-up:before {
  content: "\f0a6";
}
.fa-hand-pointer:before {
  content: "\f25a";
}
.fa-hand-rock:before {
  content: "\f255";
}
.fa-hand-scissors:before {
  content: "\f257";
}
.fa-hand-sparkles:before {
  content: "\e05d";
}
.fa-hand-spock:before {
  content: "\f259";
}
.fa-hands:before {
  content: "\f4c2";
}
.fa-hands-helping:before {
  content: "\f4c4";
}
.fa-hands-wash:before {
  content: "\e05e";
}
.fa-handshake:before {
  content: "\f2b5";
}
.fa-handshake-alt-slash:before {
  content: "\e05f";
}
.fa-handshake-slash:before {
  content: "\e060";
}
.fa-hanukiah:before {
  content: "\f6e6";
}
.fa-hard-hat:before {
  content: "\f807";
}
.fa-hashtag:before {
  content: "\f292";
}
.fa-hat-cowboy:before {
  content: "\f8c0";
}
.fa-hat-cowboy-side:before {
  content: "\f8c1";
}
.fa-hat-wizard:before {
  content: "\f6e8";
}
.fa-hdd:before {
  content: "\f0a0";
}
.fa-head-side-cough:before {
  content: "\e061";
}
.fa-head-side-cough-slash:before {
  content: "\e062";
}
.fa-head-side-mask:before {
  content: "\e063";
}
.fa-head-side-virus:before {
  content: "\e064";
}
.fa-heading:before {
  content: "\f1dc";
}
.fa-headphones:before {
  content: "\f025";
}
.fa-headphones-alt:before {
  content: "\f58f";
}
.fa-headset:before {
  content: "\f590";
}
.fa-heart:before {
  content: "\f004";
}
.fa-heart-broken:before {
  content: "\f7a9";
}
.fa-heartbeat:before {
  content: "\f21e";
}
.fa-helicopter:before {
  content: "\f533";
}
.fa-highlighter:before {
  content: "\f591";
}
.fa-hiking:before {
  content: "\f6ec";
}
.fa-hippo:before {
  content: "\f6ed";
}
.fa-hips:before {
  content: "\f452";
}
.fa-hire-a-helper:before {
  content: "\f3b0";
}
.fa-history:before {
  content: "\f1da";
}
.fa-hive:before {
  content: "\e07f";
}
.fa-hockey-puck:before {
  content: "\f453";
}
.fa-holly-berry:before {
  content: "\f7aa";
}
.fa-home:before {
  content: "\f015";
}
.fa-hooli:before {
  content: "\f427";
}
.fa-hornbill:before {
  content: "\f592";
}
.fa-horse:before {
  content: "\f6f0";
}
.fa-horse-head:before {
  content: "\f7ab";
}
.fa-hospital:before {
  content: "\f0f8";
}
.fa-hospital-alt:before {
  content: "\f47d";
}
.fa-hospital-symbol:before {
  content: "\f47e";
}
.fa-hospital-user:before {
  content: "\f80d";
}
.fa-hot-tub:before {
  content: "\f593";
}
.fa-hotdog:before {
  content: "\f80f";
}
.fa-hotel:before {
  content: "\f594";
}
.fa-hotjar:before {
  content: "\f3b1";
}
.fa-hourglass:before {
  content: "\f254";
}
.fa-hourglass-end:before {
  content: "\f253";
}
.fa-hourglass-half:before {
  content: "\f252";
}
.fa-hourglass-start:before {
  content: "\f251";
}
.fa-house-damage:before {
  content: "\f6f1";
}
.fa-house-user:before {
  content: "\e065";
}
.fa-houzz:before {
  content: "\f27c";
}
.fa-hryvnia:before {
  content: "\f6f2";
}
.fa-html5:before {
  content: "\f13b";
}
.fa-hubspot:before {
  content: "\f3b2";
}
.fa-i-cursor:before {
  content: "\f246";
}
.fa-ice-cream:before {
  content: "\f810";
}
.fa-icicles:before {
  content: "\f7ad";
}
.fa-icons:before {
  content: "\f86d";
}
.fa-id-badge:before {
  content: "\f2c1";
}
.fa-id-card:before {
  content: "\f2c2";
}
.fa-id-card-alt:before {
  content: "\f47f";
}
.fa-ideal:before {
  content: "\e013";
}
.fa-igloo:before {
  content: "\f7ae";
}
.fa-image:before {
  content: "\f03e";
}
.fa-images:before {
  content: "\f302";
}
.fa-imdb:before {
  content: "\f2d8";
}
.fa-inbox:before {
  content: "\f01c";
}
.fa-indent:before {
  content: "\f03c";
}
.fa-industry:before {
  content: "\f275";
}
.fa-infinity:before {
  content: "\f534";
}
.fa-info:before {
  content: "\f129";
}
.fa-info-circle:before {
  content: "\f05a";
}
.fa-innosoft:before {
  content: "\e080";
}
.fa-instagram:before {
  content: "\f16d";
}
.fa-instagram-square:before {
  content: "\e055";
}
.fa-instalod:before {
  content: "\e081";
}
.fa-intercom:before {
  content: "\f7af";
}
.fa-internet-explorer:before {
  content: "\f26b";
}
.fa-invision:before {
  content: "\f7b0";
}
.fa-ioxhost:before {
  content: "\f208";
}
.fa-italic:before {
  content: "\f033";
}
.fa-itch-io:before {
  content: "\f83a";
}
.fa-itunes:before {
  content: "\f3b4";
}
.fa-itunes-note:before {
  content: "\f3b5";
}
.fa-java:before {
  content: "\f4e4";
}
.fa-jedi:before {
  content: "\f669";
}
.fa-jedi-order:before {
  content: "\f50e";
}
.fa-jenkins:before {
  content: "\f3b6";
}
.fa-jira:before {
  content: "\f7b1";
}
.fa-joget:before {
  content: "\f3b7";
}
.fa-joint:before {
  content: "\f595";
}
.fa-joomla:before {
  content: "\f1aa";
}
.fa-journal-whills:before {
  content: "\f66a";
}
.fa-js:before {
  content: "\f3b8";
}
.fa-js-square:before {
  content: "\f3b9";
}
.fa-jsfiddle:before {
  content: "\f1cc";
}
.fa-kaaba:before {
  content: "\f66b";
}
.fa-kaggle:before {
  content: "\f5fa";
}
.fa-key:before {
  content: "\f084";
}
.fa-keybase:before {
  content: "\f4f5";
}
.fa-keyboard:before {
  content: "\f11c";
}
.fa-keycdn:before {
  content: "\f3ba";
}
.fa-khanda:before {
  content: "\f66d";
}
.fa-kickstarter:before {
  content: "\f3bb";
}
.fa-kickstarter-k:before {
  content: "\f3bc";
}
.fa-kiss:before {
  content: "\f596";
}
.fa-kiss-beam:before {
  content: "\f597";
}
.fa-kiss-wink-heart:before {
  content: "\f598";
}
.fa-kiwi-bird:before {
  content: "\f535";
}
.fa-korvue:before {
  content: "\f42f";
}
.fa-landmark:before {
  content: "\f66f";
}
.fa-language:before {
  content: "\f1ab";
}
.fa-laptop:before {
  content: "\f109";
}
.fa-laptop-code:before {
  content: "\f5fc";
}
.fa-laptop-house:before {
  content: "\e066";
}
.fa-laptop-medical:before {
  content: "\f812";
}
.fa-laravel:before {
  content: "\f3bd";
}
.fa-lastfm:before {
  content: "\f202";
}
.fa-lastfm-square:before {
  content: "\f203";
}
.fa-laugh:before {
  content: "\f599";
}
.fa-laugh-beam:before {
  content: "\f59a";
}
.fa-laugh-squint:before {
  content: "\f59b";
}
.fa-laugh-wink:before {
  content: "\f59c";
}
.fa-layer-group:before {
  content: "\f5fd";
}
.fa-leaf:before {
  content: "\f06c";
}
.fa-leanpub:before {
  content: "\f212";
}
.fa-lemon:before {
  content: "\f094";
}
.fa-less:before {
  content: "\f41d";
}
.fa-less-than:before {
  content: "\f536";
}
.fa-less-than-equal:before {
  content: "\f537";
}
.fa-level-down-alt:before {
  content: "\f3be";
}
.fa-level-up-alt:before {
  content: "\f3bf";
}
.fa-life-ring:before {
  content: "\f1cd";
}
.fa-lightbulb:before {
  content: "\f0eb";
}
.fa-line:before {
  content: "\f3c0";
}
.fa-link:before {
  content: "\f0c1";
}
.fa-linkedin:before {
  content: "\f08c";
}
.fa-linkedin-in:before {
  content: "\f0e1";
}
.fa-linode:before {
  content: "\f2b8";
}
.fa-linux:before {
  content: "\f17c";
}
.fa-lira-sign:before {
  content: "\f195";
}
.fa-list:before {
  content: "\f03a";
}
.fa-list-alt:before {
  content: "\f022";
}
.fa-list-ol:before {
  content: "\f0cb";
}
.fa-list-ul:before {
  content: "\f0ca";
}
.fa-location-arrow:before {
  content: "\f124";
}
.fa-lock:before {
  content: "\f023";
}
.fa-lock-open:before {
  content: "\f3c1";
}
.fa-long-arrow-alt-down:before {
  content: "\f309";
}
.fa-long-arrow-alt-left:before {
  content: "\f30a";
}
.fa-long-arrow-alt-right:before {
  content: "\f30b";
}
.fa-long-arrow-alt-up:before {
  content: "\f30c";
}
.fa-low-vision:before {
  content: "\f2a8";
}
.fa-luggage-cart:before {
  content: "\f59d";
}
.fa-lungs:before {
  content: "\f604";
}
.fa-lungs-virus:before {
  content: "\e067";
}
.fa-lyft:before {
  content: "\f3c3";
}
.fa-magento:before {
  content: "\f3c4";
}
.fa-magic:before {
  content: "\f0d0";
}
.fa-magnet:before {
  content: "\f076";
}
.fa-mail-bulk:before {
  content: "\f674";
}
.fa-mailchimp:before {
  content: "\f59e";
}
.fa-male:before {
  content: "\f183";
}
.fa-mandalorian:before {
  content: "\f50f";
}
.fa-map:before {
  content: "\f279";
}
.fa-map-marked:before {
  content: "\f59f";
}
.fa-map-marked-alt:before {
  content: "\f5a0";
}
.fa-map-marker:before {
  content: "\f041";
}
.fa-map-marker-alt:before {
  content: "\f3c5";
}
.fa-map-pin:before {
  content: "\f276";
}
.fa-map-signs:before {
  content: "\f277";
}
.fa-markdown:before {
  content: "\f60f";
}
.fa-marker:before {
  content: "\f5a1";
}
.fa-mars:before {
  content: "\f222";
}
.fa-mars-double:before {
  content: "\f227";
}
.fa-mars-stroke:before {
  content: "\f229";
}
.fa-mars-stroke-h:before {
  content: "\f22b";
}
.fa-mars-stroke-v:before {
  content: "\f22a";
}
.fa-mask:before {
  content: "\f6fa";
}
.fa-mastodon:before {
  content: "\f4f6";
}
.fa-maxcdn:before {
  content: "\f136";
}
.fa-mdb:before {
  content: "\f8ca";
}
.fa-medal:before {
  content: "\f5a2";
}
.fa-medapps:before {
  content: "\f3c6";
}
.fa-medium:before {
  content: "\f23a";
}
.fa-medium-m:before {
  content: "\f3c7";
}
.fa-medkit:before {
  content: "\f0fa";
}
.fa-medrt:before {
  content: "\f3c8";
}
.fa-meetup:before {
  content: "\f2e0";
}
.fa-megaport:before {
  content: "\f5a3";
}
.fa-meh:before {
  content: "\f11a";
}
.fa-meh-blank:before {
  content: "\f5a4";
}
.fa-meh-rolling-eyes:before {
  content: "\f5a5";
}
.fa-memory:before {
  content: "\f538";
}
.fa-mendeley:before {
  content: "\f7b3";
}
.fa-menorah:before {
  content: "\f676";
}
.fa-mercury:before {
  content: "\f223";
}
.fa-meteor:before {
  content: "\f753";
}
.fa-microblog:before {
  content: "\e01a";
}
.fa-microchip:before {
  content: "\f2db";
}
.fa-microphone:before {
  content: "\f130";
}
.fa-microphone-alt:before {
  content: "\f3c9";
}
.fa-microphone-alt-slash:before {
  content: "\f539";
}
.fa-microphone-slash:before {
  content: "\f131";
}
.fa-microscope:before {
  content: "\f610";
}
.fa-microsoft:before {
  content: "\f3ca";
}
.fa-minus:before {
  content: "\f068";
}
.fa-minus-circle:before {
  content: "\f056";
}
.fa-minus-square:before {
  content: "\f146";
}
.fa-mitten:before {
  content: "\f7b5";
}
.fa-mix:before {
  content: "\f3cb";
}
.fa-mixcloud:before {
  content: "\f289";
}
.fa-mixer:before {
  content: "\e056";
}
.fa-mizuni:before {
  content: "\f3cc";
}
.fa-mobile:before {
  content: "\f10b";
}
.fa-mobile-alt:before {
  content: "\f3cd";
}
.fa-modx:before {
  content: "\f285";
}
.fa-monero:before {
  content: "\f3d0";
}
.fa-money-bill:before {
  content: "\f0d6";
}
.fa-money-bill-alt:before {
  content: "\f3d1";
}
.fa-money-bill-wave:before {
  content: "\f53a";
}
.fa-money-bill-wave-alt:before {
  content: "\f53b";
}
.fa-money-check:before {
  content: "\f53c";
}
.fa-money-check-alt:before {
  content: "\f53d";
}
.fa-monument:before {
  content: "\f5a6";
}
.fa-moon:before {
  content: "\f186";
}
.fa-mortar-pestle:before {
  content: "\f5a7";
}
.fa-mosque:before {
  content: "\f678";
}
.fa-motorcycle:before {
  content: "\f21c";
}
.fa-mountain:before {
  content: "\f6fc";
}
.fa-mouse:before {
  content: "\f8cc";
}
.fa-mouse-pointer:before {
  content: "\f245";
}
.fa-mug-hot:before {
  content: "\f7b6";
}
.fa-music:before {
  content: "\f001";
}
.fa-napster:before {
  content: "\f3d2";
}
.fa-neos:before {
  content: "\f612";
}
.fa-network-wired:before {
  content: "\f6ff";
}
.fa-neuter:before {
  content: "\f22c";
}
.fa-newspaper:before {
  content: "\f1ea";
}
.fa-nimblr:before {
  content: "\f5a8";
}
.fa-node:before {
  content: "\f419";
}
.fa-node-js:before {
  content: "\f3d3";
}
.fa-not-equal:before {
  content: "\f53e";
}
.fa-notes-medical:before {
  content: "\f481";
}
.fa-npm:before {
  content: "\f3d4";
}
.fa-ns8:before {
  content: "\f3d5";
}
.fa-nutritionix:before {
  content: "\f3d6";
}
.fa-object-group:before {
  content: "\f247";
}
.fa-object-ungroup:before {
  content: "\f248";
}
.fa-octopus-deploy:before {
  content: "\e082";
}
.fa-odnoklassniki:before {
  content: "\f263";
}
.fa-odnoklassniki-square:before {
  content: "\f264";
}
.fa-oil-can:before {
  content: "\f613";
}
.fa-old-republic:before {
  content: "\f510";
}
.fa-om:before {
  content: "\f679";
}
.fa-opencart:before {
  content: "\f23d";
}
.fa-openid:before {
  content: "\f19b";
}
.fa-opera:before {
  content: "\f26a";
}
.fa-optin-monster:before {
  content: "\f23c";
}
.fa-orcid:before {
  content: "\f8d2";
}
.fa-osi:before {
  content: "\f41a";
}
.fa-otter:before {
  content: "\f700";
}
.fa-outdent:before {
  content: "\f03b";
}
.fa-page4:before {
  content: "\f3d7";
}
.fa-pagelines:before {
  content: "\f18c";
}
.fa-pager:before {
  content: "\f815";
}
.fa-paint-brush:before {
  content: "\f1fc";
}
.fa-paint-roller:before {
  content: "\f5aa";
}
.fa-palette:before {
  content: "\f53f";
}
.fa-palfed:before {
  content: "\f3d8";
}
.fa-pallet:before {
  content: "\f482";
}
.fa-paper-plane:before {
  content: "\f1d8";
}
.fa-paperclip:before {
  content: "\f0c6";
}
.fa-parachute-box:before {
  content: "\f4cd";
}
.fa-paragraph:before {
  content: "\f1dd";
}
.fa-parking:before {
  content: "\f540";
}
.fa-passport:before {
  content: "\f5ab";
}
.fa-pastafarianism:before {
  content: "\f67b";
}
.fa-paste:before {
  content: "\f0ea";
}
.fa-patreon:before {
  content: "\f3d9";
}
.fa-pause:before {
  content: "\f04c";
}
.fa-pause-circle:before {
  content: "\f28b";
}
.fa-paw:before {
  content: "\f1b0";
}
.fa-paypal:before {
  content: "\f1ed";
}
.fa-peace:before {
  content: "\f67c";
}
.fa-pen:before {
  content: "\f304";
}
.fa-pen-alt:before {
  content: "\f305";
}
.fa-pen-fancy:before {
  content: "\f5ac";
}
.fa-pen-nib:before {
  content: "\f5ad";
}
.fa-pen-square:before {
  content: "\f14b";
}
.fa-pencil-alt:before {
  content: "\f303";
}
.fa-pencil-ruler:before {
  content: "\f5ae";
}
.fa-penny-arcade:before {
  content: "\f704";
}
.fa-people-arrows:before {
  content: "\e068";
}
.fa-people-carry:before {
  content: "\f4ce";
}
.fa-pepper-hot:before {
  content: "\f816";
}
.fa-perbyte:before {
  content: "\e083";
}
.fa-percent:before {
  content: "\f295";
}
.fa-percentage:before {
  content: "\f541";
}
.fa-periscope:before {
  content: "\f3da";
}
.fa-person-booth:before {
  content: "\f756";
}
.fa-phabricator:before {
  content: "\f3db";
}
.fa-phoenix-framework:before {
  content: "\f3dc";
}
.fa-phoenix-squadron:before {
  content: "\f511";
}
.fa-phone:before {
  content: "\f095";
}
.fa-phone-alt:before {
  content: "\f879";
}
.fa-phone-slash:before {
  content: "\f3dd";
}
.fa-phone-square:before {
  content: "\f098";
}
.fa-phone-square-alt:before {
  content: "\f87b";
}
.fa-phone-volume:before {
  content: "\f2a0";
}
.fa-photo-video:before {
  content: "\f87c";
}
.fa-php:before {
  content: "\f457";
}
.fa-pied-piper:before {
  content: "\f2ae";
}
.fa-pied-piper-alt:before {
  content: "\f1a8";
}
.fa-pied-piper-hat:before {
  content: "\f4e5";
}
.fa-pied-piper-pp:before {
  content: "\f1a7";
}
.fa-pied-piper-square:before {
  content: "\e01e";
}
.fa-piggy-bank:before {
  content: "\f4d3";
}
.fa-pills:before {
  content: "\f484";
}
.fa-pinterest:before {
  content: "\f0d2";
}
.fa-pinterest-p:before {
  content: "\f231";
}
.fa-pinterest-square:before {
  content: "\f0d3";
}
.fa-pizza-slice:before {
  content: "\f818";
}
.fa-place-of-worship:before {
  content: "\f67f";
}
.fa-plane:before {
  content: "\f072";
}
.fa-plane-arrival:before {
  content: "\f5af";
}
.fa-plane-departure:before {
  content: "\f5b0";
}
.fa-plane-slash:before {
  content: "\e069";
}
.fa-play:before {
  content: "\f04b";
}
.fa-play-circle:before {
  content: "\f144";
}
.fa-playstation:before {
  content: "\f3df";
}
.fa-plug:before {
  content: "\f1e6";
}
.fa-plus:before {
  content: "\f067";
}
.fa-plus-circle:before {
  content: "\f055";
}
.fa-plus-square:before {
  content: "\f0fe";
}
.fa-podcast:before {
  content: "\f2ce";
}
.fa-poll:before {
  content: "\f681";
}
.fa-poll-h:before {
  content: "\f682";
}
.fa-poo:before {
  content: "\f2fe";
}
.fa-poo-storm:before {
  content: "\f75a";
}
.fa-poop:before {
  content: "\f619";
}
.fa-portrait:before {
  content: "\f3e0";
}
.fa-pound-sign:before {
  content: "\f154";
}
.fa-power-off:before {
  content: "\f011";
}
.fa-pray:before {
  content: "\f683";
}
.fa-praying-hands:before {
  content: "\f684";
}
.fa-prescription:before {
  content: "\f5b1";
}
.fa-prescription-bottle:before {
  content: "\f485";
}
.fa-prescription-bottle-alt:before {
  content: "\f486";
}
.fa-print:before {
  content: "\f02f";
}
.fa-procedures:before {
  content: "\f487";
}
.fa-product-hunt:before {
  content: "\f288";
}
.fa-project-diagram:before {
  content: "\f542";
}
.fa-pump-medical:before {
  content: "\e06a";
}
.fa-pump-soap:before {
  content: "\e06b";
}
.fa-pushed:before {
  content: "\f3e1";
}
.fa-puzzle-piece:before {
  content: "\f12e";
}
.fa-python:before {
  content: "\f3e2";
}
.fa-qq:before {
  content: "\f1d6";
}
.fa-qrcode:before {
  content: "\f029";
}
.fa-question:before {
  content: "\f128";
}
.fa-question-circle:before {
  content: "\f059";
}
.fa-quidditch:before {
  content: "\f458";
}
.fa-quinscape:before {
  content: "\f459";
}
.fa-quora:before {
  content: "\f2c4";
}
.fa-quote-left:before {
  content: "\f10d";
}
.fa-quote-right:before {
  content: "\f10e";
}
.fa-quran:before {
  content: "\f687";
}
.fa-r-project:before {
  content: "\f4f7";
}
.fa-radiation:before {
  content: "\f7b9";
}
.fa-radiation-alt:before {
  content: "\f7ba";
}
.fa-rainbow:before {
  content: "\f75b";
}
.fa-random:before {
  content: "\f074";
}
.fa-raspberry-pi:before {
  content: "\f7bb";
}
.fa-ravelry:before {
  content: "\f2d9";
}
.fa-react:before {
  content: "\f41b";
}
.fa-reacteurope:before {
  content: "\f75d";
}
.fa-readme:before {
  content: "\f4d5";
}
.fa-rebel:before {
  content: "\f1d0";
}
.fa-receipt:before {
  content: "\f543";
}
.fa-record-vinyl:before {
  content: "\f8d9";
}
.fa-recycle:before {
  content: "\f1b8";
}
.fa-red-river:before {
  content: "\f3e3";
}
.fa-reddit:before {
  content: "\f1a1";
}
.fa-reddit-alien:before {
  content: "\f281";
}
.fa-reddit-square:before {
  content: "\f1a2";
}
.fa-redhat:before {
  content: "\f7bc";
}
.fa-redo:before {
  content: "\f01e";
}
.fa-redo-alt:before {
  content: "\f2f9";
}
.fa-registered:before {
  content: "\f25d";
}
.fa-remove-format:before {
  content: "\f87d";
}
.fa-renren:before {
  content: "\f18b";
}
.fa-reply:before {
  content: "\f3e5";
}
.fa-reply-all:before {
  content: "\f122";
}
.fa-replyd:before {
  content: "\f3e6";
}
.fa-republican:before {
  content: "\f75e";
}
.fa-researchgate:before {
  content: "\f4f8";
}
.fa-resolving:before {
  content: "\f3e7";
}
.fa-restroom:before {
  content: "\f7bd";
}
.fa-retweet:before {
  content: "\f079";
}
.fa-rev:before {
  content: "\f5b2";
}
.fa-ribbon:before {
  content: "\f4d6";
}
.fa-ring:before {
  content: "\f70b";
}
.fa-road:before {
  content: "\f018";
}
.fa-robot:before {
  content: "\f544";
}
.fa-rocket:before {
  content: "\f135";
}
.fa-rocketchat:before {
  content: "\f3e8";
}
.fa-rockrms:before {
  content: "\f3e9";
}
.fa-route:before {
  content: "\f4d7";
}
.fa-rss:before {
  content: "\f09e";
}
.fa-rss-square:before {
  content: "\f143";
}
.fa-ruble-sign:before {
  content: "\f158";
}
.fa-ruler:before {
  content: "\f545";
}
.fa-ruler-combined:before {
  content: "\f546";
}
.fa-ruler-horizontal:before {
  content: "\f547";
}
.fa-ruler-vertical:before {
  content: "\f548";
}
.fa-running:before {
  content: "\f70c";
}
.fa-rupee-sign:before {
  content: "\f156";
}
.fa-rust:before {
  content: "\e07a";
}
.fa-sad-cry:before {
  content: "\f5b3";
}
.fa-sad-tear:before {
  content: "\f5b4";
}
.fa-safari:before {
  content: "\f267";
}
.fa-salesforce:before {
  content: "\f83b";
}
.fa-sass:before {
  content: "\f41e";
}
.fa-satellite:before {
  content: "\f7bf";
}
.fa-satellite-dish:before {
  content: "\f7c0";
}
.fa-save:before {
  content: "\f0c7";
}
.fa-schlix:before {
  content: "\f3ea";
}
.fa-school:before {
  content: "\f549";
}
.fa-screwdriver:before {
  content: "\f54a";
}
.fa-scribd:before {
  content: "\f28a";
}
.fa-scroll:before {
  content: "\f70e";
}
.fa-sd-card:before {
  content: "\f7c2";
}
.fa-search:before {
  content: "\f002";
}
.fa-search-dollar:before {
  content: "\f688";
}
.fa-search-location:before {
  content: "\f689";
}
.fa-search-minus:before {
  content: "\f010";
}
.fa-search-plus:before {
  content: "\f00e";
}
.fa-searchengin:before {
  content: "\f3eb";
}
.fa-seedling:before {
  content: "\f4d8";
}
.fa-sellcast:before {
  content: "\f2da";
}
.fa-sellsy:before {
  content: "\f213";
}
.fa-server:before {
  content: "\f233";
}
.fa-servicestack:before {
  content: "\f3ec";
}
.fa-shapes:before {
  content: "\f61f";
}
.fa-share:before {
  content: "\f064";
}
.fa-share-alt:before {
  content: "\f1e0";
}
.fa-share-alt-square:before {
  content: "\f1e1";
}
.fa-share-square:before {
  content: "\f14d";
}
.fa-shekel-sign:before {
  content: "\f20b";
}
.fa-shield-alt:before {
  content: "\f3ed";
}
.fa-shield-virus:before {
  content: "\e06c";
}
.fa-ship:before {
  content: "\f21a";
}
.fa-shipping-fast:before {
  content: "\f48b";
}
.fa-shirtsinbulk:before {
  content: "\f214";
}
.fa-shoe-prints:before {
  content: "\f54b";
}
.fa-shopify:before {
  content: "\e057";
}
.fa-shopping-bag:before {
  content: "\f290";
}
.fa-shopping-basket:before {
  content: "\f291";
}
.fa-shopping-cart:before {
  content: "\f07a";
}
.fa-shopware:before {
  content: "\f5b5";
}
.fa-shower:before {
  content: "\f2cc";
}
.fa-shuttle-van:before {
  content: "\f5b6";
}
.fa-sign:before {
  content: "\f4d9";
}
.fa-sign-in-alt:before {
  content: "\f2f6";
}
.fa-sign-language:before {
  content: "\f2a7";
}
.fa-sign-out-alt:before {
  content: "\f2f5";
}
.fa-signal:before {
  content: "\f012";
}
.fa-signature:before {
  content: "\f5b7";
}
.fa-sim-card:before {
  content: "\f7c4";
}
.fa-simplybuilt:before {
  content: "\f215";
}
.fa-sink:before {
  content: "\e06d";
}
.fa-sistrix:before {
  content: "\f3ee";
}
.fa-sitemap:before {
  content: "\f0e8";
}
.fa-sith:before {
  content: "\f512";
}
.fa-skating:before {
  content: "\f7c5";
}
.fa-sketch:before {
  content: "\f7c6";
}
.fa-skiing:before {
  content: "\f7c9";
}
.fa-skiing-nordic:before {
  content: "\f7ca";
}
.fa-skull:before {
  content: "\f54c";
}
.fa-skull-crossbones:before {
  content: "\f714";
}
.fa-skyatlas:before {
  content: "\f216";
}
.fa-skype:before {
  content: "\f17e";
}
.fa-slack:before {
  content: "\f198";
}
.fa-slack-hash:before {
  content: "\f3ef";
}
.fa-slash:before {
  content: "\f715";
}
.fa-sleigh:before {
  content: "\f7cc";
}
.fa-sliders-h:before {
  content: "\f1de";
}
.fa-slideshare:before {
  content: "\f1e7";
}
.fa-smile:before {
  content: "\f118";
}
.fa-smile-beam:before {
  content: "\f5b8";
}
.fa-smile-wink:before {
  content: "\f4da";
}
.fa-smog:before {
  content: "\f75f";
}
.fa-smoking:before {
  content: "\f48d";
}
.fa-smoking-ban:before {
  content: "\f54d";
}
.fa-sms:before {
  content: "\f7cd";
}
.fa-snapchat:before {
  content: "\f2ab";
}
.fa-snapchat-ghost:before {
  content: "\f2ac";
}
.fa-snapchat-square:before {
  content: "\f2ad";
}
.fa-snowboarding:before {
  content: "\f7ce";
}
.fa-snowflake:before {
  content: "\f2dc";
}
.fa-snowman:before {
  content: "\f7d0";
}
.fa-snowplow:before {
  content: "\f7d2";
}
.fa-soap:before {
  content: "\e06e";
}
.fa-socks:before {
  content: "\f696";
}
.fa-solar-panel:before {
  content: "\f5ba";
}
.fa-sort:before {
  content: "\f0dc";
}
.fa-sort-alpha-down:before {
  content: "\f15d";
}
.fa-sort-alpha-down-alt:before {
  content: "\f881";
}
.fa-sort-alpha-up:before {
  content: "\f15e";
}
.fa-sort-alpha-up-alt:before {
  content: "\f882";
}
.fa-sort-amount-down:before {
  content: "\f160";
}
.fa-sort-amount-down-alt:before {
  content: "\f884";
}
.fa-sort-amount-up:before {
  content: "\f161";
}
.fa-sort-amount-up-alt:before {
  content: "\f885";
}
.fa-sort-down:before {
  content: "\f0dd";
}
.fa-sort-numeric-down:before {
  content: "\f162";
}
.fa-sort-numeric-down-alt:before {
  content: "\f886";
}
.fa-sort-numeric-up:before {
  content: "\f163";
}
.fa-sort-numeric-up-alt:before {
  content: "\f887";
}
.fa-sort-up:before {
  content: "\f0de";
}
.fa-soundcloud:before {
  content: "\f1be";
}
.fa-sourcetree:before {
  content: "\f7d3";
}
.fa-spa:before {
  content: "\f5bb";
}
.fa-space-shuttle:before {
  content: "\f197";
}
.fa-speakap:before {
  content: "\f3f3";
}
.fa-speaker-deck:before {
  content: "\f83c";
}
.fa-spell-check:before {
  content: "\f891";
}
.fa-spider:before {
  content: "\f717";
}
.fa-spinner:before {
  content: "\f110";
}
.fa-splotch:before {
  content: "\f5bc";
}
.fa-spotify:before {
  content: "\f1bc";
}
.fa-spray-can:before {
  content: "\f5bd";
}
.fa-square:before {
  content: "\f0c8";
}
.fa-square-full:before {
  content: "\f45c";
}
.fa-square-root-alt:before {
  content: "\f698";
}
.fa-squarespace:before {
  content: "\f5be";
}
.fa-stack-exchange:before {
  content: "\f18d";
}
.fa-stack-overflow:before {
  content: "\f16c";
}
.fa-stackpath:before {
  content: "\f842";
}
.fa-stamp:before {
  content: "\f5bf";
}
.fa-star:before {
  content: "\f005";
}
.fa-star-and-crescent:before {
  content: "\f699";
}
.fa-star-half:before {
  content: "\f089";
}
.fa-star-half-alt:before {
  content: "\f5c0";
}
.fa-star-of-david:before {
  content: "\f69a";
}
.fa-star-of-life:before {
  content: "\f621";
}
.fa-staylinked:before {
  content: "\f3f5";
}
.fa-steam:before {
  content: "\f1b6";
}
.fa-steam-square:before {
  content: "\f1b7";
}
.fa-steam-symbol:before {
  content: "\f3f6";
}
.fa-step-backward:before {
  content: "\f048";
}
.fa-step-forward:before {
  content: "\f051";
}
.fa-stethoscope:before {
  content: "\f0f1";
}
.fa-sticker-mule:before {
  content: "\f3f7";
}
.fa-sticky-note:before {
  content: "\f249";
}
.fa-stop:before {
  content: "\f04d";
}
.fa-stop-circle:before {
  content: "\f28d";
}
.fa-stopwatch:before {
  content: "\f2f2";
}
.fa-stopwatch-20:before {
  content: "\e06f";
}
.fa-store:before {
  content: "\f54e";
}
.fa-store-alt:before {
  content: "\f54f";
}
.fa-store-alt-slash:before {
  content: "\e070";
}
.fa-store-slash:before {
  content: "\e071";
}
.fa-strava:before {
  content: "\f428";
}
.fa-stream:before {
  content: "\f550";
}
.fa-street-view:before {
  content: "\f21d";
}
.fa-strikethrough:before {
  content: "\f0cc";
}
.fa-stripe:before {
  content: "\f429";
}
.fa-stripe-s:before {
  content: "\f42a";
}
.fa-stroopwafel:before {
  content: "\f551";
}
.fa-studiovinari:before {
  content: "\f3f8";
}
.fa-stumbleupon:before {
  content: "\f1a4";
}
.fa-stumbleupon-circle:before {
  content: "\f1a3";
}
.fa-subscript:before {
  content: "\f12c";
}
.fa-subway:before {
  content: "\f239";
}
.fa-suitcase:before {
  content: "\f0f2";
}
.fa-suitcase-rolling:before {
  content: "\f5c1";
}
.fa-sun:before {
  content: "\f185";
}
.fa-superpowers:before {
  content: "\f2dd";
}
.fa-superscript:before {
  content: "\f12b";
}
.fa-supple:before {
  content: "\f3f9";
}
.fa-surprise:before {
  content: "\f5c2";
}
.fa-suse:before {
  content: "\f7d6";
}
.fa-swatchbook:before {
  content: "\f5c3";
}
.fa-swift:before {
  content: "\f8e1";
}
.fa-swimmer:before {
  content: "\f5c4";
}
.fa-swimming-pool:before {
  content: "\f5c5";
}
.fa-symfony:before {
  content: "\f83d";
}
.fa-synagogue:before {
  content: "\f69b";
}
.fa-sync:before {
  content: "\f021";
}
.fa-sync-alt:before {
  content: "\f2f1";
}
.fa-syringe:before {
  content: "\f48e";
}
.fa-table:before {
  content: "\f0ce";
}
.fa-table-tennis:before {
  content: "\f45d";
}
.fa-tablet:before {
  content: "\f10a";
}
.fa-tablet-alt:before {
  content: "\f3fa";
}
.fa-tablets:before {
  content: "\f490";
}
.fa-tachometer-alt:before {
  content: "\f3fd";
}
.fa-tag:before {
  content: "\f02b";
}
.fa-tags:before {
  content: "\f02c";
}
.fa-tape:before {
  content: "\f4db";
}
.fa-tasks:before {
  content: "\f0ae";
}
.fa-taxi:before {
  content: "\f1ba";
}
.fa-teamspeak:before {
  content: "\f4f9";
}
.fa-teeth:before {
  content: "\f62e";
}
.fa-teeth-open:before {
  content: "\f62f";
}
.fa-telegram:before {
  content: "\f2c6";
}
.fa-telegram-plane:before {
  content: "\f3fe";
}
.fa-temperature-high:before {
  content: "\f769";
}
.fa-temperature-low:before {
  content: "\f76b";
}
.fa-tencent-weibo:before {
  content: "\f1d5";
}
.fa-tenge:before {
  content: "\f7d7";
}
.fa-terminal:before {
  content: "\f120";
}
.fa-text-height:before {
  content: "\f034";
}
.fa-text-width:before {
  content: "\f035";
}
.fa-th:before {
  content: "\f00a";
}
.fa-th-large:before {
  content: "\f009";
}
.fa-th-list:before {
  content: "\f00b";
}
.fa-the-red-yeti:before {
  content: "\f69d";
}
.fa-theater-masks:before {
  content: "\f630";
}
.fa-themeco:before {
  content: "\f5c6";
}
.fa-themeisle:before {
  content: "\f2b2";
}
.fa-thermometer:before {
  content: "\f491";
}
.fa-thermometer-empty:before {
  content: "\f2cb";
}
.fa-thermometer-full:before {
  content: "\f2c7";
}
.fa-thermometer-half:before {
  content: "\f2c9";
}
.fa-thermometer-quarter:before {
  content: "\f2ca";
}
.fa-thermometer-three-quarters:before {
  content: "\f2c8";
}
.fa-think-peaks:before {
  content: "\f731";
}
.fa-thumbs-down:before {
  content: "\f165";
}
.fa-thumbs-up:before {
  content: "\f164";
}
.fa-thumbtack:before {
  content: "\f08d";
}
.fa-ticket-alt:before {
  content: "\f3ff";
}
.fa-tiktok:before {
  content: "\e07b";
}
.fa-times:before {
  content: "\f00d";
}
.fa-times-circle:before {
  content: "\f057";
}
.fa-tint:before {
  content: "\f043";
}
.fa-tint-slash:before {
  content: "\f5c7";
}
.fa-tired:before {
  content: "\f5c8";
}
.fa-toggle-off:before {
  content: "\f204";
}
.fa-toggle-on:before {
  content: "\f205";
}
.fa-toilet:before {
  content: "\f7d8";
}
.fa-toilet-paper:before {
  content: "\f71e";
}
.fa-toilet-paper-slash:before {
  content: "\e072";
}
.fa-toolbox:before {
  content: "\f552";
}
.fa-tools:before {
  content: "\f7d9";
}
.fa-tooth:before {
  content: "\f5c9";
}
.fa-torah:before {
  content: "\f6a0";
}
.fa-torii-gate:before {
  content: "\f6a1";
}
.fa-tractor:before {
  content: "\f722";
}
.fa-trade-federation:before {
  content: "\f513";
}
.fa-trademark:before {
  content: "\f25c";
}
.fa-traffic-light:before {
  content: "\f637";
}
.fa-trailer:before {
  content: "\e041";
}
.fa-train:before {
  content: "\f238";
}
.fa-tram:before {
  content: "\f7da";
}
.fa-transgender:before {
  content: "\f224";
}
.fa-transgender-alt:before {
  content: "\f225";
}
.fa-trash:before {
  content: "\f1f8";
}
.fa-trash-alt:before {
  content: "\f2ed";
}
.fa-trash-restore:before {
  content: "\f829";
}
.fa-trash-restore-alt:before {
  content: "\f82a";
}
.fa-tree:before {
  content: "\f1bb";
}
.fa-trello:before {
  content: "\f181";
}
.fa-trophy:before {
  content: "\f091";
}
.fa-truck:before {
  content: "\f0d1";
}
.fa-truck-loading:before {
  content: "\f4de";
}
.fa-truck-monster:before {
  content: "\f63b";
}
.fa-truck-moving:before {
  content: "\f4df";
}
.fa-truck-pickup:before {
  content: "\f63c";
}
.fa-tshirt:before {
  content: "\f553";
}
.fa-tty:before {
  content: "\f1e4";
}
.fa-tumblr:before {
  content: "\f173";
}
.fa-tumblr-square:before {
  content: "\f174";
}
.fa-tv:before {
  content: "\f26c";
}
.fa-twitch:before {
  content: "\f1e8";
}
.fa-twitter:before {
  content: "\f099";
}
.fa-twitter-square:before {
  content: "\f081";
}
.fa-typo3:before {
  content: "\f42b";
}
.fa-uber:before {
  content: "\f402";
}
.fa-ubuntu:before {
  content: "\f7df";
}
.fa-uikit:before {
  content: "\f403";
}
.fa-umbraco:before {
  content: "\f8e8";
}
.fa-umbrella:before {
  content: "\f0e9";
}
.fa-umbrella-beach:before {
  content: "\f5ca";
}
.fa-uncharted:before {
  content: "\e084";
}
.fa-underline:before {
  content: "\f0cd";
}
.fa-undo:before {
  content: "\f0e2";
}
.fa-undo-alt:before {
  content: "\f2ea";
}
.fa-uniregistry:before {
  content: "\f404";
}
.fa-unity:before {
  content: "\e049";
}
.fa-universal-access:before {
  content: "\f29a";
}
.fa-university:before {
  content: "\f19c";
}
.fa-unlink:before {
  content: "\f127";
}
.fa-unlock:before {
  content: "\f09c";
}
.fa-unlock-alt:before {
  content: "\f13e";
}
.fa-unsplash:before {
  content: "\e07c";
}
.fa-untappd:before {
  content: "\f405";
}
.fa-upload:before {
  content: "\f093";
}
.fa-ups:before {
  content: "\f7e0";
}
.fa-usb:before {
  content: "\f287";
}
.fa-user:before {
  content: "\f007";
}
.fa-user-alt:before {
  content: "\f406";
}
.fa-user-alt-slash:before {
  content: "\f4fa";
}
.fa-user-astronaut:before {
  content: "\f4fb";
}
.fa-user-check:before {
  content: "\f4fc";
}
.fa-user-circle:before {
  content: "\f2bd";
}
.fa-user-clock:before {
  content: "\f4fd";
}
.fa-user-cog:before {
  content: "\f4fe";
}
.fa-user-edit:before {
  content: "\f4ff";
}
.fa-user-friends:before {
  content: "\f500";
}
.fa-user-graduate:before {
  content: "\f501";
}
.fa-user-injured:before {
  content: "\f728";
}
.fa-user-lock:before {
  content: "\f502";
}
.fa-user-md:before {
  content: "\f0f0";
}
.fa-user-minus:before {
  content: "\f503";
}
.fa-user-ninja:before {
  content: "\f504";
}
.fa-user-nurse:before {
  content: "\f82f";
}
.fa-user-plus:before {
  content: "\f234";
}
.fa-user-secret:before {
  content: "\f21b";
}
.fa-user-shield:before {
  content: "\f505";
}
.fa-user-slash:before {
  content: "\f506";
}
.fa-user-tag:before {
  content: "\f507";
}
.fa-user-tie:before {
  content: "\f508";
}
.fa-user-times:before {
  content: "\f235";
}
.fa-users:before {
  content: "\f0c0";
}
.fa-users-cog:before {
  content: "\f509";
}
.fa-users-slash:before {
  content: "\e073";
}
.fa-usps:before {
  content: "\f7e1";
}
.fa-ussunnah:before {
  content: "\f407";
}
.fa-utensil-spoon:before {
  content: "\f2e5";
}
.fa-utensils:before {
  content: "\f2e7";
}
.fa-vaadin:before {
  content: "\f408";
}
.fa-vector-square:before {
  content: "\f5cb";
}
.fa-venus:before {
  content: "\f221";
}
.fa-venus-double:before {
  content: "\f226";
}
.fa-venus-mars:before {
  content: "\f228";
}
.fa-vest:before {
  content: "\e085";
}
.fa-vest-patches:before {
  content: "\e086";
}
.fa-viacoin:before {
  content: "\f237";
}
.fa-viadeo:before {
  content: "\f2a9";
}
.fa-viadeo-square:before {
  content: "\f2aa";
}
.fa-vial:before {
  content: "\f492";
}
.fa-vials:before {
  content: "\f493";
}
.fa-viber:before {
  content: "\f409";
}
.fa-video:before {
  content: "\f03d";
}
.fa-video-slash:before {
  content: "\f4e2";
}
.fa-vihara:before {
  content: "\f6a7";
}
.fa-vimeo:before {
  content: "\f40a";
}
.fa-vimeo-square:before {
  content: "\f194";
}
.fa-vimeo-v:before {
  content: "\f27d";
}
.fa-vine:before {
  content: "\f1ca";
}
.fa-virus:before {
  content: "\e074";
}
.fa-virus-slash:before {
  content: "\e075";
}
.fa-viruses:before {
  content: "\e076";
}
.fa-vk:before {
  content: "\f189";
}
.fa-vnv:before {
  content: "\f40b";
}
.fa-voicemail:before {
  content: "\f897";
}
.fa-volleyball-ball:before {
  content: "\f45f";
}
.fa-volume-down:before {
  content: "\f027";
}
.fa-volume-mute:before {
  content: "\f6a9";
}
.fa-volume-off:before {
  content: "\f026";
}
.fa-volume-up:before {
  content: "\f028";
}
.fa-vote-yea:before {
  content: "\f772";
}
.fa-vr-cardboard:before {
  content: "\f729";
}
.fa-vuejs:before {
  content: "\f41f";
}
.fa-walking:before {
  content: "\f554";
}
.fa-wallet:before {
  content: "\f555";
}
.fa-warehouse:before {
  content: "\f494";
}
.fa-watchman-monitoring:before {
  content: "\e087";
}
.fa-water:before {
  content: "\f773";
}
.fa-wave-square:before {
  content: "\f83e";
}
.fa-waze:before {
  content: "\f83f";
}
.fa-weebly:before {
  content: "\f5cc";
}
.fa-weibo:before {
  content: "\f18a";
}
.fa-weight:before {
  content: "\f496";
}
.fa-weight-hanging:before {
  content: "\f5cd";
}
.fa-weixin:before {
  content: "\f1d7";
}
.fa-whatsapp:before {
  content: "\f232";
}
.fa-whatsapp-square:before {
  content: "\f40c";
}
.fa-wheelchair:before {
  content: "\f193";
}
.fa-whmcs:before {
  content: "\f40d";
}
.fa-wifi:before {
  content: "\f1eb";
}
.fa-wikipedia-w:before {
  content: "\f266";
}
.fa-wind:before {
  content: "\f72e";
}
.fa-window-close:before {
  content: "\f410";
}
.fa-window-maximize:before {
  content: "\f2d0";
}
.fa-window-minimize:before {
  content: "\f2d1";
}
.fa-window-restore:before {
  content: "\f2d2";
}
.fa-windows:before {
  content: "\f17a";
}
.fa-wine-bottle:before {
  content: "\f72f";
}
.fa-wine-glass:before {
  content: "\f4e3";
}
.fa-wine-glass-alt:before {
  content: "\f5ce";
}
.fa-wix:before {
  content: "\f5cf";
}
.fa-wizards-of-the-coast:before {
  content: "\f730";
}
.fa-wodu:before {
  content: "\e088";
}
.fa-wolf-pack-battalion:before {
  content: "\f514";
}
.fa-won-sign:before {
  content: "\f159";
}
.fa-wordpress:before {
  content: "\f19a";
}
.fa-wordpress-simple:before {
  content: "\f411";
}
.fa-wpbeginner:before {
  content: "\f297";
}
.fa-wpexplorer:before {
  content: "\f2de";
}
.fa-wpforms:before {
  content: "\f298";
}
.fa-wpressr:before {
  content: "\f3e4";
}
.fa-wrench:before {
  content: "\f0ad";
}
.fa-x-ray:before {
  content: "\f497";
}
.fa-xbox:before {
  content: "\f412";
}
.fa-xing:before {
  content: "\f168";
}
.fa-xing-square:before {
  content: "\f169";
}
.fa-y-combinator:before {
  content: "\f23b";
}
.fa-yahoo:before {
  content: "\f19e";
}
.fa-yammer:before {
  content: "\f840";
}
.fa-yandex:before {
  content: "\f413";
}
.fa-yandex-international:before {
  content: "\f414";
}
.fa-yarn:before {
  content: "\f7e3";
}
.fa-yelp:before {
  content: "\f1e9";
}
.fa-yen-sign:before {
  content: "\f157";
}
.fa-yin-yang:before {
  content: "\f6ad";
}
.fa-yoast:before {
  content: "\f2b1";
}
.fa-youtube:before {
  content: "\f167";
}
.fa-youtube-square:before {
  content: "\f431";
}
.fa-zhihu:before {
  content: "\f63f";
}
.sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  /* added line */
  border: 0;
}
.sr-only-focusable:active,
.sr-only-focusable:focus {
  clip: auto;
  height: auto;
  margin: 0;
  overflow: visible;
  position: static;
  width: auto;
}
/*!
 * Font Awesome Free 5.15.4 by @fontawesome - https://fontawesome.com
 * License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License)
 */
@font-face {
  font-family: 'Font Awesome 5 Free';
  font-style: normal;
  font-weight: 900;
  font-display: block;
  src: url('../../../bower_components/font-awesome-5.15.4/webfonts/fa-solid-900.eot');
  src: url('../../../bower_components/font-awesome-5.15.4/webfonts/fa-solid-900.eot?#iefix') format('embedded-opentype'), url('../../../bower_components/font-awesome-5.15.4/webfonts/fa-solid-900.woff2') format('woff2'), url('../../../bower_components/font-awesome-5.15.4/webfonts/fa-solid-900.woff') format('woff'), url('../../../bower_components/font-awesome-5.15.4/webfonts/fa-solid-900.ttf') format('truetype'), url('../../../bower_components/font-awesome-5.15.4/webfonts/fa-solid-900.svg#fontawesome') format('svg');
}
.fa,
.fas {
  font-family: 'Font Awesome 5 Free';
  font-weight: 900;
}
/*!
 * Font Awesome Free 5.15.4 by @fontawesome - https://fontawesome.com
 * License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License)
 */
@font-face {
  font-family: 'Font Awesome 5 Free';
  font-style: normal;
  font-weight: 400;
  font-display: block;
  src: url('../../../bower_components/font-awesome-5.15.4/webfonts/fa-regular-400.eot');
  src: url('../../../bower_components/font-awesome-5.15.4/webfonts/fa-regular-400.eot?#iefix') format('embedded-opentype'), url('../../../bower_components/font-awesome-5.15.4/webfonts/fa-regular-400.woff2') format('woff2'), url('../../../bower_components/font-awesome-5.15.4/webfonts/fa-regular-400.woff') format('woff'), url('../../../bower_components/font-awesome-5.15.4/webfonts/fa-regular-400.ttf') format('truetype'), url('../../../bower_components/font-awesome-5.15.4/webfonts/fa-regular-400.svg#fontawesome') format('svg');
}
.far {
  font-family: 'Font Awesome 5 Free';
  font-weight: 400;
}
/*!
 * Font Awesome Free 5.15.4 by @fontawesome - https://fontawesome.com
 * License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License)
 */
@font-face {
  font-family: 'Font Awesome 5 Brands';
  font-style: normal;
  font-weight: 400;
  font-display: block;
  src: url('../../../bower_components/font-awesome-5.15.4/webfonts/fa-brands-400.eot');
  src: url('../../../bower_components/font-awesome-5.15.4/webfonts/fa-brands-400.eot?#iefix') format('embedded-opentype'), url('../../../bower_components/font-awesome-5.15.4/webfonts/fa-brands-400.woff2') format('woff2'), url('../../../bower_components/font-awesome-5.15.4/webfonts/fa-brands-400.woff') format('woff'), url('../../../bower_components/font-awesome-5.15.4/webfonts/fa-brands-400.ttf') format('truetype'), url('../../../bower_components/font-awesome-5.15.4/webfonts/fa-brands-400.svg#fontawesome') format('svg');
}
.fab {
  font-family: 'Font Awesome 5 Brands';
  font-weight: 400;
}
.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;
}
/* Shadows */
/* Elevations - DEPRECATED */
/* These variables represent the previous shadow scale we used. Although we no longer utilize it, they remain for compatibility purposes as migration has not yet been completed. */
/***** 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;
}
.text-debug {
  color: #999999;
}
.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.labeling_task {
  color: #f9bd38;
}
.universe-color.notebooks,
.universe-color.notebook,
.universe-color.web_app,
.universe-color.code-studio,
.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-eda,
.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-nlp {
  color: #d66f9e;
}
.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.prompt_studio,
.universe-color.prompt-studio {
  color: #d66f9e;
}
.universe-color.knowledge_bank,
.universe-color.retrievable_knowledge,
.universe-color.retrievable-knowledge {
  color: #d66f9e;
}
.universe-color.agent_tool,
.universe-color.agent-tool {
  color: #d66f9e;
}
.universe-color.model-evaluation-store,
.universe-color.model_evaluation_store {
  color: #29af5d;
}
.universe-color.model-comparison,
.universe-color.model_comparison {
  color: #29af5d;
}
.universe-color.saved-model,
.universe-color.saved_model {
  color: #29af5d;
}
.universe-color.llm-saved-model {
  color: #d66f9e;
}
.universe-color.data-quality-insight {
  color: #8541aa;
}
.universe-color.lambda-service,
.universe-color.lambda_service {
  color: #2ab1ac;
}
.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-color.app {
  color: #2ab1ac;
}
.universe-background {
  color: #ffffff !important;
  background: #2ab1ac;
}
.universe-background.home {
  background-color: #2ab1ac;
}
.universe-background.project {
  background-color: #666666;
}
.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.prompt-studio,
.universe-background.prompt_studio {
  background-color: #d66f9e;
}
.universe-background.knowledge_bank,
.universe-background.retrievable_knowledge,
.universe-background.retrievable-knowledge {
  background-color: #d66f9e;
}
.universe-background.agent_tool,
.universe-background.agent-tool {
  background-color: #d66f9e;
}
.universe-background.labeling_task {
  background-color: #f9bd38;
}
.universe-background.notebooks,
.universe-background.notebook,
.universe-background.web_app,
.universe-background.code-studio,
.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,
.universe-background.app-instance {
  background-color: #54707e;
}
.universe-background.recipe-eda,
.universe-background.recipe-visual {
  background-color: #f9bd38;
}
.universe-background.recipe-code {
  background-color: #f28c38;
}
.universe-background.recipe-nlp {
  background-color: #d66f9e;
}
.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.llm-saved-model {
  background-color: #d66f9e;
}
.universe-background.model-comparison,
.universe-background.model_comparison,
.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.data-quality {
  background-color: #444444;
}
.universe-background.data-quality-insight {
  background-color: #8541aa;
}
.universe-background.instance-monitoring {
  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-background.feature-store {
  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.llm-saved-model {
  fill: #d66f9e;
}
.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;
}
/**
 * This file will contain variables and mixins that define the DSS design system layout.
 * https://dataiku.frontify.com/d/NbtVkiUBRo7S/dss-design-system#/basics/margins-and-padding
 * https://dataiku.frontify.com/d/NbtVkiUBRo7S/dss-design-system#/basics/grid-resolution
 * 
 * But i need a value that is not referenced here or in the design system ?
 * Check with your designer, and depending on the outcome just use it in your local css file
 */
/**
 * Spacing can be used to define margin, padding, css grid column gap.
 * https://dataiku.frontify.com/d/NbtVkiUBRo7S/dss-design-system#/basics/margins-and-padding
 */
/***** 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.btn--xlarge.btn--xlarge.btn--xlarge {
  font-size: 16px;
  padding: 7px 20px;
}
.btn--xlarge.btn--xlarge.btn--xlarge.btn--xlarge.btn--icon {
  padding: 2px 4px;
}
.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;
}
.btn--toolbar-icon {
  width: 30px;
  height: 26px;
  padding: 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-group.btn-group--split .btn:not(:first-child) {
  padding-left: 4px;
  padding-right: 4px;
}
.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;
}
.btn--danger .icon-trash {
  margin-right: 0;
}
/*
    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--code-studio,
.btn--report,
.btn--gitlib {
  background: #f28c38;
  color: #ffffff;
  border: 1px solid transparent;
}
.btn--notebook:hover,
.btn--webapp:hover,
.btn--code-studio:hover,
.btn--report:hover,
.btn--gitlib:hover {
  color: #ffffff;
  transition: all 0.2s ease;
  background: #f39242;
}
.btn--notebook:active,
.btn--webapp:active,
.btn--code-studio:active,
.btn--report:active,
.btn--gitlib:active,
.btn--notebook:focus,
.btn--webapp:focus,
.btn--code-studio:focus,
.btn--report:focus,
.btn--gitlib:focus {
  color: #ffffff;
  box-shadow: none;
  background: #f1862e;
}
.btn--notebook[disabled],
.btn--webapp[disabled],
.btn--code-studio[disabled],
.btn--report[disabled],
.btn--gitlib[disabled],
.btn--notebook:disabled,
.btn--webapp:disabled,
.btn--code-studio:disabled,
.btn--report:disabled,
.btn--gitlib:disabled,
.btn--notebook.disabled,
.btn--webapp.disabled,
.btn--code-studio.disabled,
.btn--report.disabled,
.btn--gitlib.disabled {
  background: #f28c38;
  color: #ffffff;
  opacity: 0.65;
  pointer-events: none;
}
.btn--notebook .caret,
.btn--webapp .caret,
.btn--code-studio .caret,
.btn--report .caret,
.btn--gitlib .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;
}
.btn--agent {
  background: #d66f9e;
  color: #ffffff;
  border: 1px solid transparent;
}
.btn--agent:hover {
  color: #ffffff;
  transition: all 0.2s ease;
  background: #d877a3;
}
.btn--agent:active,
.btn--agent:focus {
  color: #ffffff;
  box-shadow: none;
  background: #d46799;
}
.btn--agent[disabled],
.btn--agent:disabled,
.btn--agent.disabled {
  background: #d66f9e;
  color: #ffffff;
  opacity: 0.65;
  pointer-events: none;
}
.fullwidth-action .btn--lab {
  width: 280px;
  font-size: 16px;
  height: 40px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.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--no-border {
  border: none;
}
.btn--no-text-transform {
  text-transform: none;
}
.btn--no-hover.btn--no-hover.btn--no-hover.btn--no-hover:hover {
  background-color: transparent;
}
.btn--like-text.btn--like-text.btn--like-text.btn--like-text,
.btn--like-text {
  background: transparent;
  border: none;
  font-size: 13px;
}
.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;
}
.btn--dku-icon {
  display: inline-flex;
  align-items: center;
  /* override the 'has-caret' style from 'btn' class for new icons to have them correctly displayed */
}
.btn--dku-icon.btn--icon {
  justify-content: center;
}
.btn--dku-icon i {
  /* 1.125 unitless line height will multiply the icon font size by it, added to the padding and border this result in 26px button for icon of 16px */
  line-height: 1.125;
}
.btn--dku-icon.has-caret i {
  margin-left: 0 !important;
  margin-right: 3px !important;
}
.btn--dku-icon-only {
  width: 26px;
  height: 26px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  line-height: 1;
  padding: 4px;
}
.btn--dku-icon-only i {
  margin: 0;
}
.btn--unstyled {
  background: none;
  border: none;
  box-shadow: none;
  outline: none;
  font: inherit;
  padding: 0;
}
@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;
}
.font-style-italic {
  font-style: italic;
}
.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 {
  font-weight: 400;
  font-size: 32px;
  line-height: 40px;
  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 {
  font-weight: 400;
  font-size: 26px;
  line-height: 33px;
  color: #222222;
}
.dku-large-title-sb {
  font-weight: 500;
  font-size: 26px;
  line-height: 33px;
  color: #222222;
}
.dku-grand-title {
  font-weight: 400;
  font-size: 22px;
  line-height: 28px;
  color: #222222;
}
.dku-grand-title-sb {
  font-weight: 500;
  font-size: 22px;
  line-height: 28px;
  color: #222222;
}
.dku-medium-title-sb {
  font-weight: 500;
  font-size: 18px;
  line-height: 23px;
  color: #222222;
}
.dku-medium-title {
  font-weight: 400;
  font-size: 18px;
  line-height: 23px;
  color: #222222;
}
.dku-small-title-sb,
.summary-section__title {
  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-small-sub-title {
  font-weight: 500;
  font-size: 14px;
  line-height: 18px;
  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;
}
.sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  /* added line */
  border: 0;
}
/******************************** DEPRECATED: Old Icomoon  ********************** */
@font-face {
  font-family: 'icomoon';
  src: url('/static/dataiku/fonts/icomoon.eot');
  src: url('/static/dataiku/fonts/icomoon.eot?#iefix') format('embedded-opentype'), url('/static/dataiku/fonts/icomoon.woff') format('woff'), url('/static/dataiku/fonts/icomoon.ttf') format('truetype'), url('/static/dataiku/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;
}
.icon--small {
  font-size: 16px;
}
/* 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('/static/dataiku/fonts/dku_app/fonts/icomoon.eot?-u67kxf');
  src: url('/static/dataiku/fonts/dku_app/fonts/icomoon.eot?#iefix-u67kxf') format('embedded-opentype'), url('/static/dataiku/fonts/dku_app/fonts/icomoon.ttf?-u67kxf') format('truetype'), url('/static/dataiku/fonts/dku_app/fonts/icomoon.woff?-u67kxf') format('woff'), url('/static/dataiku/fonts/dku_app/fonts/icomoon.svg?-u67kxf#icomoon') format('svg');
  font-weight: 400;
  font-style: normal;
}
.mx-font-icm_app,
.mx-color-icon-hover::after,
.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-right-panel-timeline: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-label-review:before,
.icon-dku-label-conflict:before,
.icon-dku-label-validate:before,
.icon-code-studio:before,
.icon-java:before,
.icon-athena:before,
.icon-model-evaluation-store:before,
.icon-model-evaluation-store-small:before,
.icon-labeling-task:before,
.icon-labeling:before,
.icon-ml-deep_hub:before,
.icon-continuous_ksql_recipe:before,
.icon-visual_prep_auto_feature_generation_recipe:before,
.icon-visual_prep_fuzzyjoin_recipe:before,
.icon-visual_geojoin_recipe:before,
.icon-visual_prep_geojoin_recipe:before,
.icon-standalone_evaluation_recipe:before,
.icon-visual_prep_list_folder_contents_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-comparator: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-causal:before,
.icon-dku-treatment: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,
.icon-dku-timeseries-decomposition:before,
.icon-dku-add-queue:before,
.icon-dku-model-design:before,
.icon-dku-model-result:before,
.icon-dku-revert-model-design:before,
.icon-dku-pull-git:before,
.icon-dku-push-git:before,
.icon-dku-deepl:before,
.icon-dku-offline-translation:before,
.icon-dku-deephub-object-detection:before,
.icon-dku-frozen:before,
.icon-dku-industry-solutions:before,
.icon-dku-workspace:before,
.icon-dku-left-join .path1:before,
.icon-dku-left-join .path2:before,
.icon-dku-left-join .path3:before,
.icon-dku-left-join .path4:before,
.icon-dku-left-unmatched-join .path1:before,
.icon-dku-left-unmatched-join .path2:before,
.icon-dku-left-unmatched-join .path3:before,
.icon-dku-right-join .path1:before,
.icon-dku-right-join .path2:before,
.icon-dku-right-join .path3:before,
.icon-dku-right-join .path4:before,
.icon-dku-right-unmatched-join .path1:before,
.icon-dku-right-unmatched-join .path2:before,
.icon-dku-right-unmatched-join .path4:before,
.icon-dku-inner-join .path1:before,
.icon-dku-inner-join .path2:before,
.icon-dku-inner-join .path3:before,
.icon-dku-outer-join .path1:before,
.icon-dku-outer-join .path2:before,
.icon-dku-outer-join .path3:before,
.icon-dku-advanced-join .path1:before,
.icon-dku-advanced-join .path2:before,
.icon-dku-advanced-join .path3:before,
.icon-dku-advanced-join .path4:before,
.icon-dku-advanced-join .path5:before,
.icon-dku-cross-join .path1:before,
.icon-dku-cross-join .path2:before,
.icon-dku-cross-join .path3:before,
.icon-dku-cross-join .path4:before,
.icon-dku-cross-join .path5:before,
.icon-dku-deephub-image-classification:before,
.icon-dku-recipe-code-sample:before,
.icon-dku-visual-studio:before,
.icon-dku-jupyter-lab:before,
.icon-dku-rstudio:before,
.icon-dku-deep-learning:before,
.icon-dku-timeseries-forecasting:before,
.icon-dku-trivial-model:before,
.icon-dku-facet-filter:before,
.icon-dku-label-feature-store:before,
.icon-dku-unset-label-feature-store:before,
.icon-dku-feature-store:before,
.icon-dku-feature-group:before,
.icon-dku-feature:before,
.icon-dku-exp-tracking:before,
.icon-dku-pin-chart:before,
.icon-dku-unpin-chart:before,
.icon-dku-streamlit:before,
.icon-dku-alloydb:before,
.icon-dku-datastory:before,
.icon-dku-databricks:before,
.icon-dku-override:before,
.icon-dku-search-notebook:before,
.object-tile-list .section .list-content .object-wrapper .object.listed-dashboard:before,
.dku-search-input:before,
.dku-add-new:before,
.icon-dkubird: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;
}
.mx-color-icon-hover::after {
  content: "\e620";
  display: inline-block;
  color: #ffffff;
}
.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,
.icon-dkubird: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-right-panel-timeline:before {
  content: "\e9a3";
}
.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-label-review:before {
  content: "\e9e8";
}
.icon-dku-label-conflict:before {
  content: "\e9e9";
}
.icon-dku-label-validate:before {
  content: "\e9e6";
}
.icon-code-studio:before {
  content: "\e9e5";
}
.icon-java:before {
  content: "\e9f2";
  width: 12px;
}
/******************************** DSS20: General font  ********************** */
@font-face {
  font-family: 'icm_general';
  src: url('/static/dataiku/fonts/dss20_general/fonts/icomoon.eot?-sbp6cq');
  src: url('/static/dataiku/fonts/dss20_general/fonts/icomoon.eot?#iefix-sbp6cq') format('embedded-opentype'), url('/static/dataiku/fonts/dss20_general/fonts/icomoon.woff?-sbp6cq') format('woff'), url('/static/dataiku/fonts/dss20_general/fonts/icomoon.ttf?-sbp6cq') format('truetype'), url('/static/dataiku/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-runnable:before {
  font-family: 'FontAwesome';
  content: "\f12e";
}
@font-face {
  font-family: 'icm_flow';
  src: url('/static/dataiku/fonts/flow/fonts/FLOW_icomoon.eot?-w3e8w9');
  src: url('/static/dataiku/fonts/flow/fonts/FLOW_icomoon.eot?#iefix-w3e8w9') format('embedded-opentype'), url('/static/dataiku/fonts/flow/fonts/FLOW_icomoon.woff?-w3e8w9') format('woff'), url('/static/dataiku/fonts/flow/fonts/FLOW_icomoon.ttf?-w3e8w9') format('truetype'), url('/static/dataiku/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-model-evaluation-store-small.colored {
  color: #f28c38;
}
.icon-model-evaluation-store-small:before {
  content: "\e99c";
}
.icon-labeling-task.colored {
  color: #f28c38;
}
.icon-labeling-task:before {
  content: "\e9ab";
}
.icon-labeling.colored {
  color: #f28c38;
}
.icon-labeling:before {
  content: "\e9f1";
}
.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-deep_hub.colored {
  color: #29af5d;
}
.icon-ml-deep_hub:before {
  content: "\e9fc";
}
.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_prep_auto_feature_generation_recipe.colored {
  color: #f9bd38;
}
.icon-visual_prep_auto_feature_generation_recipe:before {
  content: "\e9fd";
}
.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_geojoin_recipe.colored {
  color: #f9bd38;
}
.icon-visual_geojoin_recipe:before {
  content: "\e9c1";
}
.icon-visual_prep_geojoin_recipe.colored {
  color: #f9bd38;
}
.icon-visual_prep_geojoin_recipe:before {
  content: "\e9c1";
}
.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";
}
.icon-visual_prep_list_folder_contents_recipe.colored {
  color: #f9bd38;
}
.icon-visual_prep_list_folder_contents_recipe:before {
  content: "\e9dc";
}
/* ************************* 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-comparator:before {
  content: "\e9b7";
}
.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-causal:before {
  content: "\e9df";
}
.icon-dku-treatment:before {
  content: "\e9e0";
}
.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";
}
.icon-dku-timeseries-decomposition:before {
  content: "\e9a6";
}
.icon-dku-add-queue:before {
  content: "\e9a7";
}
.icon-dku-model-design:before {
  content: "\e9a8";
}
.icon-dku-model-result:before {
  content: "\e9bf";
}
.icon-dku-revert-model-design:before {
  content: "\e9c0";
}
.icon-dku-pull-git:before {
  content: "\e9ae";
}
.icon-dku-push-git:before {
  content: "\e9af";
}
.icon-dku-deepl:before {
  content: "\e9c4";
}
.icon-dku-offline-translation:before {
  content: "\e9c5";
}
.icon-dku-deephub-object-detection:before {
  content: "\e9ac";
}
.icon-dku-frozen:before {
  content: "\e9da";
}
.icon-dku-industry-solutions:before {
  content: "\e9b1";
}
.icon-dku-workspace:before {
  content: "\e9db";
}
.icon-dku-left-join .path1:before {
  content: "\e9b2";
}
.icon-dku-left-join .path2:before {
  content: "\e9b3";
  margin-left: -1.33300781em;
}
.icon-dku-left-join .path3:before {
  content: "\e9b4";
  margin-left: -1.33300781em;
  color: #dddddd;
}
.icon-dku-left-join .path4:before {
  content: "\e9b5";
  margin-left: -1.33300781em;
  color: #dddddd;
}
.icon-dku-left-unmatched-join .path1:before {
  content: "\e9b2";
}
.icon-dku-left-unmatched-join .path2:before {
  content: "\e9b3";
  margin-left: -1.33300781em;
}
.icon-dku-left-unmatched-join .path3:before {
  content: "\e9b4";
  margin-left: -1.33300781em;
  color: #dddddd;
}
.icon-dku-right-join .path1:before {
  content: "\e9b6";
}
.icon-dku-right-join .path2:before {
  content: "\e9c6";
  margin-left: -1.33300781em;
}
.icon-dku-right-join .path3:before {
  content: "\e9c7";
  margin-left: -1.33300781em;
  color: #dddddd;
}
.icon-dku-right-join .path4:before {
  content: "\e9c8";
  margin-left: -1.33300781em;
  color: #dddddd;
}
.icon-dku-right-unmatched-join .path1:before {
  content: "\e9b6";
}
.icon-dku-right-unmatched-join .path2:before {
  content: "\e9c6";
  margin-left: -1.33300781em;
}
.icon-dku-right-unmatched-join .path4:before {
  content: "\e9c8";
  margin-left: -1.33300781em;
  color: #dddddd;
}
.icon-dku-inner-join .path1:before {
  content: "\e9c9";
}
.icon-dku-inner-join .path2:before {
  content: "\e9ca";
  margin-left: -1.33300781em;
}
.icon-dku-inner-join .path3:before {
  content: "\e9cb";
  margin-left: -1.33300781em;
  color: #dddddd;
}
.icon-dku-outer-join .path1:before {
  content: "\e9cc";
}
.icon-dku-outer-join .path2:before {
  content: "\e9cd";
  margin-left: -1.33300781em;
}
.icon-dku-outer-join .path3:before {
  content: "\e9ce";
  margin-left: -1.33300781em;
  color: #dddddd;
}
.icon-dku-advanced-join .path1:before {
  content: "\e9d0";
}
.icon-dku-advanced-join .path2:before {
  content: "\e9d1";
  margin-left: -1.33300781em;
}
.icon-dku-advanced-join .path3:before {
  content: "\e9d2";
  margin-left: -1.33300781em;
  color: #dddddd;
}
.icon-dku-advanced-join .path4:before {
  content: "\e9d3";
  margin-left: -1.33300781em;
  color: #dddddd;
}
.icon-dku-advanced-join .path5:before {
  content: "\e9d4";
  margin-left: -1.33300781em;
  color: #666666;
}
.icon-dku-cross-join .path1:before {
  content: "\e9d5";
}
.icon-dku-cross-join .path2:before {
  content: "\e9d6";
  margin-left: -1.33300781em;
}
.icon-dku-cross-join .path3:before {
  content: "\e9d7";
  margin-left: -1.33300781em;
  color: #dddddd;
}
.icon-dku-cross-join .path4:before {
  content: "\e9d9";
  margin-left: -1.33300781em;
  color: #666666;
}
.icon-dku-cross-join .path5:before {
  content: "\e9d8";
  margin-left: -1.33300781em;
  color: #dddddd;
}
.icon-dku-deephub-image-classification:before {
  content: "\e9dd";
}
.icon-dku-recipe-code-sample:before {
  content: "\e615";
}
.icon-dku-visual-studio:before {
  content: "\e9ee";
}
.icon-dku-jupyter-lab:before {
  content: "\e9ef";
}
.icon-dku-rstudio:before {
  content: "\e9f0";
}
.icon-dku-deep-learning:before {
  content: "\e9cf";
}
.icon-dku-timeseries-forecasting:before {
  content: "\e9de";
}
.icon-dku-trivial-model:before {
  content: "\e9e7";
}
.icon-dku-facet-filter:before {
  content: "\e9fe";
}
.icon-dku-label-feature-store:before {
  content: "\e9e3";
}
.icon-dku-unset-label-feature-store:before {
  content: "\e9ea";
}
.icon-dku-feature-store:before {
  content: "\e9e4";
}
.icon-dku-feature-group:before {
  content: "\ea07";
}
.icon-dku-feature:before {
  content: "\ea08";
}
.icon-dku-exp-tracking:before {
  content: "\e9e2";
}
.icon-dku-pin-chart:before {
  content: "\e9ec";
}
.icon-dku-unpin-chart:before {
  content: "\e9ed";
}
.icon-dku-streamlit:before {
  content: "\e9f4";
}
.icon-dku-alloydb:before {
  content: "\e9fb";
}
.icon-dku-datastory:before {
  content: "\ea00";
}
.icon-dku-databricks:before {
  content: "\e9f7";
}
.icon-dku-override:before {
  content: "\e9ff";
}
.icon-dku-search-notebook:before {
  content: "\ea09";
}
/*
    Template for generated icon font CSS file
*/
@font-face {
  font-family: "dku-icons";
  src: url('/static/dataiku/fonts/dku-icons.eot?t=1750954288026');
  src: url('/static/dataiku/fonts/dku-icons.eot?t=1750954288026#iefix') format('embedded-opentype'), /* IE6-IE8 */ url("/static/dataiku/fonts/dku-icons.woff2?t=1750954288026") format("woff2"), url("/static/dataiku/fonts/dku-icons.woff?t=1750954288026") format("woff"), url('/static/dataiku/fonts/dku-icons.ttf?t=1750954288026') format('truetype');
  
  /* IE9 */
  /* chrome, firefox, opera, Safari, Android, iOS 4.2+*/
}
[class^="dku-icon-"],
[class*=" dku-icon-"] {
  font-family: 'dku-icons' !important;
  font-size: 16px;
  font-style: normal;
  font-weight: normal !important;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  /* Our icon font doesn't have uppercase characters. When used inside a button, if the uppercase icon-code already exists, it will be chosen over
    the lowercase version leading to a wrong character being displayed. */
  text-transform: none !important;
}
[class^="dku-icon-"]:before,
[class*=" dku-icon-"]:before {
  font-family: 'dku-icons' !important;
}
[class*="dku-icon-"][class*="-12"] {
  font-size: 12px !important;
}
[class*="dku-icon-"][class*="-16"] {
  font-size: 16px !important;
}
[class*="dku-icon-"][class*="-20"] {
  font-size: 20px !important;
}
[class*="dku-icon-"][class*="-24"] {
  font-size: 24px !important;
}
[class*="dku-icon-"][class*="-32"] {
  font-size: 32px !important;
}
[class*="dku-icon-"][class*="-48"] {
  font-size: 48px !important;
}
.dku-icon-adobe-analytics-12:before {
  content: "\e000";
}
.dku-icon-adobe-analytics-16:before {
  content: "\e001";
}
.dku-icon-adobe-analytics-20:before {
  content: "\e002";
}
.dku-icon-adobe-analytics-24:before {
  content: "\e003";
}
.dku-icon-adobe-analytics-32:before {
  content: "\e004";
}
.dku-icon-adobe-analytics-48:before {
  content: "\e005";
}
.dku-icon-agent-tool-automl-prediction-circle-fill-12:before {
  content: "\e006";
}
.dku-icon-agent-tool-automl-prediction-circle-fill-16:before {
  content: "\e007";
}
.dku-icon-agent-tool-automl-prediction-circle-fill-20:before {
  content: "\e008";
}
.dku-icon-agent-tool-automl-prediction-circle-fill-24:before {
  content: "\e009";
}
.dku-icon-agent-tool-automl-prediction-circle-fill-32:before {
  content: "\e00a";
}
.dku-icon-agent-tool-automl-prediction-circle-fill-48:before {
  content: "\e00b";
}
.dku-icon-agent-tool-calculator-circle-fill-12:before {
  content: "\e00c";
}
.dku-icon-agent-tool-calculator-circle-fill-16:before {
  content: "\e00d";
}
.dku-icon-agent-tool-calculator-circle-fill-20:before {
  content: "\e00e";
}
.dku-icon-agent-tool-calculator-circle-fill-24:before {
  content: "\e00f";
}
.dku-icon-agent-tool-calculator-circle-fill-32:before {
  content: "\e010";
}
.dku-icon-agent-tool-calculator-circle-fill-48:before {
  content: "\e011";
}
.dku-icon-agent-tool-data-table-row-circle-fill-12:before {
  content: "\e012";
}
.dku-icon-agent-tool-data-table-row-circle-fill-16:before {
  content: "\e013";
}
.dku-icon-agent-tool-data-table-row-circle-fill-20:before {
  content: "\e014";
}
.dku-icon-agent-tool-data-table-row-circle-fill-24:before {
  content: "\e015";
}
.dku-icon-agent-tool-data-table-row-circle-fill-32:before {
  content: "\e016";
}
.dku-icon-agent-tool-data-table-row-circle-fill-48:before {
  content: "\e017";
}
.dku-icon-agent-tool-dataset-circle-fill-12:before {
  content: "\e018";
}
.dku-icon-agent-tool-dataset-circle-fill-16:before {
  content: "\e019";
}
.dku-icon-agent-tool-dataset-circle-fill-20:before {
  content: "\e01a";
}
.dku-icon-agent-tool-dataset-circle-fill-24:before {
  content: "\e01b";
}
.dku-icon-agent-tool-dataset-circle-fill-32:before {
  content: "\e01c";
}
.dku-icon-agent-tool-dataset-circle-fill-48:before {
  content: "\e01d";
}
.dku-icon-agent-tool-jira-circle-fill-12:before {
  content: "\e01e";
}
.dku-icon-agent-tool-jira-circle-fill-16:before {
  content: "\e01f";
}
.dku-icon-agent-tool-jira-circle-fill-20:before {
  content: "\e020";
}
.dku-icon-agent-tool-jira-circle-fill-24:before {
  content: "\e021";
}
.dku-icon-agent-tool-jira-circle-fill-32:before {
  content: "\e022";
}
.dku-icon-agent-tool-jira-circle-fill-48:before {
  content: "\e023";
}
.dku-icon-agent-tool-knowledge-bank-circle-fill-12:before {
  content: "\e024";
}
.dku-icon-agent-tool-knowledge-bank-circle-fill-16:before {
  content: "\e025";
}
.dku-icon-agent-tool-knowledge-bank-circle-fill-20:before {
  content: "\e026";
}
.dku-icon-agent-tool-knowledge-bank-circle-fill-24:before {
  content: "\e027";
}
.dku-icon-agent-tool-knowledge-bank-circle-fill-32:before {
  content: "\e028";
}
.dku-icon-agent-tool-knowledge-bank-circle-fill-48:before {
  content: "\e029";
}
.dku-icon-agent-tool-mail-circle-fill-12:before {
  content: "\e02a";
}
.dku-icon-agent-tool-mail-circle-fill-16:before {
  content: "\e02b";
}
.dku-icon-agent-tool-mail-circle-fill-20:before {
  content: "\e02c";
}
.dku-icon-agent-tool-mail-circle-fill-24:before {
  content: "\e02d";
}
.dku-icon-agent-tool-mail-circle-fill-32:before {
  content: "\e02e";
}
.dku-icon-agent-tool-mail-circle-fill-48:before {
  content: "\e02f";
}
.dku-icon-agent-tool-prompt-circle-fill-12:before {
  content: "\e030";
}
.dku-icon-agent-tool-prompt-circle-fill-16:before {
  content: "\e031";
}
.dku-icon-agent-tool-prompt-circle-fill-20:before {
  content: "\e032";
}
.dku-icon-agent-tool-prompt-circle-fill-24:before {
  content: "\e033";
}
.dku-icon-agent-tool-prompt-circle-fill-32:before {
  content: "\e034";
}
.dku-icon-agent-tool-prompt-circle-fill-48:before {
  content: "\e035";
}
.dku-icon-agent-tool-puzzle-piece-circle-fill-12:before {
  content: "\e036";
}
.dku-icon-agent-tool-puzzle-piece-circle-fill-16:before {
  content: "\e037";
}
.dku-icon-agent-tool-puzzle-piece-circle-fill-20:before {
  content: "\e038";
}
.dku-icon-agent-tool-puzzle-piece-circle-fill-24:before {
  content: "\e039";
}
.dku-icon-agent-tool-puzzle-piece-circle-fill-32:before {
  content: "\e03a";
}
.dku-icon-agent-tool-puzzle-piece-circle-fill-48:before {
  content: "\e03b";
}
.dku-icon-agent-tool-python-circle-fill-12:before {
  content: "\e03c";
}
.dku-icon-agent-tool-python-circle-fill-16:before {
  content: "\e03d";
}
.dku-icon-agent-tool-python-circle-fill-20:before {
  content: "\e03e";
}
.dku-icon-agent-tool-python-circle-fill-24:before {
  content: "\e03f";
}
.dku-icon-agent-tool-python-circle-fill-32:before {
  content: "\e040";
}
.dku-icon-agent-tool-python-circle-fill-48:before {
  content: "\e041";
}
.dku-icon-agent-tool-snowflake-circle-fill-12:before {
  content: "\e042";
}
.dku-icon-agent-tool-snowflake-circle-fill-16:before {
  content: "\e043";
}
.dku-icon-agent-tool-snowflake-circle-fill-20:before {
  content: "\e044";
}
.dku-icon-agent-tool-snowflake-circle-fill-24:before {
  content: "\e045";
}
.dku-icon-agent-tool-snowflake-circle-fill-32:before {
  content: "\e046";
}
.dku-icon-agent-tool-snowflake-circle-fill-48:before {
  content: "\e047";
}
.dku-icon-ai-agent-12:before {
  content: "\e048";
}
.dku-icon-ai-agent-16:before {
  content: "\e049";
}
.dku-icon-ai-agent-20:before {
  content: "\e04a";
}
.dku-icon-ai-agent-24:before {
  content: "\e04b";
}
.dku-icon-ai-agent-32:before {
  content: "\e04c";
}
.dku-icon-ai-agent-48:before {
  content: "\e04d";
}
.dku-icon-ai-agent-code-12:before {
  content: "\e04e";
}
.dku-icon-ai-agent-code-16:before {
  content: "\e04f";
}
.dku-icon-ai-agent-code-20:before {
  content: "\e050";
}
.dku-icon-ai-agent-code-24:before {
  content: "\e051";
}
.dku-icon-ai-agent-code-32:before {
  content: "\e052";
}
.dku-icon-ai-agent-code-48:before {
  content: "\e053";
}
.dku-icon-ai-agent-code-diamond-fill-12:before {
  content: "\e054";
}
.dku-icon-ai-agent-code-diamond-fill-16:before {
  content: "\e055";
}
.dku-icon-ai-agent-code-diamond-fill-20:before {
  content: "\e056";
}
.dku-icon-ai-agent-code-diamond-fill-24:before {
  content: "\e057";
}
.dku-icon-ai-agent-code-diamond-fill-32:before {
  content: "\e058";
}
.dku-icon-ai-agent-code-diamond-fill-48:before {
  content: "\e059";
}
.dku-icon-ai-agent-diamond-fill-12:before {
  content: "\e05a";
}
.dku-icon-ai-agent-diamond-fill-16:before {
  content: "\e05b";
}
.dku-icon-ai-agent-diamond-fill-20:before {
  content: "\e05c";
}
.dku-icon-ai-agent-diamond-fill-24:before {
  content: "\e05d";
}
.dku-icon-ai-agent-diamond-fill-32:before {
  content: "\e05e";
}
.dku-icon-ai-agent-diamond-fill-48:before {
  content: "\e05f";
}
.dku-icon-ai-agent-plugin-12:before {
  content: "\e060";
}
.dku-icon-ai-agent-plugin-16:before {
  content: "\e061";
}
.dku-icon-ai-agent-plugin-20:before {
  content: "\e062";
}
.dku-icon-ai-agent-plugin-24:before {
  content: "\e063";
}
.dku-icon-ai-agent-plugin-32:before {
  content: "\e064";
}
.dku-icon-ai-agent-plugin-48:before {
  content: "\e065";
}
.dku-icon-ai-agent-plugin-diamond-fill-12:before {
  content: "\e066";
}
.dku-icon-ai-agent-plugin-diamond-fill-16:before {
  content: "\e067";
}
.dku-icon-ai-agent-plugin-diamond-fill-20:before {
  content: "\e068";
}
.dku-icon-ai-agent-plugin-diamond-fill-24:before {
  content: "\e069";
}
.dku-icon-ai-agent-plugin-diamond-fill-32:before {
  content: "\e06a";
}
.dku-icon-ai-agent-plugin-diamond-fill-48:before {
  content: "\e06b";
}
.dku-icon-ai-agent-visual-12:before {
  content: "\e06c";
}
.dku-icon-ai-agent-visual-16:before {
  content: "\e06d";
}
.dku-icon-ai-agent-visual-20:before {
  content: "\e06e";
}
.dku-icon-ai-agent-visual-24:before {
  content: "\e06f";
}
.dku-icon-ai-agent-visual-32:before {
  content: "\e070";
}
.dku-icon-ai-agent-visual-48:before {
  content: "\e071";
}
.dku-icon-ai-agent-visual-diamond-fill-12:before {
  content: "\e072";
}
.dku-icon-ai-agent-visual-diamond-fill-16:before {
  content: "\e073";
}
.dku-icon-ai-agent-visual-diamond-fill-20:before {
  content: "\e074";
}
.dku-icon-ai-agent-visual-diamond-fill-24:before {
  content: "\e075";
}
.dku-icon-ai-agent-visual-diamond-fill-32:before {
  content: "\e076";
}
.dku-icon-ai-agent-visual-diamond-fill-48:before {
  content: "\e077";
}
.dku-icon-ai-prompt-12:before {
  content: "\e078";
}
.dku-icon-ai-prompt-16:before {
  content: "\e079";
}
.dku-icon-ai-prompt-20:before {
  content: "\e07a";
}
.dku-icon-ai-prompt-24:before {
  content: "\e07b";
}
.dku-icon-ai-prompt-32:before {
  content: "\e07c";
}
.dku-icon-ai-prompt-48:before {
  content: "\e07d";
}
.dku-icon-ai-services-12:before {
  content: "\e07e";
}
.dku-icon-ai-services-16:before {
  content: "\e07f";
}
.dku-icon-ai-services-20:before {
  content: "\e080";
}
.dku-icon-ai-services-24:before {
  content: "\e081";
}
.dku-icon-ai-services-32:before {
  content: "\e082";
}
.dku-icon-ai-services-48:before {
  content: "\e083";
}
.dku-icon-airtable-12:before {
  content: "\e084";
}
.dku-icon-airtable-16:before {
  content: "\e085";
}
.dku-icon-airtable-20:before {
  content: "\e086";
}
.dku-icon-airtable-24:before {
  content: "\e087";
}
.dku-icon-airtable-32:before {
  content: "\e088";
}
.dku-icon-airtable-48:before {
  content: "\e089";
}
.dku-icon-algolia-12:before {
  content: "\e08a";
}
.dku-icon-algolia-16:before {
  content: "\e08b";
}
.dku-icon-algolia-20:before {
  content: "\e08c";
}
.dku-icon-algolia-24:before {
  content: "\e08d";
}
.dku-icon-algolia-32:before {
  content: "\e08e";
}
.dku-icon-algolia-48:before {
  content: "\e08f";
}
.dku-icon-alibaba-cloud-12:before {
  content: "\e090";
}
.dku-icon-alibaba-cloud-16:before {
  content: "\e091";
}
.dku-icon-alibaba-cloud-20:before {
  content: "\e092";
}
.dku-icon-alibaba-cloud-24:before {
  content: "\e093";
}
.dku-icon-alibaba-cloud-32:before {
  content: "\e094";
}
.dku-icon-alibaba-cloud-48:before {
  content: "\e095";
}
.dku-icon-alloydb-12:before {
  content: "\e096";
}
.dku-icon-alloydb-16:before {
  content: "\e097";
}
.dku-icon-alloydb-20:before {
  content: "\e098";
}
.dku-icon-alloydb-24:before {
  content: "\e099";
}
.dku-icon-alloydb-32:before {
  content: "\e09a";
}
.dku-icon-alloydb-48:before {
  content: "\e09b";
}
.dku-icon-amazon-aws-12:before {
  content: "\e09c";
}
.dku-icon-amazon-aws-16:before {
  content: "\e09d";
}
.dku-icon-amazon-aws-20:before {
  content: "\e09e";
}
.dku-icon-amazon-aws-24:before {
  content: "\e09f";
}
.dku-icon-amazon-aws-32:before {
  content: "\e0a0";
}
.dku-icon-amazon-aws-48:before {
  content: "\e0a1";
}
.dku-icon-amazon-aws-bedrock-12:before {
  content: "\e0a2";
}
.dku-icon-amazon-aws-bedrock-16:before {
  content: "\e0a3";
}
.dku-icon-amazon-aws-bedrock-20:before {
  content: "\e0a4";
}
.dku-icon-amazon-aws-bedrock-24:before {
  content: "\e0a5";
}
.dku-icon-amazon-aws-bedrock-32:before {
  content: "\e0a6";
}
.dku-icon-amazon-aws-bedrock-48:before {
  content: "\e0a7";
}
.dku-icon-amazon-cognitive-services-12:before {
  content: "\e0a8";
}
.dku-icon-amazon-cognitive-services-16:before {
  content: "\e0a9";
}
.dku-icon-amazon-cognitive-services-20:before {
  content: "\e0aa";
}
.dku-icon-amazon-cognitive-services-24:before {
  content: "\e0ab";
}
.dku-icon-amazon-cognitive-services-32:before {
  content: "\e0ac";
}
.dku-icon-amazon-cognitive-services-48:before {
  content: "\e0ad";
}
.dku-icon-amazon-comprehend-12:before {
  content: "\e0ae";
}
.dku-icon-amazon-comprehend-16:before {
  content: "\e0af";
}
.dku-icon-amazon-comprehend-20:before {
  content: "\e0b0";
}
.dku-icon-amazon-comprehend-24:before {
  content: "\e0b1";
}
.dku-icon-amazon-comprehend-32:before {
  content: "\e0b2";
}
.dku-icon-amazon-comprehend-48:before {
  content: "\e0b3";
}
.dku-icon-amazon-elastic-kubernetes-12:before {
  content: "\e0b4";
}
.dku-icon-amazon-elastic-kubernetes-16:before {
  content: "\e0b5";
}
.dku-icon-amazon-elastic-kubernetes-20:before {
  content: "\e0b6";
}
.dku-icon-amazon-elastic-kubernetes-24:before {
  content: "\e0b7";
}
.dku-icon-amazon-elastic-kubernetes-32:before {
  content: "\e0b8";
}
.dku-icon-amazon-elastic-kubernetes-48:before {
  content: "\e0b9";
}
.dku-icon-amazon-emr-12:before {
  content: "\e0ba";
}
.dku-icon-amazon-emr-16:before {
  content: "\e0bb";
}
.dku-icon-amazon-emr-20:before {
  content: "\e0bc";
}
.dku-icon-amazon-emr-24:before {
  content: "\e0bd";
}
.dku-icon-amazon-emr-32:before {
  content: "\e0be";
}
.dku-icon-amazon-emr-48:before {
  content: "\e0bf";
}
.dku-icon-amazon-redshift-12:before {
  content: "\e0c0";
}
.dku-icon-amazon-redshift-16:before {
  content: "\e0c1";
}
.dku-icon-amazon-redshift-20:before {
  content: "\e0c2";
}
.dku-icon-amazon-redshift-24:before {
  content: "\e0c3";
}
.dku-icon-amazon-redshift-32:before {
  content: "\e0c4";
}
.dku-icon-amazon-redshift-48:before {
  content: "\e0c5";
}
.dku-icon-amazon-rekognition-12:before {
  content: "\e0c6";
}
.dku-icon-amazon-rekognition-16:before {
  content: "\e0c7";
}
.dku-icon-amazon-rekognition-20:before {
  content: "\e0c8";
}
.dku-icon-amazon-rekognition-24:before {
  content: "\e0c9";
}
.dku-icon-amazon-rekognition-32:before {
  content: "\e0ca";
}
.dku-icon-amazon-rekognition-48:before {
  content: "\e0cb";
}
.dku-icon-amazon-sagemaker-12:before {
  content: "\e0cc";
}
.dku-icon-amazon-sagemaker-16:before {
  content: "\e0cd";
}
.dku-icon-amazon-sagemaker-20:before {
  content: "\e0ce";
}
.dku-icon-amazon-sagemaker-24:before {
  content: "\e0cf";
}
.dku-icon-amazon-sagemaker-32:before {
  content: "\e0d0";
}
.dku-icon-amazon-sagemaker-48:before {
  content: "\e0d1";
}
.dku-icon-amazon-sqs-12:before {
  content: "\e0d2";
}
.dku-icon-amazon-sqs-16:before {
  content: "\e0d3";
}
.dku-icon-amazon-sqs-20:before {
  content: "\e0d4";
}
.dku-icon-amazon-sqs-24:before {
  content: "\e0d5";
}
.dku-icon-amazon-sqs-32:before {
  content: "\e0d6";
}
.dku-icon-amazon-sqs-48:before {
  content: "\e0d7";
}
.dku-icon-amazon-transcribe-12:before {
  content: "\e0d8";
}
.dku-icon-amazon-transcribe-16:before {
  content: "\e0d9";
}
.dku-icon-amazon-transcribe-20:before {
  content: "\e0da";
}
.dku-icon-amazon-transcribe-24:before {
  content: "\e0db";
}
.dku-icon-amazon-transcribe-32:before {
  content: "\e0dc";
}
.dku-icon-amazon-transcribe-48:before {
  content: "\e0dd";
}
.dku-icon-amazon-translate-12:before {
  content: "\e0de";
}
.dku-icon-amazon-translate-16:before {
  content: "\e0df";
}
.dku-icon-amazon-translate-20:before {
  content: "\e0e0";
}
.dku-icon-amazon-translate-24:before {
  content: "\e0e1";
}
.dku-icon-amazon-translate-32:before {
  content: "\e0e2";
}
.dku-icon-amazon-translate-48:before {
  content: "\e0e3";
}
.dku-icon-amazon-web-s3-12:before {
  content: "\e0e4";
}
.dku-icon-amazon-web-s3-16:before {
  content: "\e0e5";
}
.dku-icon-amazon-web-s3-20:before {
  content: "\e0e6";
}
.dku-icon-amazon-web-s3-24:before {
  content: "\e0e7";
}
.dku-icon-amazon-web-s3-32:before {
  content: "\e0e8";
}
.dku-icon-amazon-web-s3-48:before {
  content: "\e0e9";
}
.dku-icon-anchor-12:before {
  content: "\e0ea";
}
.dku-icon-anchor-16:before {
  content: "\e0eb";
}
.dku-icon-anchor-20:before {
  content: "\e0ec";
}
.dku-icon-anchor-24:before {
  content: "\e0ed";
}
.dku-icon-anchor-32:before {
  content: "\e0ee";
}
.dku-icon-anchor-48:before {
  content: "\e0ef";
}
.dku-icon-anthropic-12:before {
  content: "\e0f0";
}
.dku-icon-anthropic-16:before {
  content: "\e0f1";
}
.dku-icon-anthropic-20:before {
  content: "\e0f2";
}
.dku-icon-anthropic-24:before {
  content: "\e0f3";
}
.dku-icon-anthropic-32:before {
  content: "\e0f4";
}
.dku-icon-anthropic-48:before {
  content: "\e0f5";
}
.dku-icon-apache-pig-12:before {
  content: "\e0f6";
}
.dku-icon-apache-pig-16:before {
  content: "\e0f7";
}
.dku-icon-apache-pig-20:before {
  content: "\e0f8";
}
.dku-icon-apache-pig-24:before {
  content: "\e0f9";
}
.dku-icon-apache-pig-32:before {
  content: "\e0fa";
}
.dku-icon-apache-pig-48:before {
  content: "\e0fb";
}
.dku-icon-api-connect-12:before {
  content: "\e0fc";
}
.dku-icon-api-connect-16:before {
  content: "\e0fd";
}
.dku-icon-api-connect-20:before {
  content: "\e0fe";
}
.dku-icon-api-connect-24:before {
  content: "\e0ff";
}
.dku-icon-api-connect-32:before {
  content: "\e100";
}
.dku-icon-api-connect-48:before {
  content: "\e101";
}
.dku-icon-api-service-12:before {
  content: "\e102";
}
.dku-icon-api-service-16:before {
  content: "\e103";
}
.dku-icon-api-service-20:before {
  content: "\e104";
}
.dku-icon-api-service-24:before {
  content: "\e105";
}
.dku-icon-api-service-32:before {
  content: "\e106";
}
.dku-icon-api-service-48:before {
  content: "\e107";
}
.dku-icon-api-service-deploy-12:before {
  content: "\e108";
}
.dku-icon-api-service-deploy-16:before {
  content: "\e109";
}
.dku-icon-api-service-deploy-20:before {
  content: "\e10a";
}
.dku-icon-api-service-deploy-24:before {
  content: "\e10b";
}
.dku-icon-api-service-deploy-32:before {
  content: "\e10c";
}
.dku-icon-api-service-deploy-48:before {
  content: "\e10d";
}
.dku-icon-api-service-push-12:before {
  content: "\e10e";
}
.dku-icon-api-service-push-16:before {
  content: "\e10f";
}
.dku-icon-api-service-push-20:before {
  content: "\e110";
}
.dku-icon-api-service-push-24:before {
  content: "\e111";
}
.dku-icon-api-service-push-32:before {
  content: "\e112";
}
.dku-icon-api-service-push-48:before {
  content: "\e113";
}
.dku-icon-api-version-12:before {
  content: "\e114";
}
.dku-icon-api-version-16:before {
  content: "\e115";
}
.dku-icon-api-version-20:before {
  content: "\e116";
}
.dku-icon-api-version-24:before {
  content: "\e117";
}
.dku-icon-api-version-32:before {
  content: "\e118";
}
.dku-icon-api-version-48:before {
  content: "\e119";
}
.dku-icon-application-12:before {
  content: "\e11a";
}
.dku-icon-application-16:before {
  content: "\e11b";
}
.dku-icon-application-20:before {
  content: "\e11c";
}
.dku-icon-application-24:before {
  content: "\e11d";
}
.dku-icon-application-32:before {
  content: "\e11e";
}
.dku-icon-application-48:before {
  content: "\e11f";
}
.dku-icon-application-as-recipe-12:before {
  content: "\e120";
}
.dku-icon-application-as-recipe-16:before {
  content: "\e121";
}
.dku-icon-application-as-recipe-20:before {
  content: "\e122";
}
.dku-icon-application-as-recipe-24:before {
  content: "\e123";
}
.dku-icon-application-as-recipe-32:before {
  content: "\e124";
}
.dku-icon-application-as-recipe-48:before {
  content: "\e125";
}
.dku-icon-application-lock-12:before {
  content: "\e126";
}
.dku-icon-application-lock-16:before {
  content: "\e127";
}
.dku-icon-application-lock-20:before {
  content: "\e128";
}
.dku-icon-application-lock-24:before {
  content: "\e129";
}
.dku-icon-application-lock-32:before {
  content: "\e12a";
}
.dku-icon-application-lock-48:before {
  content: "\e12b";
}
.dku-icon-application-request-12:before {
  content: "\e12c";
}
.dku-icon-application-request-16:before {
  content: "\e12d";
}
.dku-icon-application-request-20:before {
  content: "\e12e";
}
.dku-icon-application-request-24:before {
  content: "\e12f";
}
.dku-icon-application-request-32:before {
  content: "\e130";
}
.dku-icon-application-request-48:before {
  content: "\e131";
}
.dku-icon-apsara-db-12:before {
  content: "\e132";
}
.dku-icon-apsara-db-16:before {
  content: "\e133";
}
.dku-icon-apsara-db-20:before {
  content: "\e134";
}
.dku-icon-apsara-db-24:before {
  content: "\e135";
}
.dku-icon-apsara-db-32:before {
  content: "\e136";
}
.dku-icon-apsara-db-48:before {
  content: "\e137";
}
.dku-icon-arrow-circle-dataset-upload-12:before {
  content: "\e138";
}
.dku-icon-arrow-circle-dataset-upload-16:before {
  content: "\e139";
}
.dku-icon-arrow-circle-dataset-upload-20:before {
  content: "\e13a";
}
.dku-icon-arrow-circle-dataset-upload-24:before {
  content: "\e13b";
}
.dku-icon-arrow-circle-dataset-upload-32:before {
  content: "\e13c";
}
.dku-icon-arrow-circle-dataset-upload-48:before {
  content: "\e13d";
}
.dku-icon-arrow-circle-download-12:before {
  content: "\e13e";
}
.dku-icon-arrow-circle-download-16:before {
  content: "\e13f";
}
.dku-icon-arrow-circle-download-20:before {
  content: "\e140";
}
.dku-icon-arrow-circle-download-24:before {
  content: "\e141";
}
.dku-icon-arrow-circle-download-32:before {
  content: "\e142";
}
.dku-icon-arrow-circle-download-48:before {
  content: "\e143";
}
.dku-icon-arrow-circle-external-12:before {
  content: "\e144";
}
.dku-icon-arrow-circle-external-16:before {
  content: "\e145";
}
.dku-icon-arrow-circle-external-20:before {
  content: "\e146";
}
.dku-icon-arrow-circle-external-24:before {
  content: "\e147";
}
.dku-icon-arrow-circle-external-32:before {
  content: "\e148";
}
.dku-icon-arrow-circle-external-48:before {
  content: "\e149";
}
.dku-icon-arrow-circle-input-12:before {
  content: "\e14a";
}
.dku-icon-arrow-circle-input-16:before {
  content: "\e14b";
}
.dku-icon-arrow-circle-input-20:before {
  content: "\e14c";
}
.dku-icon-arrow-circle-input-24:before {
  content: "\e14d";
}
.dku-icon-arrow-circle-input-32:before {
  content: "\e14e";
}
.dku-icon-arrow-circle-input-48:before {
  content: "\e14f";
}
.dku-icon-arrow-circle-output-12:before {
  content: "\e150";
}
.dku-icon-arrow-circle-output-16:before {
  content: "\e151";
}
.dku-icon-arrow-circle-output-20:before {
  content: "\e152";
}
.dku-icon-arrow-circle-output-24:before {
  content: "\e153";
}
.dku-icon-arrow-circle-output-32:before {
  content: "\e154";
}
.dku-icon-arrow-circle-output-48:before {
  content: "\e155";
}
.dku-icon-arrow-circular-12:before {
  content: "\e156";
}
.dku-icon-arrow-circular-16:before {
  content: "\e157";
}
.dku-icon-arrow-circular-20:before {
  content: "\e158";
}
.dku-icon-arrow-circular-24:before {
  content: "\e159";
}
.dku-icon-arrow-circular-32:before {
  content: "\e15a";
}
.dku-icon-arrow-circular-48:before {
  content: "\e15b";
}
.dku-icon-arrow-circular-strike-12:before {
  content: "\e15c";
}
.dku-icon-arrow-circular-strike-16:before {
  content: "\e15d";
}
.dku-icon-arrow-circular-strike-20:before {
  content: "\e15e";
}
.dku-icon-arrow-circular-strike-24:before {
  content: "\e15f";
}
.dku-icon-arrow-circular-strike-32:before {
  content: "\e160";
}
.dku-icon-arrow-circular-strike-48:before {
  content: "\e161";
}
.dku-icon-arrow-clockwise-12:before {
  content: "\e162";
}
.dku-icon-arrow-clockwise-16:before {
  content: "\e163";
}
.dku-icon-arrow-clockwise-20:before {
  content: "\e164";
}
.dku-icon-arrow-clockwise-24:before {
  content: "\e165";
}
.dku-icon-arrow-clockwise-32:before {
  content: "\e166";
}
.dku-icon-arrow-clockwise-48:before {
  content: "\e167";
}
.dku-icon-arrow-clockwise-dashes-12:before {
  content: "\e168";
}
.dku-icon-arrow-clockwise-dashes-16:before {
  content: "\e169";
}
.dku-icon-arrow-clockwise-dashes-20:before {
  content: "\e16a";
}
.dku-icon-arrow-clockwise-dashes-24:before {
  content: "\e16b";
}
.dku-icon-arrow-clockwise-dashes-32:before {
  content: "\e16c";
}
.dku-icon-arrow-clockwise-dashes-48:before {
  content: "\e16d";
}
.dku-icon-arrow-counter-clockwise-12:before {
  content: "\e16e";
}
.dku-icon-arrow-counter-clockwise-16:before {
  content: "\e16f";
}
.dku-icon-arrow-counter-clockwise-20:before {
  content: "\e170";
}
.dku-icon-arrow-counter-clockwise-24:before {
  content: "\e171";
}
.dku-icon-arrow-counter-clockwise-32:before {
  content: "\e172";
}
.dku-icon-arrow-counter-clockwise-48:before {
  content: "\e173";
}
.dku-icon-arrow-curve-down-12:before {
  content: "\e174";
}
.dku-icon-arrow-curve-down-16:before {
  content: "\e175";
}
.dku-icon-arrow-curve-down-20:before {
  content: "\e176";
}
.dku-icon-arrow-curve-down-24:before {
  content: "\e177";
}
.dku-icon-arrow-curve-down-32:before {
  content: "\e178";
}
.dku-icon-arrow-curve-down-48:before {
  content: "\e179";
}
.dku-icon-arrow-curve-left-12:before {
  content: "\e17a";
}
.dku-icon-arrow-curve-left-16:before {
  content: "\e17b";
}
.dku-icon-arrow-curve-left-20:before {
  content: "\e17c";
}
.dku-icon-arrow-curve-left-24:before {
  content: "\e17d";
}
.dku-icon-arrow-curve-left-32:before {
  content: "\e17e";
}
.dku-icon-arrow-curve-left-48:before {
  content: "\e17f";
}
.dku-icon-arrow-curve-right-12:before {
  content: "\e180";
}
.dku-icon-arrow-curve-right-16:before {
  content: "\e181";
}
.dku-icon-arrow-curve-right-20:before {
  content: "\e182";
}
.dku-icon-arrow-curve-right-24:before {
  content: "\e183";
}
.dku-icon-arrow-curve-right-32:before {
  content: "\e184";
}
.dku-icon-arrow-curve-right-48:before {
  content: "\e185";
}
.dku-icon-arrow-curve-up-12:before {
  content: "\e186";
}
.dku-icon-arrow-curve-up-16:before {
  content: "\e187";
}
.dku-icon-arrow-curve-up-20:before {
  content: "\e188";
}
.dku-icon-arrow-curve-up-24:before {
  content: "\e189";
}
.dku-icon-arrow-curve-up-32:before {
  content: "\e18a";
}
.dku-icon-arrow-curve-up-48:before {
  content: "\e18b";
}
.dku-icon-arrow-digress-12:before {
  content: "\e18c";
}
.dku-icon-arrow-digress-16:before {
  content: "\e18d";
}
.dku-icon-arrow-digress-20:before {
  content: "\e18e";
}
.dku-icon-arrow-digress-24:before {
  content: "\e18f";
}
.dku-icon-arrow-digress-32:before {
  content: "\e190";
}
.dku-icon-arrow-digress-48:before {
  content: "\e191";
}
.dku-icon-arrow-double-horizontal-12:before {
  content: "\e192";
}
.dku-icon-arrow-double-horizontal-16:before {
  content: "\e193";
}
.dku-icon-arrow-double-horizontal-20:before {
  content: "\e194";
}
.dku-icon-arrow-double-horizontal-24:before {
  content: "\e195";
}
.dku-icon-arrow-double-horizontal-32:before {
  content: "\e196";
}
.dku-icon-arrow-double-horizontal-48:before {
  content: "\e197";
}
.dku-icon-arrow-double-vertical-12:before {
  content: "\e198";
}
.dku-icon-arrow-double-vertical-16:before {
  content: "\e199";
}
.dku-icon-arrow-double-vertical-20:before {
  content: "\e19a";
}
.dku-icon-arrow-double-vertical-24:before {
  content: "\e19b";
}
.dku-icon-arrow-double-vertical-32:before {
  content: "\e19c";
}
.dku-icon-arrow-double-vertical-48:before {
  content: "\e19d";
}
.dku-icon-arrow-down-12:before {
  content: "\e19e";
}
.dku-icon-arrow-down-16:before {
  content: "\e19f";
}
.dku-icon-arrow-down-20:before {
  content: "\e1a0";
}
.dku-icon-arrow-down-24:before {
  content: "\e1a1";
}
.dku-icon-arrow-down-32:before {
  content: "\e1a2";
}
.dku-icon-arrow-down-48:before {
  content: "\e1a3";
}
.dku-icon-arrow-download-12:before {
  content: "\e1a4";
}
.dku-icon-arrow-download-16:before {
  content: "\e1a5";
}
.dku-icon-arrow-download-20:before {
  content: "\e1a6";
}
.dku-icon-arrow-download-24:before {
  content: "\e1a7";
}
.dku-icon-arrow-download-32:before {
  content: "\e1a8";
}
.dku-icon-arrow-download-48:before {
  content: "\e1a9";
}
.dku-icon-arrow-downstream-12:before {
  content: "\e1aa";
}
.dku-icon-arrow-downstream-16:before {
  content: "\e1ab";
}
.dku-icon-arrow-downstream-20:before {
  content: "\e1ac";
}
.dku-icon-arrow-downstream-24:before {
  content: "\e1ad";
}
.dku-icon-arrow-downstream-32:before {
  content: "\e1ae";
}
.dku-icon-arrow-downstream-48:before {
  content: "\e1af";
}
.dku-icon-arrow-downstream-collapse-12:before {
  content: "\e1b0";
}
.dku-icon-arrow-downstream-collapse-16:before {
  content: "\e1b1";
}
.dku-icon-arrow-downstream-collapse-20:before {
  content: "\e1b2";
}
.dku-icon-arrow-downstream-collapse-24:before {
  content: "\e1b3";
}
.dku-icon-arrow-downstream-collapse-32:before {
  content: "\e1b4";
}
.dku-icon-arrow-downstream-collapse-48:before {
  content: "\e1b5";
}
.dku-icon-arrow-error-counterclockwise-12:before {
  content: "\e1b6";
}
.dku-icon-arrow-error-counterclockwise-16:before {
  content: "\e1b7";
}
.dku-icon-arrow-error-counterclockwise-20:before {
  content: "\e1b8";
}
.dku-icon-arrow-error-counterclockwise-24:before {
  content: "\e1b9";
}
.dku-icon-arrow-error-counterclockwise-32:before {
  content: "\e1ba";
}
.dku-icon-arrow-error-counterclockwise-48:before {
  content: "\e1bb";
}
.dku-icon-arrow-expand-12:before {
  content: "\e1bc";
}
.dku-icon-arrow-expand-16:before {
  content: "\e1bd";
}
.dku-icon-arrow-expand-20:before {
  content: "\e1be";
}
.dku-icon-arrow-expand-24:before {
  content: "\e1bf";
}
.dku-icon-arrow-expand-32:before {
  content: "\e1c0";
}
.dku-icon-arrow-expand-48:before {
  content: "\e1c1";
}
.dku-icon-arrow-expand-exit-12:before {
  content: "\e1c2";
}
.dku-icon-arrow-expand-exit-16:before {
  content: "\e1c3";
}
.dku-icon-arrow-expand-exit-20:before {
  content: "\e1c4";
}
.dku-icon-arrow-expand-exit-24:before {
  content: "\e1c5";
}
.dku-icon-arrow-expand-exit-32:before {
  content: "\e1c6";
}
.dku-icon-arrow-expand-exit-48:before {
  content: "\e1c7";
}
.dku-icon-arrow-external-link-12:before {
  content: "\e1c8";
}
.dku-icon-arrow-external-link-16:before {
  content: "\e1c9";
}
.dku-icon-arrow-external-link-20:before {
  content: "\e1ca";
}
.dku-icon-arrow-external-link-24:before {
  content: "\e1cb";
}
.dku-icon-arrow-external-link-32:before {
  content: "\e1cc";
}
.dku-icon-arrow-external-link-48:before {
  content: "\e1cd";
}
.dku-icon-arrow-fast-forward-12:before {
  content: "\e1ce";
}
.dku-icon-arrow-fast-forward-16:before {
  content: "\e1cf";
}
.dku-icon-arrow-fast-forward-20:before {
  content: "\e1d0";
}
.dku-icon-arrow-fast-forward-24:before {
  content: "\e1d1";
}
.dku-icon-arrow-fast-forward-32:before {
  content: "\e1d2";
}
.dku-icon-arrow-fast-forward-48:before {
  content: "\e1d3";
}
.dku-icon-arrow-input-output-12:before {
  content: "\e1d4";
}
.dku-icon-arrow-input-output-16:before {
  content: "\e1d5";
}
.dku-icon-arrow-input-output-20:before {
  content: "\e1d6";
}
.dku-icon-arrow-input-output-24:before {
  content: "\e1d7";
}
.dku-icon-arrow-input-output-32:before {
  content: "\e1d8";
}
.dku-icon-arrow-input-output-48:before {
  content: "\e1d9";
}
.dku-icon-arrow-left-12:before {
  content: "\e1da";
}
.dku-icon-arrow-left-16:before {
  content: "\e1db";
}
.dku-icon-arrow-left-20:before {
  content: "\e1dc";
}
.dku-icon-arrow-left-24:before {
  content: "\e1dd";
}
.dku-icon-arrow-left-32:before {
  content: "\e1de";
}
.dku-icon-arrow-left-48:before {
  content: "\e1df";
}
.dku-icon-arrow-move-12:before {
  content: "\e1e0";
}
.dku-icon-arrow-move-16:before {
  content: "\e1e1";
}
.dku-icon-arrow-move-20:before {
  content: "\e1e2";
}
.dku-icon-arrow-move-24:before {
  content: "\e1e3";
}
.dku-icon-arrow-move-32:before {
  content: "\e1e4";
}
.dku-icon-arrow-move-48:before {
  content: "\e1e5";
}
.dku-icon-arrow-next-12:before {
  content: "\e1e6";
}
.dku-icon-arrow-next-16:before {
  content: "\e1e7";
}
.dku-icon-arrow-next-20:before {
  content: "\e1e8";
}
.dku-icon-arrow-next-24:before {
  content: "\e1e9";
}
.dku-icon-arrow-next-32:before {
  content: "\e1ea";
}
.dku-icon-arrow-next-48:before {
  content: "\e1eb";
}
.dku-icon-arrow-previous-12:before {
  content: "\e1ec";
}
.dku-icon-arrow-previous-16:before {
  content: "\e1ed";
}
.dku-icon-arrow-previous-20:before {
  content: "\e1ee";
}
.dku-icon-arrow-previous-24:before {
  content: "\e1ef";
}
.dku-icon-arrow-previous-32:before {
  content: "\e1f0";
}
.dku-icon-arrow-previous-48:before {
  content: "\e1f1";
}
.dku-icon-arrow-redo-12:before {
  content: "\e1f2";
}
.dku-icon-arrow-redo-16:before {
  content: "\e1f3";
}
.dku-icon-arrow-redo-20:before {
  content: "\e1f4";
}
.dku-icon-arrow-redo-24:before {
  content: "\e1f5";
}
.dku-icon-arrow-redo-32:before {
  content: "\e1f6";
}
.dku-icon-arrow-redo-48:before {
  content: "\e1f7";
}
.dku-icon-arrow-repeat-12:before {
  content: "\e1f8";
}
.dku-icon-arrow-repeat-16:before {
  content: "\e1f9";
}
.dku-icon-arrow-repeat-20:before {
  content: "\e1fa";
}
.dku-icon-arrow-repeat-24:before {
  content: "\e1fb";
}
.dku-icon-arrow-repeat-32:before {
  content: "\e1fc";
}
.dku-icon-arrow-repeat-48:before {
  content: "\e1fd";
}
.dku-icon-arrow-repeat-dash-12:before {
  content: "\e1fe";
}
.dku-icon-arrow-repeat-dash-16:before {
  content: "\e1ff";
}
.dku-icon-arrow-repeat-dash-20:before {
  content: "\e200";
}
.dku-icon-arrow-repeat-dash-24:before {
  content: "\e201";
}
.dku-icon-arrow-repeat-dash-32:before {
  content: "\e202";
}
.dku-icon-arrow-repeat-dash-48:before {
  content: "\e203";
}
.dku-icon-arrow-reply-12:before {
  content: "\e204";
}
.dku-icon-arrow-reply-16:before {
  content: "\e205";
}
.dku-icon-arrow-reply-20:before {
  content: "\e206";
}
.dku-icon-arrow-reply-24:before {
  content: "\e207";
}
.dku-icon-arrow-reply-32:before {
  content: "\e208";
}
.dku-icon-arrow-reply-48:before {
  content: "\e209";
}
.dku-icon-arrow-rewind-12:before {
  content: "\e20a";
}
.dku-icon-arrow-rewind-16:before {
  content: "\e20b";
}
.dku-icon-arrow-rewind-20:before {
  content: "\e20c";
}
.dku-icon-arrow-rewind-24:before {
  content: "\e20d";
}
.dku-icon-arrow-rewind-32:before {
  content: "\e20e";
}
.dku-icon-arrow-rewind-48:before {
  content: "\e20f";
}
.dku-icon-arrow-right-12:before {
  content: "\e210";
}
.dku-icon-arrow-right-16:before {
  content: "\e211";
}
.dku-icon-arrow-right-20:before {
  content: "\e212";
}
.dku-icon-arrow-right-24:before {
  content: "\e213";
}
.dku-icon-arrow-right-32:before {
  content: "\e214";
}
.dku-icon-arrow-right-48:before {
  content: "\e215";
}
.dku-icon-arrow-right-long-12:before {
  content: "\e216";
}
.dku-icon-arrow-right-long-16:before {
  content: "\e217";
}
.dku-icon-arrow-right-long-20:before {
  content: "\e218";
}
.dku-icon-arrow-right-long-24:before {
  content: "\e219";
}
.dku-icon-arrow-right-long-32:before {
  content: "\e21a";
}
.dku-icon-arrow-right-long-48:before {
  content: "\e21b";
}
.dku-icon-arrow-shuffle-12:before {
  content: "\e21c";
}
.dku-icon-arrow-shuffle-16:before {
  content: "\e21d";
}
.dku-icon-arrow-shuffle-20:before {
  content: "\e21e";
}
.dku-icon-arrow-shuffle-24:before {
  content: "\e21f";
}
.dku-icon-arrow-shuffle-32:before {
  content: "\e220";
}
.dku-icon-arrow-shuffle-48:before {
  content: "\e221";
}
.dku-icon-arrow-sign-in-12:before {
  content: "\e222";
}
.dku-icon-arrow-sign-in-16:before {
  content: "\e223";
}
.dku-icon-arrow-sign-in-20:before {
  content: "\e224";
}
.dku-icon-arrow-sign-in-24:before {
  content: "\e225";
}
.dku-icon-arrow-sign-in-32:before {
  content: "\e226";
}
.dku-icon-arrow-sign-in-48:before {
  content: "\e227";
}
.dku-icon-arrow-sign-out-12:before {
  content: "\e228";
}
.dku-icon-arrow-sign-out-16:before {
  content: "\e229";
}
.dku-icon-arrow-sign-out-20:before {
  content: "\e22a";
}
.dku-icon-arrow-sign-out-24:before {
  content: "\e22b";
}
.dku-icon-arrow-sign-out-32:before {
  content: "\e22c";
}
.dku-icon-arrow-sign-out-48:before {
  content: "\e22d";
}
.dku-icon-arrow-sort-12:before {
  content: "\e22e";
}
.dku-icon-arrow-sort-16:before {
  content: "\e22f";
}
.dku-icon-arrow-sort-20:before {
  content: "\e230";
}
.dku-icon-arrow-sort-24:before {
  content: "\e231";
}
.dku-icon-arrow-sort-32:before {
  content: "\e232";
}
.dku-icon-arrow-sort-48:before {
  content: "\e233";
}
.dku-icon-arrow-split-12:before {
  content: "\e234";
}
.dku-icon-arrow-split-16:before {
  content: "\e235";
}
.dku-icon-arrow-split-20:before {
  content: "\e236";
}
.dku-icon-arrow-split-24:before {
  content: "\e237";
}
.dku-icon-arrow-split-32:before {
  content: "\e238";
}
.dku-icon-arrow-split-48:before {
  content: "\e239";
}
.dku-icon-arrow-trending-12:before {
  content: "\e23a";
}
.dku-icon-arrow-trending-16:before {
  content: "\e23b";
}
.dku-icon-arrow-trending-20:before {
  content: "\e23c";
}
.dku-icon-arrow-trending-24:before {
  content: "\e23d";
}
.dku-icon-arrow-trending-32:before {
  content: "\e23e";
}
.dku-icon-arrow-trending-48:before {
  content: "\e23f";
}
.dku-icon-arrow-undo-12:before {
  content: "\e240";
}
.dku-icon-arrow-undo-16:before {
  content: "\e241";
}
.dku-icon-arrow-undo-20:before {
  content: "\e242";
}
.dku-icon-arrow-undo-24:before {
  content: "\e243";
}
.dku-icon-arrow-undo-32:before {
  content: "\e244";
}
.dku-icon-arrow-undo-48:before {
  content: "\e245";
}
.dku-icon-arrow-up-12:before {
  content: "\e246";
}
.dku-icon-arrow-up-16:before {
  content: "\e247";
}
.dku-icon-arrow-up-20:before {
  content: "\e248";
}
.dku-icon-arrow-up-24:before {
  content: "\e249";
}
.dku-icon-arrow-up-32:before {
  content: "\e24a";
}
.dku-icon-arrow-up-48:before {
  content: "\e24b";
}
.dku-icon-arrow-upload-12:before {
  content: "\e24c";
}
.dku-icon-arrow-upload-16:before {
  content: "\e24d";
}
.dku-icon-arrow-upload-20:before {
  content: "\e24e";
}
.dku-icon-arrow-upload-24:before {
  content: "\e24f";
}
.dku-icon-arrow-upload-32:before {
  content: "\e250";
}
.dku-icon-arrow-upload-48:before {
  content: "\e251";
}
.dku-icon-arrow-upstream-12:before {
  content: "\e252";
}
.dku-icon-arrow-upstream-16:before {
  content: "\e253";
}
.dku-icon-arrow-upstream-20:before {
  content: "\e254";
}
.dku-icon-arrow-upstream-24:before {
  content: "\e255";
}
.dku-icon-arrow-upstream-32:before {
  content: "\e256";
}
.dku-icon-arrow-upstream-48:before {
  content: "\e257";
}
.dku-icon-arrow-upstream-collapse-12:before {
  content: "\e258";
}
.dku-icon-arrow-upstream-collapse-16:before {
  content: "\e259";
}
.dku-icon-arrow-upstream-collapse-20:before {
  content: "\e25a";
}
.dku-icon-arrow-upstream-collapse-24:before {
  content: "\e25b";
}
.dku-icon-arrow-upstream-collapse-32:before {
  content: "\e25c";
}
.dku-icon-arrow-upstream-collapse-48:before {
  content: "\e25d";
}
.dku-icon-asterisk-12:before {
  content: "\e25e";
}
.dku-icon-asterisk-16:before {
  content: "\e25f";
}
.dku-icon-asterisk-20:before {
  content: "\e260";
}
.dku-icon-asterisk-24:before {
  content: "\e261";
}
.dku-icon-asterisk-32:before {
  content: "\e262";
}
.dku-icon-asterisk-48:before {
  content: "\e263";
}
.dku-icon-athena-12:before {
  content: "\e264";
}
.dku-icon-athena-16:before {
  content: "\e265";
}
.dku-icon-athena-20:before {
  content: "\e266";
}
.dku-icon-athena-24:before {
  content: "\e267";
}
.dku-icon-athena-32:before {
  content: "\e268";
}
.dku-icon-athena-48:before {
  content: "\e269";
}
.dku-icon-attach-12:before {
  content: "\e26a";
}
.dku-icon-attach-16:before {
  content: "\e26b";
}
.dku-icon-attach-20:before {
  content: "\e26c";
}
.dku-icon-attach-24:before {
  content: "\e26d";
}
.dku-icon-attach-32:before {
  content: "\e26e";
}
.dku-icon-attach-48:before {
  content: "\e26f";
}
.dku-icon-auto-size-column-12:before {
  content: "\e270";
}
.dku-icon-auto-size-column-16:before {
  content: "\e271";
}
.dku-icon-auto-size-column-20:before {
  content: "\e272";
}
.dku-icon-auto-size-column-24:before {
  content: "\e273";
}
.dku-icon-auto-size-column-32:before {
  content: "\e274";
}
.dku-icon-auto-size-column-48:before {
  content: "\e275";
}
.dku-icon-autogenerated-python-documentation-12:before {
  content: "\e276";
}
.dku-icon-autogenerated-python-documentation-16:before {
  content: "\e277";
}
.dku-icon-autogenerated-python-documentation-20:before {
  content: "\e278";
}
.dku-icon-autogenerated-python-documentation-24:before {
  content: "\e279";
}
.dku-icon-autogenerated-python-documentation-32:before {
  content: "\e27a";
}
.dku-icon-autogenerated-python-documentation-48:before {
  content: "\e27b";
}
.dku-icon-automatic-12:before {
  content: "\e27c";
}
.dku-icon-automatic-16:before {
  content: "\e27d";
}
.dku-icon-automatic-20:before {
  content: "\e27e";
}
.dku-icon-automatic-24:before {
  content: "\e27f";
}
.dku-icon-automatic-32:before {
  content: "\e280";
}
.dku-icon-automatic-48:before {
  content: "\e281";
}
.dku-icon-automl-clustering-12:before {
  content: "\e282";
}
.dku-icon-automl-clustering-16:before {
  content: "\e283";
}
.dku-icon-automl-clustering-20:before {
  content: "\e284";
}
.dku-icon-automl-clustering-24:before {
  content: "\e285";
}
.dku-icon-automl-clustering-32:before {
  content: "\e286";
}
.dku-icon-automl-clustering-48:before {
  content: "\e287";
}
.dku-icon-automl-prediction-12:before {
  content: "\e288";
}
.dku-icon-automl-prediction-16:before {
  content: "\e289";
}
.dku-icon-automl-prediction-20:before {
  content: "\e28a";
}
.dku-icon-automl-prediction-24:before {
  content: "\e28b";
}
.dku-icon-automl-prediction-32:before {
  content: "\e28c";
}
.dku-icon-automl-prediction-48:before {
  content: "\e28d";
}
.dku-icon-aws-greengrass-12:before {
  content: "\e28e";
}
.dku-icon-aws-greengrass-16:before {
  content: "\e28f";
}
.dku-icon-aws-greengrass-20:before {
  content: "\e290";
}
.dku-icon-aws-greengrass-24:before {
  content: "\e291";
}
.dku-icon-aws-greengrass-32:before {
  content: "\e292";
}
.dku-icon-aws-greengrass-48:before {
  content: "\e293";
}
.dku-icon-aws-privatelink-12:before {
  content: "\e294";
}
.dku-icon-aws-privatelink-16:before {
  content: "\e295";
}
.dku-icon-aws-privatelink-20:before {
  content: "\e296";
}
.dku-icon-aws-privatelink-24:before {
  content: "\e297";
}
.dku-icon-aws-privatelink-32:before {
  content: "\e298";
}
.dku-icon-aws-privatelink-48:before {
  content: "\e299";
}
.dku-icon-azure-aws-privatelink-12:before {
  content: "\e29a";
}
.dku-icon-azure-aws-privatelink-16:before {
  content: "\e29b";
}
.dku-icon-azure-aws-privatelink-20:before {
  content: "\e29c";
}
.dku-icon-azure-aws-privatelink-24:before {
  content: "\e29d";
}
.dku-icon-azure-aws-privatelink-32:before {
  content: "\e29e";
}
.dku-icon-azure-aws-privatelink-48:before {
  content: "\e29f";
}
.dku-icon-azure-sql-privatelink-12:before {
  content: "\e2a0";
}
.dku-icon-azure-sql-privatelink-16:before {
  content: "\e2a1";
}
.dku-icon-azure-sql-privatelink-20:before {
  content: "\e2a2";
}
.dku-icon-azure-sql-privatelink-24:before {
  content: "\e2a3";
}
.dku-icon-azure-sql-privatelink-32:before {
  content: "\e2a4";
}
.dku-icon-azure-sql-privatelink-48:before {
  content: "\e2a5";
}
.dku-icon-azure-synapse-privatelink-12:before {
  content: "\e2a6";
}
.dku-icon-azure-synapse-privatelink-16:before {
  content: "\e2a7";
}
.dku-icon-azure-synapse-privatelink-20:before {
  content: "\e2a8";
}
.dku-icon-azure-synapse-privatelink-24:before {
  content: "\e2a9";
}
.dku-icon-azure-synapse-privatelink-32:before {
  content: "\e2aa";
}
.dku-icon-azure-synapse-privatelink-48:before {
  content: "\e2ab";
}
.dku-icon-bar-chart-12:before {
  content: "\e2ac";
}
.dku-icon-bar-chart-16:before {
  content: "\e2ad";
}
.dku-icon-bar-chart-20:before {
  content: "\e2ae";
}
.dku-icon-bar-chart-24:before {
  content: "\e2af";
}
.dku-icon-bar-chart-32:before {
  content: "\e2b0";
}
.dku-icon-bar-chart-48:before {
  content: "\e2b1";
}
.dku-icon-barcode-12:before {
  content: "\e2b2";
}
.dku-icon-barcode-16:before {
  content: "\e2b3";
}
.dku-icon-barcode-20:before {
  content: "\e2b4";
}
.dku-icon-barcode-24:before {
  content: "\e2b5";
}
.dku-icon-barcode-32:before {
  content: "\e2b6";
}
.dku-icon-barcode-48:before {
  content: "\e2b7";
}
.dku-icon-beaker-12:before {
  content: "\e2b8";
}
.dku-icon-beaker-16:before {
  content: "\e2b9";
}
.dku-icon-beaker-20:before {
  content: "\e2ba";
}
.dku-icon-beaker-24:before {
  content: "\e2bb";
}
.dku-icon-beaker-32:before {
  content: "\e2bc";
}
.dku-icon-beaker-48:before {
  content: "\e2bd";
}
.dku-icon-bell-12:before {
  content: "\e2be";
}
.dku-icon-bell-16:before {
  content: "\e2bf";
}
.dku-icon-bell-20:before {
  content: "\e2c0";
}
.dku-icon-bell-24:before {
  content: "\e2c1";
}
.dku-icon-bell-32:before {
  content: "\e2c2";
}
.dku-icon-bell-48:before {
  content: "\e2c3";
}
.dku-icon-bell-off-12:before {
  content: "\e2c4";
}
.dku-icon-bell-off-16:before {
  content: "\e2c5";
}
.dku-icon-bell-off-20:before {
  content: "\e2c6";
}
.dku-icon-bell-off-24:before {
  content: "\e2c7";
}
.dku-icon-bell-off-32:before {
  content: "\e2c8";
}
.dku-icon-bell-off-48:before {
  content: "\e2c9";
}
.dku-icon-bell-on-12:before {
  content: "\e2ca";
}
.dku-icon-bell-on-16:before {
  content: "\e2cb";
}
.dku-icon-bell-on-20:before {
  content: "\e2cc";
}
.dku-icon-bell-on-24:before {
  content: "\e2cd";
}
.dku-icon-bell-on-32:before {
  content: "\e2ce";
}
.dku-icon-bell-on-48:before {
  content: "\e2cf";
}
.dku-icon-bell-snooze-12:before {
  content: "\e2d0";
}
.dku-icon-bell-snooze-16:before {
  content: "\e2d1";
}
.dku-icon-bell-snooze-20:before {
  content: "\e2d2";
}
.dku-icon-bell-snooze-24:before {
  content: "\e2d3";
}
.dku-icon-bell-snooze-32:before {
  content: "\e2d4";
}
.dku-icon-bell-snooze-48:before {
  content: "\e2d5";
}
.dku-icon-bike-12:before {
  content: "\e2d6";
}
.dku-icon-bike-16:before {
  content: "\e2d7";
}
.dku-icon-bike-20:before {
  content: "\e2d8";
}
.dku-icon-bike-24:before {
  content: "\e2d9";
}
.dku-icon-bike-32:before {
  content: "\e2da";
}
.dku-icon-bike-48:before {
  content: "\e2db";
}
.dku-icon-binning-12:before {
  content: "\e2dc";
}
.dku-icon-binning-16:before {
  content: "\e2dd";
}
.dku-icon-binning-20:before {
  content: "\e2de";
}
.dku-icon-binning-24:before {
  content: "\e2df";
}
.dku-icon-binning-32:before {
  content: "\e2e0";
}
.dku-icon-binning-48:before {
  content: "\e2e1";
}
.dku-icon-block-12:before {
  content: "\e2e2";
}
.dku-icon-block-16:before {
  content: "\e2e3";
}
.dku-icon-block-20:before {
  content: "\e2e4";
}
.dku-icon-block-24:before {
  content: "\e2e5";
}
.dku-icon-block-32:before {
  content: "\e2e6";
}
.dku-icon-block-48:before {
  content: "\e2e7";
}
.dku-icon-bokeh-12:before {
  content: "\e2e8";
}
.dku-icon-bokeh-16:before {
  content: "\e2e9";
}
.dku-icon-bokeh-20:before {
  content: "\e2ea";
}
.dku-icon-bokeh-24:before {
  content: "\e2eb";
}
.dku-icon-bokeh-32:before {
  content: "\e2ec";
}
.dku-icon-bokeh-48:before {
  content: "\e2ed";
}
.dku-icon-book-12:before {
  content: "\e2ee";
}
.dku-icon-book-16:before {
  content: "\e2ef";
}
.dku-icon-book-20:before {
  content: "\e2f0";
}
.dku-icon-book-24:before {
  content: "\e2f1";
}
.dku-icon-book-32:before {
  content: "\e2f2";
}
.dku-icon-book-48:before {
  content: "\e2f3";
}
.dku-icon-bookmark-12:before {
  content: "\e2f4";
}
.dku-icon-bookmark-16:before {
  content: "\e2f5";
}
.dku-icon-bookmark-20:before {
  content: "\e2f6";
}
.dku-icon-bookmark-24:before {
  content: "\e2f7";
}
.dku-icon-bookmark-32:before {
  content: "\e2f8";
}
.dku-icon-bookmark-48:before {
  content: "\e2f9";
}
.dku-icon-bookmark-fill-12:before {
  content: "\e2fa";
}
.dku-icon-bookmark-fill-16:before {
  content: "\e2fb";
}
.dku-icon-bookmark-fill-20:before {
  content: "\e2fc";
}
.dku-icon-bookmark-fill-24:before {
  content: "\e2fd";
}
.dku-icon-bookmark-fill-32:before {
  content: "\e2fe";
}
.dku-icon-bookmark-fill-48:before {
  content: "\e2ff";
}
.dku-icon-border-radius-0-12:before {
  content: "\e300";
}
.dku-icon-border-radius-0-16:before {
  content: "\e301";
}
.dku-icon-border-radius-0-20:before {
  content: "\e302";
}
.dku-icon-border-radius-0-24:before {
  content: "\e303";
}
.dku-icon-border-radius-0-32:before {
  content: "\e304";
}
.dku-icon-border-radius-0-48:before {
  content: "\e305";
}
.dku-icon-border-radius-1-12:before {
  content: "\e306";
}
.dku-icon-border-radius-1-16:before {
  content: "\e307";
}
.dku-icon-border-radius-1-20:before {
  content: "\e308";
}
.dku-icon-border-radius-1-24:before {
  content: "\e309";
}
.dku-icon-border-radius-1-32:before {
  content: "\e30a";
}
.dku-icon-border-radius-1-48:before {
  content: "\e30b";
}
.dku-icon-border-radius-2-12:before {
  content: "\e30c";
}
.dku-icon-border-radius-2-16:before {
  content: "\e30d";
}
.dku-icon-border-radius-2-20:before {
  content: "\e30e";
}
.dku-icon-border-radius-2-24:before {
  content: "\e30f";
}
.dku-icon-border-radius-2-32:before {
  content: "\e310";
}
.dku-icon-border-radius-2-48:before {
  content: "\e311";
}
.dku-icon-border-radius-3-12:before {
  content: "\e312";
}
.dku-icon-border-radius-3-16:before {
  content: "\e313";
}
.dku-icon-border-radius-3-20:before {
  content: "\e314";
}
.dku-icon-border-radius-3-24:before {
  content: "\e315";
}
.dku-icon-border-radius-3-32:before {
  content: "\e316";
}
.dku-icon-border-radius-3-48:before {
  content: "\e317";
}
.dku-icon-box-12:before {
  content: "\e318";
}
.dku-icon-box-16:before {
  content: "\e319";
}
.dku-icon-box-20:before {
  content: "\e31a";
}
.dku-icon-box-24:before {
  content: "\e31b";
}
.dku-icon-box-32:before {
  content: "\e31c";
}
.dku-icon-box-48:before {
  content: "\e31d";
}
.dku-icon-brackets-curly-12:before {
  content: "\e31e";
}
.dku-icon-brackets-curly-16:before {
  content: "\e31f";
}
.dku-icon-brackets-curly-20:before {
  content: "\e320";
}
.dku-icon-brackets-curly-24:before {
  content: "\e321";
}
.dku-icon-brackets-curly-32:before {
  content: "\e322";
}
.dku-icon-brackets-curly-48:before {
  content: "\e323";
}
.dku-icon-brackets-square-12:before {
  content: "\e324";
}
.dku-icon-brackets-square-16:before {
  content: "\e325";
}
.dku-icon-brackets-square-20:before {
  content: "\e326";
}
.dku-icon-brackets-square-24:before {
  content: "\e327";
}
.dku-icon-brackets-square-32:before {
  content: "\e328";
}
.dku-icon-brackets-square-48:before {
  content: "\e329";
}
.dku-icon-broom-12:before {
  content: "\e32a";
}
.dku-icon-broom-16:before {
  content: "\e32b";
}
.dku-icon-broom-20:before {
  content: "\e32c";
}
.dku-icon-broom-24:before {
  content: "\e32d";
}
.dku-icon-broom-32:before {
  content: "\e32e";
}
.dku-icon-broom-48:before {
  content: "\e32f";
}
.dku-icon-bug-12:before {
  content: "\e330";
}
.dku-icon-bug-16:before {
  content: "\e331";
}
.dku-icon-bug-20:before {
  content: "\e332";
}
.dku-icon-bug-24:before {
  content: "\e333";
}
.dku-icon-bug-32:before {
  content: "\e334";
}
.dku-icon-bug-48:before {
  content: "\e335";
}
.dku-icon-bundle-12:before {
  content: "\e336";
}
.dku-icon-bundle-16:before {
  content: "\e337";
}
.dku-icon-bundle-20:before {
  content: "\e338";
}
.dku-icon-bundle-24:before {
  content: "\e339";
}
.dku-icon-bundle-32:before {
  content: "\e33a";
}
.dku-icon-bundle-48:before {
  content: "\e33b";
}
.dku-icon-bundle-add-12:before {
  content: "\e33c";
}
.dku-icon-bundle-add-16:before {
  content: "\e33d";
}
.dku-icon-bundle-add-20:before {
  content: "\e33e";
}
.dku-icon-bundle-add-24:before {
  content: "\e33f";
}
.dku-icon-bundle-add-32:before {
  content: "\e340";
}
.dku-icon-bundle-add-48:before {
  content: "\e341";
}
.dku-icon-bundle-deploy-12:before {
  content: "\e342";
}
.dku-icon-bundle-deploy-16:before {
  content: "\e343";
}
.dku-icon-bundle-deploy-20:before {
  content: "\e344";
}
.dku-icon-bundle-deploy-24:before {
  content: "\e345";
}
.dku-icon-bundle-deploy-32:before {
  content: "\e346";
}
.dku-icon-bundle-deploy-48:before {
  content: "\e347";
}
.dku-icon-bundle-push-12:before {
  content: "\e348";
}
.dku-icon-bundle-push-16:before {
  content: "\e349";
}
.dku-icon-bundle-push-20:before {
  content: "\e34a";
}
.dku-icon-bundle-push-24:before {
  content: "\e34b";
}
.dku-icon-bundle-push-32:before {
  content: "\e34c";
}
.dku-icon-bundle-push-48:before {
  content: "\e34d";
}
.dku-icon-bus-12:before {
  content: "\e34e";
}
.dku-icon-bus-16:before {
  content: "\e34f";
}
.dku-icon-bus-20:before {
  content: "\e350";
}
.dku-icon-bus-24:before {
  content: "\e351";
}
.dku-icon-bus-32:before {
  content: "\e352";
}
.dku-icon-bus-48:before {
  content: "\e353";
}
.dku-icon-calendar-12:before {
  content: "\e354";
}
.dku-icon-calendar-16:before {
  content: "\e355";
}
.dku-icon-calendar-20:before {
  content: "\e356";
}
.dku-icon-calendar-24:before {
  content: "\e357";
}
.dku-icon-calendar-32:before {
  content: "\e358";
}
.dku-icon-calendar-48:before {
  content: "\e359";
}
.dku-icon-calendar-check-12:before {
  content: "\e35a";
}
.dku-icon-calendar-check-16:before {
  content: "\e35b";
}
.dku-icon-calendar-check-20:before {
  content: "\e35c";
}
.dku-icon-calendar-check-24:before {
  content: "\e35d";
}
.dku-icon-calendar-check-32:before {
  content: "\e35e";
}
.dku-icon-calendar-check-48:before {
  content: "\e35f";
}
.dku-icon-camera-shutter-12:before {
  content: "\e360";
}
.dku-icon-camera-shutter-16:before {
  content: "\e361";
}
.dku-icon-camera-shutter-20:before {
  content: "\e362";
}
.dku-icon-camera-shutter-24:before {
  content: "\e363";
}
.dku-icon-camera-shutter-32:before {
  content: "\e364";
}
.dku-icon-camera-shutter-48:before {
  content: "\e365";
}
.dku-icon-cancel-12:before {
  content: "\e366";
}
.dku-icon-cancel-16:before {
  content: "\e367";
}
.dku-icon-cancel-20:before {
  content: "\e368";
}
.dku-icon-cancel-24:before {
  content: "\e369";
}
.dku-icon-cancel-32:before {
  content: "\e36a";
}
.dku-icon-cancel-48:before {
  content: "\e36b";
}
.dku-icon-car-12:before {
  content: "\e36c";
}
.dku-icon-car-16:before {
  content: "\e36d";
}
.dku-icon-car-20:before {
  content: "\e36e";
}
.dku-icon-car-24:before {
  content: "\e36f";
}
.dku-icon-car-32:before {
  content: "\e370";
}
.dku-icon-car-48:before {
  content: "\e371";
}
.dku-icon-cardboard-box-12:before {
  content: "\e372";
}
.dku-icon-cardboard-box-16:before {
  content: "\e373";
}
.dku-icon-cardboard-box-20:before {
  content: "\e374";
}
.dku-icon-cardboard-box-24:before {
  content: "\e375";
}
.dku-icon-cardboard-box-32:before {
  content: "\e376";
}
.dku-icon-cardboard-box-48:before {
  content: "\e377";
}
.dku-icon-cards-stack-12:before {
  content: "\e378";
}
.dku-icon-cards-stack-16:before {
  content: "\e379";
}
.dku-icon-cards-stack-20:before {
  content: "\e37a";
}
.dku-icon-cards-stack-24:before {
  content: "\e37b";
}
.dku-icon-cards-stack-32:before {
  content: "\e37c";
}
.dku-icon-cards-stack-48:before {
  content: "\e37d";
}
.dku-icon-caret-down-12:before {
  content: "\e37e";
}
.dku-icon-caret-down-16:before {
  content: "\e37f";
}
.dku-icon-caret-down-20:before {
  content: "\e380";
}
.dku-icon-caret-down-24:before {
  content: "\e381";
}
.dku-icon-caret-down-32:before {
  content: "\e382";
}
.dku-icon-caret-down-48:before {
  content: "\e383";
}
.dku-icon-caret-left-12:before {
  content: "\e384";
}
.dku-icon-caret-left-16:before {
  content: "\e385";
}
.dku-icon-caret-left-20:before {
  content: "\e386";
}
.dku-icon-caret-left-24:before {
  content: "\e387";
}
.dku-icon-caret-left-32:before {
  content: "\e388";
}
.dku-icon-caret-left-48:before {
  content: "\e389";
}
.dku-icon-caret-right-12:before {
  content: "\e38a";
}
.dku-icon-caret-right-16:before {
  content: "\e38b";
}
.dku-icon-caret-right-20:before {
  content: "\e38c";
}
.dku-icon-caret-right-24:before {
  content: "\e38d";
}
.dku-icon-caret-right-32:before {
  content: "\e38e";
}
.dku-icon-caret-right-48:before {
  content: "\e38f";
}
.dku-icon-caret-up-12:before {
  content: "\e390";
}
.dku-icon-caret-up-16:before {
  content: "\e391";
}
.dku-icon-caret-up-20:before {
  content: "\e392";
}
.dku-icon-caret-up-24:before {
  content: "\e393";
}
.dku-icon-caret-up-32:before {
  content: "\e394";
}
.dku-icon-caret-up-48:before {
  content: "\e395";
}
.dku-icon-cassandra-12:before {
  content: "\e396";
}
.dku-icon-cassandra-16:before {
  content: "\e397";
}
.dku-icon-cassandra-20:before {
  content: "\e398";
}
.dku-icon-cassandra-24:before {
  content: "\e399";
}
.dku-icon-cassandra-32:before {
  content: "\e39a";
}
.dku-icon-cassandra-48:before {
  content: "\e39b";
}
.dku-icon-category-12:before {
  content: "\e39c";
}
.dku-icon-category-16:before {
  content: "\e39d";
}
.dku-icon-category-20:before {
  content: "\e39e";
}
.dku-icon-category-24:before {
  content: "\e39f";
}
.dku-icon-category-32:before {
  content: "\e3a0";
}
.dku-icon-category-48:before {
  content: "\e3a1";
}
.dku-icon-causal-12:before {
  content: "\e3a2";
}
.dku-icon-causal-16:before {
  content: "\e3a3";
}
.dku-icon-causal-20:before {
  content: "\e3a4";
}
.dku-icon-causal-24:before {
  content: "\e3a5";
}
.dku-icon-causal-32:before {
  content: "\e3a6";
}
.dku-icon-causal-48:before {
  content: "\e3a7";
}
.dku-icon-chain-thought-12:before {
  content: "\e3a8";
}
.dku-icon-chain-thought-16:before {
  content: "\e3a9";
}
.dku-icon-chain-thought-20:before {
  content: "\e3aa";
}
.dku-icon-chain-thought-24:before {
  content: "\e3ab";
}
.dku-icon-chain-thought-32:before {
  content: "\e3ac";
}
.dku-icon-chain-thought-48:before {
  content: "\e3ad";
}
.dku-icon-chart-12:before {
  content: "\e3ae";
}
.dku-icon-chart-16:before {
  content: "\e3af";
}
.dku-icon-chart-20:before {
  content: "\e3b0";
}
.dku-icon-chart-24:before {
  content: "\e3b1";
}
.dku-icon-chart-32:before {
  content: "\e3b2";
}
.dku-icon-chart-48:before {
  content: "\e3b3";
}
.dku-icon-chart-butterfly-12:before {
  content: "\e3b4";
}
.dku-icon-chart-butterfly-16:before {
  content: "\e3b5";
}
.dku-icon-chart-butterfly-20:before {
  content: "\e3b6";
}
.dku-icon-chart-butterfly-24:before {
  content: "\e3b7";
}
.dku-icon-chart-butterfly-32:before {
  content: "\e3b8";
}
.dku-icon-chart-butterfly-48:before {
  content: "\e3b9";
}
.dku-icon-chart-data-waterfall-12:before {
  content: "\e3ba";
}
.dku-icon-chart-data-waterfall-16:before {
  content: "\e3bb";
}
.dku-icon-chart-data-waterfall-20:before {
  content: "\e3bc";
}
.dku-icon-chart-data-waterfall-24:before {
  content: "\e3bd";
}
.dku-icon-chart-data-waterfall-32:before {
  content: "\e3be";
}
.dku-icon-chart-data-waterfall-48:before {
  content: "\e3bf";
}
.dku-icon-chart-donut-12:before {
  content: "\e3c0";
}
.dku-icon-chart-donut-16:before {
  content: "\e3c1";
}
.dku-icon-chart-donut-20:before {
  content: "\e3c2";
}
.dku-icon-chart-donut-24:before {
  content: "\e3c3";
}
.dku-icon-chart-donut-32:before {
  content: "\e3c4";
}
.dku-icon-chart-donut-48:before {
  content: "\e3c5";
}
.dku-icon-chart-geomap-12:before {
  content: "\e3c6";
}
.dku-icon-chart-geomap-16:before {
  content: "\e3c7";
}
.dku-icon-chart-geomap-20:before {
  content: "\e3c8";
}
.dku-icon-chart-geomap-24:before {
  content: "\e3c9";
}
.dku-icon-chart-geomap-32:before {
  content: "\e3ca";
}
.dku-icon-chart-geomap-48:before {
  content: "\e3cb";
}
.dku-icon-chart-heatmap-12:before {
  content: "\e3cc";
}
.dku-icon-chart-heatmap-16:before {
  content: "\e3cd";
}
.dku-icon-chart-heatmap-20:before {
  content: "\e3ce";
}
.dku-icon-chart-heatmap-24:before {
  content: "\e3cf";
}
.dku-icon-chart-heatmap-32:before {
  content: "\e3d0";
}
.dku-icon-chart-heatmap-48:before {
  content: "\e3d1";
}
.dku-icon-chart-horizontal-bar-12:before {
  content: "\e3d2";
}
.dku-icon-chart-horizontal-bar-16:before {
  content: "\e3d3";
}
.dku-icon-chart-horizontal-bar-20:before {
  content: "\e3d4";
}
.dku-icon-chart-horizontal-bar-24:before {
  content: "\e3d5";
}
.dku-icon-chart-horizontal-bar-32:before {
  content: "\e3d6";
}
.dku-icon-chart-horizontal-bar-48:before {
  content: "\e3d7";
}
.dku-icon-chart-horizontal-stack-bar-12:before {
  content: "\e3d8";
}
.dku-icon-chart-horizontal-stack-bar-16:before {
  content: "\e3d9";
}
.dku-icon-chart-horizontal-stack-bar-20:before {
  content: "\e3da";
}
.dku-icon-chart-horizontal-stack-bar-24:before {
  content: "\e3db";
}
.dku-icon-chart-horizontal-stack-bar-32:before {
  content: "\e3dc";
}
.dku-icon-chart-horizontal-stack-bar-48:before {
  content: "\e3dd";
}
.dku-icon-chart-kpi-12:before {
  content: "\e3de";
}
.dku-icon-chart-kpi-16:before {
  content: "\e3df";
}
.dku-icon-chart-kpi-20:before {
  content: "\e3e0";
}
.dku-icon-chart-kpi-24:before {
  content: "\e3e1";
}
.dku-icon-chart-kpi-32:before {
  content: "\e3e2";
}
.dku-icon-chart-kpi-48:before {
  content: "\e3e3";
}
.dku-icon-chart-line-12:before {
  content: "\e3e4";
}
.dku-icon-chart-line-16:before {
  content: "\e3e5";
}
.dku-icon-chart-line-20:before {
  content: "\e3e6";
}
.dku-icon-chart-line-24:before {
  content: "\e3e7";
}
.dku-icon-chart-line-32:before {
  content: "\e3e8";
}
.dku-icon-chart-line-48:before {
  content: "\e3e9";
}
.dku-icon-chart-list-12:before {
  content: "\e3ea";
}
.dku-icon-chart-list-16:before {
  content: "\e3eb";
}
.dku-icon-chart-list-20:before {
  content: "\e3ec";
}
.dku-icon-chart-list-24:before {
  content: "\e3ed";
}
.dku-icon-chart-list-32:before {
  content: "\e3ee";
}
.dku-icon-chart-list-48:before {
  content: "\e3ef";
}
.dku-icon-chart-metric-12:before {
  content: "\e3f0";
}
.dku-icon-chart-metric-16:before {
  content: "\e3f1";
}
.dku-icon-chart-metric-20:before {
  content: "\e3f2";
}
.dku-icon-chart-metric-24:before {
  content: "\e3f3";
}
.dku-icon-chart-metric-32:before {
  content: "\e3f4";
}
.dku-icon-chart-metric-48:before {
  content: "\e3f5";
}
.dku-icon-chart-multi-chart-12:before {
  content: "\e3f6";
}
.dku-icon-chart-multi-chart-16:before {
  content: "\e3f7";
}
.dku-icon-chart-multi-chart-20:before {
  content: "\e3f8";
}
.dku-icon-chart-multi-chart-24:before {
  content: "\e3f9";
}
.dku-icon-chart-multi-chart-32:before {
  content: "\e3fa";
}
.dku-icon-chart-multi-chart-48:before {
  content: "\e3fb";
}
.dku-icon-chart-pictorial-12:before {
  content: "\e3fc";
}
.dku-icon-chart-pictorial-16:before {
  content: "\e3fd";
}
.dku-icon-chart-pictorial-20:before {
  content: "\e3fe";
}
.dku-icon-chart-pictorial-24:before {
  content: "\e3ff";
}
.dku-icon-chart-pictorial-32:before {
  content: "\e400";
}
.dku-icon-chart-pictorial-48:before {
  content: "\e401";
}
.dku-icon-chart-pie-chart-12:before {
  content: "\e402";
}
.dku-icon-chart-pie-chart-16:before {
  content: "\e403";
}
.dku-icon-chart-pie-chart-20:before {
  content: "\e404";
}
.dku-icon-chart-pie-chart-24:before {
  content: "\e405";
}
.dku-icon-chart-pie-chart-32:before {
  content: "\e406";
}
.dku-icon-chart-pie-chart-48:before {
  content: "\e407";
}
.dku-icon-chart-radar-12:before {
  content: "\e408";
}
.dku-icon-chart-radar-16:before {
  content: "\e409";
}
.dku-icon-chart-radar-20:before {
  content: "\e40a";
}
.dku-icon-chart-radar-24:before {
  content: "\e40b";
}
.dku-icon-chart-radar-32:before {
  content: "\e40c";
}
.dku-icon-chart-radar-48:before {
  content: "\e40d";
}
.dku-icon-chart-sankey-12:before {
  content: "\e40e";
}
.dku-icon-chart-sankey-16:before {
  content: "\e40f";
}
.dku-icon-chart-sankey-20:before {
  content: "\e410";
}
.dku-icon-chart-sankey-24:before {
  content: "\e411";
}
.dku-icon-chart-sankey-32:before {
  content: "\e412";
}
.dku-icon-chart-sankey-48:before {
  content: "\e413";
}
.dku-icon-chart-scatter-12:before {
  content: "\e414";
}
.dku-icon-chart-scatter-16:before {
  content: "\e415";
}
.dku-icon-chart-scatter-20:before {
  content: "\e416";
}
.dku-icon-chart-scatter-24:before {
  content: "\e417";
}
.dku-icon-chart-scatter-32:before {
  content: "\e418";
}
.dku-icon-chart-scatter-48:before {
  content: "\e419";
}
.dku-icon-chart-table-12:before {
  content: "\e41a";
}
.dku-icon-chart-table-16:before {
  content: "\e41b";
}
.dku-icon-chart-table-20:before {
  content: "\e41c";
}
.dku-icon-chart-table-24:before {
  content: "\e41d";
}
.dku-icon-chart-table-32:before {
  content: "\e41e";
}
.dku-icon-chart-table-48:before {
  content: "\e41f";
}
.dku-icon-chart-treemap-12:before {
  content: "\e420";
}
.dku-icon-chart-treemap-16:before {
  content: "\e421";
}
.dku-icon-chart-treemap-20:before {
  content: "\e422";
}
.dku-icon-chart-treemap-24:before {
  content: "\e423";
}
.dku-icon-chart-treemap-32:before {
  content: "\e424";
}
.dku-icon-chart-treemap-48:before {
  content: "\e425";
}
.dku-icon-chart-vertical-bar-12:before {
  content: "\e426";
}
.dku-icon-chart-vertical-bar-16:before {
  content: "\e427";
}
.dku-icon-chart-vertical-bar-20:before {
  content: "\e428";
}
.dku-icon-chart-vertical-bar-24:before {
  content: "\e429";
}
.dku-icon-chart-vertical-bar-32:before {
  content: "\e42a";
}
.dku-icon-chart-vertical-bar-48:before {
  content: "\e42b";
}
.dku-icon-chart-vertical-stack-bar-12:before {
  content: "\e42c";
}
.dku-icon-chart-vertical-stack-bar-16:before {
  content: "\e42d";
}
.dku-icon-chart-vertical-stack-bar-20:before {
  content: "\e42e";
}
.dku-icon-chart-vertical-stack-bar-24:before {
  content: "\e42f";
}
.dku-icon-chart-vertical-stack-bar-32:before {
  content: "\e430";
}
.dku-icon-chart-vertical-stack-bar-48:before {
  content: "\e431";
}
.dku-icon-chat-off-12:before {
  content: "\e432";
}
.dku-icon-chat-off-16:before {
  content: "\e433";
}
.dku-icon-chat-off-20:before {
  content: "\e434";
}
.dku-icon-chat-off-24:before {
  content: "\e435";
}
.dku-icon-chat-off-32:before {
  content: "\e436";
}
.dku-icon-chat-off-48:before {
  content: "\e437";
}
.dku-icon-checkbox-checked-12:before {
  content: "\e438";
}
.dku-icon-checkbox-checked-16:before {
  content: "\e439";
}
.dku-icon-checkbox-checked-20:before {
  content: "\e43a";
}
.dku-icon-checkbox-checked-24:before {
  content: "\e43b";
}
.dku-icon-checkbox-checked-32:before {
  content: "\e43c";
}
.dku-icon-checkbox-checked-48:before {
  content: "\e43d";
}
.dku-icon-checkbox-indeterminate-12:before {
  content: "\e43e";
}
.dku-icon-checkbox-indeterminate-16:before {
  content: "\e43f";
}
.dku-icon-checkbox-indeterminate-20:before {
  content: "\e440";
}
.dku-icon-checkbox-indeterminate-24:before {
  content: "\e441";
}
.dku-icon-checkbox-indeterminate-32:before {
  content: "\e442";
}
.dku-icon-checkbox-indeterminate-48:before {
  content: "\e443";
}
.dku-icon-checkbox-unchecked-12:before {
  content: "\e444";
}
.dku-icon-checkbox-unchecked-16:before {
  content: "\e445";
}
.dku-icon-checkbox-unchecked-20:before {
  content: "\e446";
}
.dku-icon-checkbox-unchecked-24:before {
  content: "\e447";
}
.dku-icon-checkbox-unchecked-32:before {
  content: "\e448";
}
.dku-icon-checkbox-unchecked-48:before {
  content: "\e449";
}
.dku-icon-checkmark-12:before {
  content: "\e44a";
}
.dku-icon-checkmark-16:before {
  content: "\e44b";
}
.dku-icon-checkmark-20:before {
  content: "\e44c";
}
.dku-icon-checkmark-24:before {
  content: "\e44d";
}
.dku-icon-checkmark-32:before {
  content: "\e44e";
}
.dku-icon-checkmark-48:before {
  content: "\e44f";
}
.dku-icon-checkmark-circle-fill-12:before {
  content: "\e450";
}
.dku-icon-checkmark-circle-fill-16:before {
  content: "\e451";
}
.dku-icon-checkmark-circle-fill-20:before {
  content: "\e452";
}
.dku-icon-checkmark-circle-fill-24:before {
  content: "\e453";
}
.dku-icon-checkmark-circle-fill-32:before {
  content: "\e454";
}
.dku-icon-checkmark-circle-fill-48:before {
  content: "\e455";
}
.dku-icon-checkmark-circle-outline-12:before {
  content: "\e456";
}
.dku-icon-checkmark-circle-outline-16:before {
  content: "\e457";
}
.dku-icon-checkmark-circle-outline-20:before {
  content: "\e458";
}
.dku-icon-checkmark-circle-outline-24:before {
  content: "\e459";
}
.dku-icon-checkmark-circle-outline-32:before {
  content: "\e45a";
}
.dku-icon-checkmark-circle-outline-48:before {
  content: "\e45b";
}
.dku-icon-chevron-double-down-12:before {
  content: "\e45c";
}
.dku-icon-chevron-double-down-16:before {
  content: "\e45d";
}
.dku-icon-chevron-double-down-20:before {
  content: "\e45e";
}
.dku-icon-chevron-double-down-24:before {
  content: "\e45f";
}
.dku-icon-chevron-double-down-32:before {
  content: "\e460";
}
.dku-icon-chevron-double-down-48:before {
  content: "\e461";
}
.dku-icon-chevron-double-left-12:before {
  content: "\e462";
}
.dku-icon-chevron-double-left-16:before {
  content: "\e463";
}
.dku-icon-chevron-double-left-20:before {
  content: "\e464";
}
.dku-icon-chevron-double-left-24:before {
  content: "\e465";
}
.dku-icon-chevron-double-left-32:before {
  content: "\e466";
}
.dku-icon-chevron-double-left-48:before {
  content: "\e467";
}
.dku-icon-chevron-double-right-12:before {
  content: "\e468";
}
.dku-icon-chevron-double-right-16:before {
  content: "\e469";
}
.dku-icon-chevron-double-right-20:before {
  content: "\e46a";
}
.dku-icon-chevron-double-right-24:before {
  content: "\e46b";
}
.dku-icon-chevron-double-right-32:before {
  content: "\e46c";
}
.dku-icon-chevron-double-right-48:before {
  content: "\e46d";
}
.dku-icon-chevron-double-up-12:before {
  content: "\e46e";
}
.dku-icon-chevron-double-up-16:before {
  content: "\e46f";
}
.dku-icon-chevron-double-up-20:before {
  content: "\e470";
}
.dku-icon-chevron-double-up-24:before {
  content: "\e471";
}
.dku-icon-chevron-double-up-32:before {
  content: "\e472";
}
.dku-icon-chevron-double-up-48:before {
  content: "\e473";
}
.dku-icon-chevron-down-12:before {
  content: "\e474";
}
.dku-icon-chevron-down-16:before {
  content: "\e475";
}
.dku-icon-chevron-down-20:before {
  content: "\e476";
}
.dku-icon-chevron-down-24:before {
  content: "\e477";
}
.dku-icon-chevron-down-32:before {
  content: "\e478";
}
.dku-icon-chevron-down-48:before {
  content: "\e479";
}
.dku-icon-chevron-left-12:before {
  content: "\e47a";
}
.dku-icon-chevron-left-16:before {
  content: "\e47b";
}
.dku-icon-chevron-left-20:before {
  content: "\e47c";
}
.dku-icon-chevron-left-24:before {
  content: "\e47d";
}
.dku-icon-chevron-left-32:before {
  content: "\e47e";
}
.dku-icon-chevron-left-48:before {
  content: "\e47f";
}
.dku-icon-chevron-right-12:before {
  content: "\e480";
}
.dku-icon-chevron-right-16:before {
  content: "\e481";
}
.dku-icon-chevron-right-20:before {
  content: "\e482";
}
.dku-icon-chevron-right-24:before {
  content: "\e483";
}
.dku-icon-chevron-right-32:before {
  content: "\e484";
}
.dku-icon-chevron-right-48:before {
  content: "\e485";
}
.dku-icon-chevron-up-12:before {
  content: "\e486";
}
.dku-icon-chevron-up-16:before {
  content: "\e487";
}
.dku-icon-chevron-up-20:before {
  content: "\e488";
}
.dku-icon-chevron-up-24:before {
  content: "\e489";
}
.dku-icon-chevron-up-32:before {
  content: "\e48a";
}
.dku-icon-chevron-up-48:before {
  content: "\e48b";
}
.dku-icon-chroma-12:before {
  content: "\e48c";
}
.dku-icon-chroma-16:before {
  content: "\e48d";
}
.dku-icon-chroma-20:before {
  content: "\e48e";
}
.dku-icon-chroma-24:before {
  content: "\e48f";
}
.dku-icon-chroma-32:before {
  content: "\e490";
}
.dku-icon-chroma-48:before {
  content: "\e491";
}
.dku-icon-circle-fill-12:before {
  content: "\e492";
}
.dku-icon-circle-fill-16:before {
  content: "\e493";
}
.dku-icon-circle-fill-20:before {
  content: "\e494";
}
.dku-icon-circle-fill-24:before {
  content: "\e495";
}
.dku-icon-circle-fill-32:before {
  content: "\e496";
}
.dku-icon-circle-fill-48:before {
  content: "\e497";
}
.dku-icon-circle-outline-12:before {
  content: "\e498";
}
.dku-icon-circle-outline-16:before {
  content: "\e499";
}
.dku-icon-circle-outline-20:before {
  content: "\e49a";
}
.dku-icon-circle-outline-24:before {
  content: "\e49b";
}
.dku-icon-circle-outline-32:before {
  content: "\e49c";
}
.dku-icon-circle-outline-48:before {
  content: "\e49d";
}
.dku-icon-clipboard-bullet-list-12:before {
  content: "\e49e";
}
.dku-icon-clipboard-bullet-list-16:before {
  content: "\e49f";
}
.dku-icon-clipboard-bullet-list-20:before {
  content: "\e4a0";
}
.dku-icon-clipboard-bullet-list-24:before {
  content: "\e4a1";
}
.dku-icon-clipboard-bullet-list-32:before {
  content: "\e4a2";
}
.dku-icon-clipboard-bullet-list-48:before {
  content: "\e4a3";
}
.dku-icon-clock-12:before {
  content: "\e4a4";
}
.dku-icon-clock-16:before {
  content: "\e4a5";
}
.dku-icon-clock-20:before {
  content: "\e4a6";
}
.dku-icon-clock-24:before {
  content: "\e4a7";
}
.dku-icon-clock-32:before {
  content: "\e4a8";
}
.dku-icon-clock-48:before {
  content: "\e4a9";
}
.dku-icon-clock-circle-fill-12:before {
  content: "\e4aa";
}
.dku-icon-clock-circle-fill-16:before {
  content: "\e4ab";
}
.dku-icon-clock-circle-fill-20:before {
  content: "\e4ac";
}
.dku-icon-clock-circle-fill-24:before {
  content: "\e4ad";
}
.dku-icon-clock-circle-fill-32:before {
  content: "\e4ae";
}
.dku-icon-clock-circle-fill-48:before {
  content: "\e4af";
}
.dku-icon-cloud-12:before {
  content: "\e4b0";
}
.dku-icon-cloud-16:before {
  content: "\e4b1";
}
.dku-icon-cloud-20:before {
  content: "\e4b2";
}
.dku-icon-cloud-24:before {
  content: "\e4b3";
}
.dku-icon-cloud-32:before {
  content: "\e4b4";
}
.dku-icon-cloud-48:before {
  content: "\e4b5";
}
.dku-icon-cloud-download-12:before {
  content: "\e4b6";
}
.dku-icon-cloud-download-16:before {
  content: "\e4b7";
}
.dku-icon-cloud-download-20:before {
  content: "\e4b8";
}
.dku-icon-cloud-download-24:before {
  content: "\e4b9";
}
.dku-icon-cloud-download-32:before {
  content: "\e4ba";
}
.dku-icon-cloud-download-48:before {
  content: "\e4bb";
}
.dku-icon-cloud-upload-12:before {
  content: "\e4bc";
}
.dku-icon-cloud-upload-16:before {
  content: "\e4bd";
}
.dku-icon-cloud-upload-20:before {
  content: "\e4be";
}
.dku-icon-cloud-upload-24:before {
  content: "\e4bf";
}
.dku-icon-cloud-upload-32:before {
  content: "\e4c0";
}
.dku-icon-cloud-upload-48:before {
  content: "\e4c1";
}
.dku-icon-clustering-12:before {
  content: "\e4c2";
}
.dku-icon-clustering-16:before {
  content: "\e4c3";
}
.dku-icon-clustering-20:before {
  content: "\e4c4";
}
.dku-icon-clustering-24:before {
  content: "\e4c5";
}
.dku-icon-clustering-32:before {
  content: "\e4c6";
}
.dku-icon-clustering-48:before {
  content: "\e4c7";
}
.dku-icon-code-12:before {
  content: "\e4c8";
}
.dku-icon-code-16:before {
  content: "\e4c9";
}
.dku-icon-code-20:before {
  content: "\e4ca";
}
.dku-icon-code-24:before {
  content: "\e4cb";
}
.dku-icon-code-32:before {
  content: "\e4cc";
}
.dku-icon-code-48:before {
  content: "\e4cd";
}
.dku-icon-code-fork-12:before {
  content: "\e4ce";
}
.dku-icon-code-fork-16:before {
  content: "\e4cf";
}
.dku-icon-code-fork-20:before {
  content: "\e4d0";
}
.dku-icon-code-fork-24:before {
  content: "\e4d1";
}
.dku-icon-code-fork-32:before {
  content: "\e4d2";
}
.dku-icon-code-fork-48:before {
  content: "\e4d3";
}
.dku-icon-code-studio-12:before {
  content: "\e4d4";
}
.dku-icon-code-studio-16:before {
  content: "\e4d5";
}
.dku-icon-code-studio-20:before {
  content: "\e4d6";
}
.dku-icon-code-studio-24:before {
  content: "\e4d7";
}
.dku-icon-code-studio-32:before {
  content: "\e4d8";
}
.dku-icon-code-studio-48:before {
  content: "\e4d9";
}
.dku-icon-cohere-12:before {
  content: "\e4da";
}
.dku-icon-cohere-16:before {
  content: "\e4db";
}
.dku-icon-cohere-20:before {
  content: "\e4dc";
}
.dku-icon-cohere-24:before {
  content: "\e4dd";
}
.dku-icon-cohere-32:before {
  content: "\e4de";
}
.dku-icon-cohere-48:before {
  content: "\e4df";
}
.dku-icon-color-palette-12:before {
  content: "\e4e0";
}
.dku-icon-color-palette-16:before {
  content: "\e4e1";
}
.dku-icon-color-palette-20:before {
  content: "\e4e2";
}
.dku-icon-color-palette-24:before {
  content: "\e4e3";
}
.dku-icon-color-palette-32:before {
  content: "\e4e4";
}
.dku-icon-color-palette-48:before {
  content: "\e4e5";
}
.dku-icon-columns-12:before {
  content: "\e4e6";
}
.dku-icon-columns-16:before {
  content: "\e4e7";
}
.dku-icon-columns-20:before {
  content: "\e4e8";
}
.dku-icon-columns-24:before {
  content: "\e4e9";
}
.dku-icon-columns-32:before {
  content: "\e4ea";
}
.dku-icon-columns-48:before {
  content: "\e4eb";
}
.dku-icon-comment-12:before {
  content: "\e4ec";
}
.dku-icon-comment-16:before {
  content: "\e4ed";
}
.dku-icon-comment-20:before {
  content: "\e4ee";
}
.dku-icon-comment-24:before {
  content: "\e4ef";
}
.dku-icon-comment-32:before {
  content: "\e4f0";
}
.dku-icon-comment-48:before {
  content: "\e4f1";
}
.dku-icon-comment-add-12:before {
  content: "\e4f2";
}
.dku-icon-comment-add-16:before {
  content: "\e4f3";
}
.dku-icon-comment-add-20:before {
  content: "\e4f4";
}
.dku-icon-comment-add-24:before {
  content: "\e4f5";
}
.dku-icon-comment-add-32:before {
  content: "\e4f6";
}
.dku-icon-comment-add-48:before {
  content: "\e4f7";
}
.dku-icon-comment-check-12:before {
  content: "\e4f8";
}
.dku-icon-comment-check-16:before {
  content: "\e4f9";
}
.dku-icon-comment-check-20:before {
  content: "\e4fa";
}
.dku-icon-comment-check-24:before {
  content: "\e4fb";
}
.dku-icon-comment-check-32:before {
  content: "\e4fc";
}
.dku-icon-comment-check-48:before {
  content: "\e4fd";
}
.dku-icon-comment-circle-fill-12:before {
  content: "\e4fe";
}
.dku-icon-comment-circle-fill-16:before {
  content: "\e4ff";
}
.dku-icon-comment-circle-fill-20:before {
  content: "\e500";
}
.dku-icon-comment-circle-fill-24:before {
  content: "\e501";
}
.dku-icon-comment-circle-fill-32:before {
  content: "\e502";
}
.dku-icon-comment-circle-fill-48:before {
  content: "\e503";
}
.dku-icon-comment-multiple-12:before {
  content: "\e504";
}
.dku-icon-comment-multiple-16:before {
  content: "\e505";
}
.dku-icon-comment-multiple-20:before {
  content: "\e506";
}
.dku-icon-comment-multiple-24:before {
  content: "\e507";
}
.dku-icon-comment-multiple-32:before {
  content: "\e508";
}
.dku-icon-comment-multiple-48:before {
  content: "\e509";
}
.dku-icon-comment-multiple-question-12:before {
  content: "\e50a";
}
.dku-icon-comment-multiple-question-16:before {
  content: "\e50b";
}
.dku-icon-comment-multiple-question-20:before {
  content: "\e50c";
}
.dku-icon-comment-multiple-question-24:before {
  content: "\e50d";
}
.dku-icon-comment-multiple-question-32:before {
  content: "\e50e";
}
.dku-icon-comment-multiple-question-48:before {
  content: "\e50f";
}
.dku-icon-commit-12:before {
  content: "\e510";
}
.dku-icon-commit-16:before {
  content: "\e511";
}
.dku-icon-commit-20:before {
  content: "\e512";
}
.dku-icon-commit-24:before {
  content: "\e513";
}
.dku-icon-commit-32:before {
  content: "\e514";
}
.dku-icon-commit-48:before {
  content: "\e515";
}
.dku-icon-comparator-12:before {
  content: "\e516";
}
.dku-icon-comparator-16:before {
  content: "\e517";
}
.dku-icon-comparator-20:before {
  content: "\e518";
}
.dku-icon-comparator-24:before {
  content: "\e519";
}
.dku-icon-comparator-32:before {
  content: "\e51a";
}
.dku-icon-comparator-48:before {
  content: "\e51b";
}
.dku-icon-compass-12:before {
  content: "\e51c";
}
.dku-icon-compass-16:before {
  content: "\e51d";
}
.dku-icon-compass-20:before {
  content: "\e51e";
}
.dku-icon-compass-24:before {
  content: "\e51f";
}
.dku-icon-compass-32:before {
  content: "\e520";
}
.dku-icon-compass-48:before {
  content: "\e521";
}
.dku-icon-component-12:before {
  content: "\e522";
}
.dku-icon-component-16:before {
  content: "\e523";
}
.dku-icon-component-20:before {
  content: "\e524";
}
.dku-icon-component-24:before {
  content: "\e525";
}
.dku-icon-component-32:before {
  content: "\e526";
}
.dku-icon-component-48:before {
  content: "\e527";
}
.dku-icon-conda-12:before {
  content: "\e528";
}
.dku-icon-conda-16:before {
  content: "\e529";
}
.dku-icon-conda-20:before {
  content: "\e52a";
}
.dku-icon-conda-24:before {
  content: "\e52b";
}
.dku-icon-conda-32:before {
  content: "\e52c";
}
.dku-icon-conda-48:before {
  content: "\e52d";
}
.dku-icon-conditions-12:before {
  content: "\e52e";
}
.dku-icon-conditions-16:before {
  content: "\e52f";
}
.dku-icon-conditions-20:before {
  content: "\e530";
}
.dku-icon-conditions-24:before {
  content: "\e531";
}
.dku-icon-conditions-32:before {
  content: "\e532";
}
.dku-icon-conditions-48:before {
  content: "\e533";
}
.dku-icon-connector-12:before {
  content: "\e534";
}
.dku-icon-connector-16:before {
  content: "\e535";
}
.dku-icon-connector-20:before {
  content: "\e536";
}
.dku-icon-connector-24:before {
  content: "\e537";
}
.dku-icon-connector-32:before {
  content: "\e538";
}
.dku-icon-connector-48:before {
  content: "\e539";
}
.dku-icon-copy-12:before {
  content: "\e53a";
}
.dku-icon-copy-16:before {
  content: "\e53b";
}
.dku-icon-copy-20:before {
  content: "\e53c";
}
.dku-icon-copy-24:before {
  content: "\e53d";
}
.dku-icon-copy-32:before {
  content: "\e53e";
}
.dku-icon-copy-48:before {
  content: "\e53f";
}
.dku-icon-copy-paste-step-12:before {
  content: "\e540";
}
.dku-icon-copy-paste-step-16:before {
  content: "\e541";
}
.dku-icon-copy-paste-step-20:before {
  content: "\e542";
}
.dku-icon-copy-paste-step-24:before {
  content: "\e543";
}
.dku-icon-copy-paste-step-32:before {
  content: "\e544";
}
.dku-icon-copy-paste-step-48:before {
  content: "\e545";
}
.dku-icon-copy-step-12:before {
  content: "\e546";
}
.dku-icon-copy-step-16:before {
  content: "\e547";
}
.dku-icon-copy-step-20:before {
  content: "\e548";
}
.dku-icon-copy-step-24:before {
  content: "\e549";
}
.dku-icon-copy-step-32:before {
  content: "\e54a";
}
.dku-icon-copy-step-48:before {
  content: "\e54b";
}
.dku-icon-currency-usd-12:before {
  content: "\e54c";
}
.dku-icon-currency-usd-16:before {
  content: "\e54d";
}
.dku-icon-currency-usd-20:before {
  content: "\e54e";
}
.dku-icon-currency-usd-24:before {
  content: "\e54f";
}
.dku-icon-currency-usd-32:before {
  content: "\e550";
}
.dku-icon-currency-usd-48:before {
  content: "\e551";
}
.dku-icon-cursor-click-12:before {
  content: "\e552";
}
.dku-icon-cursor-click-16:before {
  content: "\e553";
}
.dku-icon-cursor-click-20:before {
  content: "\e554";
}
.dku-icon-cursor-click-24:before {
  content: "\e555";
}
.dku-icon-cursor-click-32:before {
  content: "\e556";
}
.dku-icon-cursor-click-48:before {
  content: "\e557";
}
.dku-icon-custom-prediction-python-12:before {
  content: "\e558";
}
.dku-icon-custom-prediction-python-16:before {
  content: "\e559";
}
.dku-icon-custom-prediction-python-20:before {
  content: "\e55a";
}
.dku-icon-custom-prediction-python-24:before {
  content: "\e55b";
}
.dku-icon-custom-prediction-python-32:before {
  content: "\e55c";
}
.dku-icon-custom-prediction-python-48:before {
  content: "\e55d";
}
.dku-icon-custom-prediction-r-12:before {
  content: "\e55e";
}
.dku-icon-custom-prediction-r-16:before {
  content: "\e55f";
}
.dku-icon-custom-prediction-r-20:before {
  content: "\e560";
}
.dku-icon-custom-prediction-r-24:before {
  content: "\e561";
}
.dku-icon-custom-prediction-r-32:before {
  content: "\e562";
}
.dku-icon-custom-prediction-r-48:before {
  content: "\e563";
}
.dku-icon-custom-values-12:before {
  content: "\e564";
}
.dku-icon-custom-values-16:before {
  content: "\e565";
}
.dku-icon-custom-values-20:before {
  content: "\e566";
}
.dku-icon-custom-values-24:before {
  content: "\e567";
}
.dku-icon-custom-values-32:before {
  content: "\e568";
}
.dku-icon-custom-values-48:before {
  content: "\e569";
}
.dku-icon-dashboard-12:before {
  content: "\e56a";
}
.dku-icon-dashboard-16:before {
  content: "\e56b";
}
.dku-icon-dashboard-20:before {
  content: "\e56c";
}
.dku-icon-dashboard-24:before {
  content: "\e56d";
}
.dku-icon-dashboard-32:before {
  content: "\e56e";
}
.dku-icon-dashboard-48:before {
  content: "\e56f";
}
.dku-icon-dashboard-publish-12:before {
  content: "\e570";
}
.dku-icon-dashboard-publish-16:before {
  content: "\e571";
}
.dku-icon-dashboard-publish-20:before {
  content: "\e572";
}
.dku-icon-dashboard-publish-24:before {
  content: "\e573";
}
.dku-icon-dashboard-publish-32:before {
  content: "\e574";
}
.dku-icon-dashboard-publish-48:before {
  content: "\e575";
}
.dku-icon-data-array-12:before {
  content: "\e576";
}
.dku-icon-data-array-16:before {
  content: "\e577";
}
.dku-icon-data-array-20:before {
  content: "\e578";
}
.dku-icon-data-array-24:before {
  content: "\e579";
}
.dku-icon-data-array-32:before {
  content: "\e57a";
}
.dku-icon-data-array-48:before {
  content: "\e57b";
}
.dku-icon-data-bag-of-words-12:before {
  content: "\e57c";
}
.dku-icon-data-bag-of-words-16:before {
  content: "\e57d";
}
.dku-icon-data-bag-of-words-20:before {
  content: "\e57e";
}
.dku-icon-data-bag-of-words-24:before {
  content: "\e57f";
}
.dku-icon-data-bag-of-words-32:before {
  content: "\e580";
}
.dku-icon-data-bag-of-words-48:before {
  content: "\e581";
}
.dku-icon-data-boolean-12:before {
  content: "\e582";
}
.dku-icon-data-boolean-16:before {
  content: "\e583";
}
.dku-icon-data-boolean-20:before {
  content: "\e584";
}
.dku-icon-data-boolean-24:before {
  content: "\e585";
}
.dku-icon-data-boolean-32:before {
  content: "\e586";
}
.dku-icon-data-boolean-48:before {
  content: "\e587";
}
.dku-icon-data-country-12:before {
  content: "\e588";
}
.dku-icon-data-country-16:before {
  content: "\e589";
}
.dku-icon-data-country-20:before {
  content: "\e58a";
}
.dku-icon-data-country-24:before {
  content: "\e58b";
}
.dku-icon-data-country-32:before {
  content: "\e58c";
}
.dku-icon-data-country-48:before {
  content: "\e58d";
}
.dku-icon-data-currency-code-12:before {
  content: "\e58e";
}
.dku-icon-data-currency-code-16:before {
  content: "\e58f";
}
.dku-icon-data-currency-code-20:before {
  content: "\e590";
}
.dku-icon-data-currency-code-24:before {
  content: "\e591";
}
.dku-icon-data-currency-code-32:before {
  content: "\e592";
}
.dku-icon-data-currency-code-48:before {
  content: "\e593";
}
.dku-icon-data-date-12:before {
  content: "\e594";
}
.dku-icon-data-date-16:before {
  content: "\e595";
}
.dku-icon-data-date-20:before {
  content: "\e596";
}
.dku-icon-data-date-24:before {
  content: "\e597";
}
.dku-icon-data-date-32:before {
  content: "\e598";
}
.dku-icon-data-date-48:before {
  content: "\e599";
}
.dku-icon-data-date-unparsed-12:before {
  content: "\e59a";
}
.dku-icon-data-date-unparsed-16:before {
  content: "\e59b";
}
.dku-icon-data-date-unparsed-20:before {
  content: "\e59c";
}
.dku-icon-data-date-unparsed-24:before {
  content: "\e59d";
}
.dku-icon-data-date-unparsed-32:before {
  content: "\e59e";
}
.dku-icon-data-date-unparsed-48:before {
  content: "\e59f";
}
.dku-icon-data-decimal-comma-12:before {
  content: "\e5a0";
}
.dku-icon-data-decimal-comma-16:before {
  content: "\e5a1";
}
.dku-icon-data-decimal-comma-20:before {
  content: "\e5a2";
}
.dku-icon-data-decimal-comma-24:before {
  content: "\e5a3";
}
.dku-icon-data-decimal-comma-32:before {
  content: "\e5a4";
}
.dku-icon-data-decimal-comma-48:before {
  content: "\e5a5";
}
.dku-icon-data-decimal-point-12:before {
  content: "\e5a6";
}
.dku-icon-data-decimal-point-16:before {
  content: "\e5a7";
}
.dku-icon-data-decimal-point-20:before {
  content: "\e5a8";
}
.dku-icon-data-decimal-point-24:before {
  content: "\e5a9";
}
.dku-icon-data-decimal-point-32:before {
  content: "\e5aa";
}
.dku-icon-data-decimal-point-48:before {
  content: "\e5ab";
}
.dku-icon-data-ftp-12:before {
  content: "\e5ac";
}
.dku-icon-data-ftp-16:before {
  content: "\e5ad";
}
.dku-icon-data-ftp-20:before {
  content: "\e5ae";
}
.dku-icon-data-ftp-24:before {
  content: "\e5af";
}
.dku-icon-data-ftp-32:before {
  content: "\e5b0";
}
.dku-icon-data-ftp-48:before {
  content: "\e5b1";
}
.dku-icon-data-function-12:before {
  content: "\e5b2";
}
.dku-icon-data-function-16:before {
  content: "\e5b3";
}
.dku-icon-data-function-20:before {
  content: "\e5b4";
}
.dku-icon-data-function-24:before {
  content: "\e5b5";
}
.dku-icon-data-function-32:before {
  content: "\e5b6";
}
.dku-icon-data-function-48:before {
  content: "\e5b7";
}
.dku-icon-data-gender-12:before {
  content: "\e5b8";
}
.dku-icon-data-gender-16:before {
  content: "\e5b9";
}
.dku-icon-data-gender-20:before {
  content: "\e5ba";
}
.dku-icon-data-gender-24:before {
  content: "\e5bb";
}
.dku-icon-data-gender-32:before {
  content: "\e5bc";
}
.dku-icon-data-gender-48:before {
  content: "\e5bd";
}
.dku-icon-data-geomap-12:before {
  content: "\e5be";
}
.dku-icon-data-geomap-16:before {
  content: "\e5bf";
}
.dku-icon-data-geomap-20:before {
  content: "\e5c0";
}
.dku-icon-data-geomap-24:before {
  content: "\e5c1";
}
.dku-icon-data-geomap-32:before {
  content: "\e5c2";
}
.dku-icon-data-geomap-48:before {
  content: "\e5c3";
}
.dku-icon-data-geometry-12:before {
  content: "\e5c4";
}
.dku-icon-data-geometry-16:before {
  content: "\e5c5";
}
.dku-icon-data-geometry-20:before {
  content: "\e5c6";
}
.dku-icon-data-geometry-24:before {
  content: "\e5c7";
}
.dku-icon-data-geometry-32:before {
  content: "\e5c8";
}
.dku-icon-data-geometry-48:before {
  content: "\e5c9";
}
.dku-icon-data-geopoint-12:before {
  content: "\e5ca";
}
.dku-icon-data-geopoint-16:before {
  content: "\e5cb";
}
.dku-icon-data-geopoint-20:before {
  content: "\e5cc";
}
.dku-icon-data-geopoint-24:before {
  content: "\e5cd";
}
.dku-icon-data-geopoint-32:before {
  content: "\e5ce";
}
.dku-icon-data-geopoint-48:before {
  content: "\e5cf";
}
.dku-icon-data-http-query-12:before {
  content: "\e5d0";
}
.dku-icon-data-http-query-16:before {
  content: "\e5d1";
}
.dku-icon-data-http-query-20:before {
  content: "\e5d2";
}
.dku-icon-data-http-query-24:before {
  content: "\e5d3";
}
.dku-icon-data-http-query-32:before {
  content: "\e5d4";
}
.dku-icon-data-http-query-48:before {
  content: "\e5d5";
}
.dku-icon-data-integer-12:before {
  content: "\e5d6";
}
.dku-icon-data-integer-16:before {
  content: "\e5d7";
}
.dku-icon-data-integer-20:before {
  content: "\e5d8";
}
.dku-icon-data-integer-24:before {
  content: "\e5d9";
}
.dku-icon-data-integer-32:before {
  content: "\e5da";
}
.dku-icon-data-integer-48:before {
  content: "\e5db";
}
.dku-icon-data-ip-address-12:before {
  content: "\e5dc";
}
.dku-icon-data-ip-address-16:before {
  content: "\e5dd";
}
.dku-icon-data-ip-address-20:before {
  content: "\e5de";
}
.dku-icon-data-ip-address-24:before {
  content: "\e5df";
}
.dku-icon-data-ip-address-32:before {
  content: "\e5e0";
}
.dku-icon-data-ip-address-48:before {
  content: "\e5e1";
}
.dku-icon-data-latitude-12:before {
  content: "\e5e2";
}
.dku-icon-data-latitude-16:before {
  content: "\e5e3";
}
.dku-icon-data-latitude-20:before {
  content: "\e5e4";
}
.dku-icon-data-latitude-24:before {
  content: "\e5e5";
}
.dku-icon-data-latitude-32:before {
  content: "\e5e6";
}
.dku-icon-data-latitude-48:before {
  content: "\e5e7";
}
.dku-icon-data-lineage-12:before {
  content: "\e5e8";
}
.dku-icon-data-lineage-16:before {
  content: "\e5e9";
}
.dku-icon-data-lineage-20:before {
  content: "\e5ea";
}
.dku-icon-data-lineage-24:before {
  content: "\e5eb";
}
.dku-icon-data-lineage-32:before {
  content: "\e5ec";
}
.dku-icon-data-lineage-48:before {
  content: "\e5ed";
}
.dku-icon-data-link-12:before {
  content: "\e5ee";
}
.dku-icon-data-link-16:before {
  content: "\e5ef";
}
.dku-icon-data-link-20:before {
  content: "\e5f0";
}
.dku-icon-data-link-24:before {
  content: "\e5f1";
}
.dku-icon-data-link-32:before {
  content: "\e5f2";
}
.dku-icon-data-link-48:before {
  content: "\e5f3";
}
.dku-icon-data-longitude-12:before {
  content: "\e5f4";
}
.dku-icon-data-longitude-16:before {
  content: "\e5f5";
}
.dku-icon-data-longitude-20:before {
  content: "\e5f6";
}
.dku-icon-data-longitude-24:before {
  content: "\e5f7";
}
.dku-icon-data-longitude-32:before {
  content: "\e5f8";
}
.dku-icon-data-longitude-48:before {
  content: "\e5f9";
}
.dku-icon-data-mapping-12:before {
  content: "\e5fa";
}
.dku-icon-data-mapping-16:before {
  content: "\e5fb";
}
.dku-icon-data-mapping-20:before {
  content: "\e5fc";
}
.dku-icon-data-mapping-24:before {
  content: "\e5fd";
}
.dku-icon-data-mapping-32:before {
  content: "\e5fe";
}
.dku-icon-data-mapping-48:before {
  content: "\e5ff";
}
.dku-icon-data-money-amount-12:before {
  content: "\e600";
}
.dku-icon-data-money-amount-16:before {
  content: "\e601";
}
.dku-icon-data-money-amount-20:before {
  content: "\e602";
}
.dku-icon-data-money-amount-24:before {
  content: "\e603";
}
.dku-icon-data-money-amount-32:before {
  content: "\e604";
}
.dku-icon-data-money-amount-48:before {
  content: "\e605";
}
.dku-icon-data-natural-language-12:before {
  content: "\e606";
}
.dku-icon-data-natural-language-16:before {
  content: "\e607";
}
.dku-icon-data-natural-language-20:before {
  content: "\e608";
}
.dku-icon-data-natural-language-24:before {
  content: "\e609";
}
.dku-icon-data-natural-language-32:before {
  content: "\e60a";
}
.dku-icon-data-natural-language-48:before {
  content: "\e60b";
}
.dku-icon-data-object-12:before {
  content: "\e60c";
}
.dku-icon-data-object-16:before {
  content: "\e60d";
}
.dku-icon-data-object-20:before {
  content: "\e60e";
}
.dku-icon-data-object-24:before {
  content: "\e60f";
}
.dku-icon-data-object-32:before {
  content: "\e610";
}
.dku-icon-data-object-48:before {
  content: "\e611";
}
.dku-icon-data-scp-12:before {
  content: "\e612";
}
.dku-icon-data-scp-16:before {
  content: "\e613";
}
.dku-icon-data-scp-20:before {
  content: "\e614";
}
.dku-icon-data-scp-24:before {
  content: "\e615";
}
.dku-icon-data-scp-32:before {
  content: "\e616";
}
.dku-icon-data-scp-48:before {
  content: "\e617";
}
.dku-icon-data-sftp-12:before {
  content: "\e618";
}
.dku-icon-data-sftp-16:before {
  content: "\e619";
}
.dku-icon-data-sftp-20:before {
  content: "\e61a";
}
.dku-icon-data-sftp-24:before {
  content: "\e61b";
}
.dku-icon-data-sftp-32:before {
  content: "\e61c";
}
.dku-icon-data-sftp-48:before {
  content: "\e61d";
}
.dku-icon-data-size-weight-12:before {
  content: "\e61e";
}
.dku-icon-data-size-weight-16:before {
  content: "\e61f";
}
.dku-icon-data-size-weight-20:before {
  content: "\e620";
}
.dku-icon-data-size-weight-24:before {
  content: "\e621";
}
.dku-icon-data-size-weight-32:before {
  content: "\e622";
}
.dku-icon-data-size-weight-48:before {
  content: "\e623";
}
.dku-icon-data-ssh-12:before {
  content: "\e624";
}
.dku-icon-data-ssh-16:before {
  content: "\e625";
}
.dku-icon-data-ssh-20:before {
  content: "\e626";
}
.dku-icon-data-ssh-24:before {
  content: "\e627";
}
.dku-icon-data-ssh-32:before {
  content: "\e628";
}
.dku-icon-data-ssh-48:before {
  content: "\e629";
}
.dku-icon-data-table-12:before {
  content: "\e62a";
}
.dku-icon-data-table-16:before {
  content: "\e62b";
}
.dku-icon-data-table-20:before {
  content: "\e62c";
}
.dku-icon-data-table-24:before {
  content: "\e62d";
}
.dku-icon-data-table-32:before {
  content: "\e62e";
}
.dku-icon-data-table-48:before {
  content: "\e62f";
}
.dku-icon-data-table-column-12:before {
  content: "\e630";
}
.dku-icon-data-table-column-16:before {
  content: "\e631";
}
.dku-icon-data-table-column-20:before {
  content: "\e632";
}
.dku-icon-data-table-column-24:before {
  content: "\e633";
}
.dku-icon-data-table-column-32:before {
  content: "\e634";
}
.dku-icon-data-table-column-48:before {
  content: "\e635";
}
.dku-icon-data-table-row-12:before {
  content: "\e636";
}
.dku-icon-data-table-row-16:before {
  content: "\e637";
}
.dku-icon-data-table-row-20:before {
  content: "\e638";
}
.dku-icon-data-table-row-24:before {
  content: "\e639";
}
.dku-icon-data-table-row-32:before {
  content: "\e63a";
}
.dku-icon-data-table-row-48:before {
  content: "\e63b";
}
.dku-icon-data-table-share-12:before {
  content: "\e63c";
}
.dku-icon-data-table-share-16:before {
  content: "\e63d";
}
.dku-icon-data-table-share-20:before {
  content: "\e63e";
}
.dku-icon-data-table-share-24:before {
  content: "\e63f";
}
.dku-icon-data-table-share-32:before {
  content: "\e640";
}
.dku-icon-data-table-share-48:before {
  content: "\e641";
}
.dku-icon-data-temperature-12:before {
  content: "\e642";
}
.dku-icon-data-temperature-16:before {
  content: "\e643";
}
.dku-icon-data-temperature-20:before {
  content: "\e644";
}
.dku-icon-data-temperature-24:before {
  content: "\e645";
}
.dku-icon-data-temperature-32:before {
  content: "\e646";
}
.dku-icon-data-temperature-48:before {
  content: "\e647";
}
.dku-icon-data-text-12:before {
  content: "\e648";
}
.dku-icon-data-text-16:before {
  content: "\e649";
}
.dku-icon-data-text-20:before {
  content: "\e64a";
}
.dku-icon-data-text-24:before {
  content: "\e64b";
}
.dku-icon-data-text-32:before {
  content: "\e64c";
}
.dku-icon-data-text-48:before {
  content: "\e64d";
}
.dku-icon-data-us-state-12:before {
  content: "\e64e";
}
.dku-icon-data-us-state-16:before {
  content: "\e64f";
}
.dku-icon-data-us-state-20:before {
  content: "\e650";
}
.dku-icon-data-us-state-24:before {
  content: "\e651";
}
.dku-icon-data-us-state-32:before {
  content: "\e652";
}
.dku-icon-data-us-state-48:before {
  content: "\e653";
}
.dku-icon-data-user-agent-12:before {
  content: "\e654";
}
.dku-icon-data-user-agent-16:before {
  content: "\e655";
}
.dku-icon-data-user-agent-20:before {
  content: "\e656";
}
.dku-icon-data-user-agent-24:before {
  content: "\e657";
}
.dku-icon-data-user-agent-32:before {
  content: "\e658";
}
.dku-icon-data-user-agent-48:before {
  content: "\e659";
}
.dku-icon-data-user-email-12:before {
  content: "\e65a";
}
.dku-icon-data-user-email-16:before {
  content: "\e65b";
}
.dku-icon-data-user-email-20:before {
  content: "\e65c";
}
.dku-icon-data-user-email-24:before {
  content: "\e65d";
}
.dku-icon-data-user-email-32:before {
  content: "\e65e";
}
.dku-icon-data-user-email-48:before {
  content: "\e65f";
}
.dku-icon-database-nosql-12:before {
  content: "\e660";
}
.dku-icon-database-nosql-16:before {
  content: "\e661";
}
.dku-icon-database-nosql-20:before {
  content: "\e662";
}
.dku-icon-database-nosql-24:before {
  content: "\e663";
}
.dku-icon-database-nosql-32:before {
  content: "\e664";
}
.dku-icon-database-nosql-48:before {
  content: "\e665";
}
.dku-icon-database-sql-12:before {
  content: "\e666";
}
.dku-icon-database-sql-16:before {
  content: "\e667";
}
.dku-icon-database-sql-20:before {
  content: "\e668";
}
.dku-icon-database-sql-24:before {
  content: "\e669";
}
.dku-icon-database-sql-32:before {
  content: "\e66a";
}
.dku-icon-database-sql-48:before {
  content: "\e66b";
}
.dku-icon-databricks-12:before {
  content: "\e66c";
}
.dku-icon-databricks-16:before {
  content: "\e66d";
}
.dku-icon-databricks-20:before {
  content: "\e66e";
}
.dku-icon-databricks-24:before {
  content: "\e66f";
}
.dku-icon-databricks-32:before {
  content: "\e670";
}
.dku-icon-databricks-48:before {
  content: "\e671";
}
.dku-icon-databricks-aws-privatelink-12:before {
  content: "\e672";
}
.dku-icon-databricks-aws-privatelink-16:before {
  content: "\e673";
}
.dku-icon-databricks-aws-privatelink-20:before {
  content: "\e674";
}
.dku-icon-databricks-aws-privatelink-24:before {
  content: "\e675";
}
.dku-icon-databricks-aws-privatelink-32:before {
  content: "\e676";
}
.dku-icon-databricks-aws-privatelink-48:before {
  content: "\e677";
}
.dku-icon-databricks-sql-12:before {
  content: "\e678";
}
.dku-icon-databricks-sql-16:before {
  content: "\e679";
}
.dku-icon-databricks-sql-20:before {
  content: "\e67a";
}
.dku-icon-databricks-sql-24:before {
  content: "\e67b";
}
.dku-icon-databricks-sql-32:before {
  content: "\e67c";
}
.dku-icon-databricks-sql-48:before {
  content: "\e67d";
}
.dku-icon-databricks-volume-12:before {
  content: "\e67e";
}
.dku-icon-databricks-volume-16:before {
  content: "\e67f";
}
.dku-icon-databricks-volume-20:before {
  content: "\e680";
}
.dku-icon-databricks-volume-24:before {
  content: "\e681";
}
.dku-icon-databricks-volume-32:before {
  content: "\e682";
}
.dku-icon-databricks-volume-48:before {
  content: "\e683";
}
.dku-icon-dataiku-12:before {
  content: "\e684";
}
.dku-icon-dataiku-16:before {
  content: "\e685";
}
.dku-icon-dataiku-20:before {
  content: "\e686";
}
.dku-icon-dataiku-24:before {
  content: "\e687";
}
.dku-icon-dataiku-32:before {
  content: "\e688";
}
.dku-icon-dataiku-48:before {
  content: "\e689";
}
.dku-icon-dataiku-circle-12:before {
  content: "\e68a";
}
.dku-icon-dataiku-circle-16:before {
  content: "\e68b";
}
.dku-icon-dataiku-circle-20:before {
  content: "\e68c";
}
.dku-icon-dataiku-circle-24:before {
  content: "\e68d";
}
.dku-icon-dataiku-circle-32:before {
  content: "\e68e";
}
.dku-icon-dataiku-circle-48:before {
  content: "\e68f";
}
.dku-icon-dataiku-solutions-12:before {
  content: "\e690";
}
.dku-icon-dataiku-solutions-16:before {
  content: "\e691";
}
.dku-icon-dataiku-solutions-20:before {
  content: "\e692";
}
.dku-icon-dataiku-solutions-24:before {
  content: "\e693";
}
.dku-icon-dataiku-solutions-32:before {
  content: "\e694";
}
.dku-icon-dataiku-solutions-48:before {
  content: "\e695";
}
.dku-icon-dataiku-story-12:before {
  content: "\e696";
}
.dku-icon-dataiku-story-16:before {
  content: "\e697";
}
.dku-icon-dataiku-story-20:before {
  content: "\e698";
}
.dku-icon-dataiku-story-24:before {
  content: "\e699";
}
.dku-icon-dataiku-story-32:before {
  content: "\e69a";
}
.dku-icon-dataiku-story-48:before {
  content: "\e69b";
}
.dku-icon-datarobot-12:before {
  content: "\e69c";
}
.dku-icon-datarobot-16:before {
  content: "\e69d";
}
.dku-icon-datarobot-20:before {
  content: "\e69e";
}
.dku-icon-datarobot-24:before {
  content: "\e69f";
}
.dku-icon-datarobot-32:before {
  content: "\e6a0";
}
.dku-icon-datarobot-48:before {
  content: "\e6a1";
}
.dku-icon-dataset-12:before {
  content: "\e6a2";
}
.dku-icon-dataset-16:before {
  content: "\e6a3";
}
.dku-icon-dataset-20:before {
  content: "\e6a4";
}
.dku-icon-dataset-24:before {
  content: "\e6a5";
}
.dku-icon-dataset-32:before {
  content: "\e6a6";
}
.dku-icon-dataset-48:before {
  content: "\e6a7";
}
.dku-icon-dataset-files-in-folder-12:before {
  content: "\e6a8";
}
.dku-icon-dataset-files-in-folder-16:before {
  content: "\e6a9";
}
.dku-icon-dataset-files-in-folder-20:before {
  content: "\e6aa";
}
.dku-icon-dataset-files-in-folder-24:before {
  content: "\e6ab";
}
.dku-icon-dataset-files-in-folder-32:before {
  content: "\e6ac";
}
.dku-icon-dataset-files-in-folder-48:before {
  content: "\e6ad";
}
.dku-icon-dataset-filesystem-12:before {
  content: "\e6ae";
}
.dku-icon-dataset-filesystem-16:before {
  content: "\e6af";
}
.dku-icon-dataset-filesystem-20:before {
  content: "\e6b0";
}
.dku-icon-dataset-filesystem-24:before {
  content: "\e6b1";
}
.dku-icon-dataset-filesystem-32:before {
  content: "\e6b2";
}
.dku-icon-dataset-filesystem-48:before {
  content: "\e6b3";
}
.dku-icon-dataset-lock-12:before {
  content: "\e6b4";
}
.dku-icon-dataset-lock-16:before {
  content: "\e6b5";
}
.dku-icon-dataset-lock-20:before {
  content: "\e6b6";
}
.dku-icon-dataset-lock-24:before {
  content: "\e6b7";
}
.dku-icon-dataset-lock-32:before {
  content: "\e6b8";
}
.dku-icon-dataset-lock-48:before {
  content: "\e6b9";
}
.dku-icon-dataset-replace-12:before {
  content: "\e6ba";
}
.dku-icon-dataset-replace-16:before {
  content: "\e6bb";
}
.dku-icon-dataset-replace-20:before {
  content: "\e6bc";
}
.dku-icon-dataset-replace-24:before {
  content: "\e6bd";
}
.dku-icon-dataset-replace-32:before {
  content: "\e6be";
}
.dku-icon-dataset-replace-48:before {
  content: "\e6bf";
}
.dku-icon-dataset-request-12:before {
  content: "\e6c0";
}
.dku-icon-dataset-request-16:before {
  content: "\e6c1";
}
.dku-icon-dataset-request-20:before {
  content: "\e6c2";
}
.dku-icon-dataset-request-24:before {
  content: "\e6c3";
}
.dku-icon-dataset-request-32:before {
  content: "\e6c4";
}
.dku-icon-dataset-request-48:before {
  content: "\e6c5";
}
.dku-icon-dataset-search-12:before {
  content: "\e6c6";
}
.dku-icon-dataset-search-16:before {
  content: "\e6c7";
}
.dku-icon-dataset-search-20:before {
  content: "\e6c8";
}
.dku-icon-dataset-search-24:before {
  content: "\e6c9";
}
.dku-icon-dataset-search-32:before {
  content: "\e6ca";
}
.dku-icon-dataset-search-48:before {
  content: "\e6cb";
}
.dku-icon-dataset-search-circle-fill-12:before {
  content: "\e6cc";
}
.dku-icon-dataset-search-circle-fill-16:before {
  content: "\e6cd";
}
.dku-icon-dataset-search-circle-fill-20:before {
  content: "\e6ce";
}
.dku-icon-dataset-search-circle-fill-24:before {
  content: "\e6cf";
}
.dku-icon-dataset-search-circle-fill-32:before {
  content: "\e6d0";
}
.dku-icon-dataset-search-circle-fill-48:before {
  content: "\e6d1";
}
.dku-icon-dataset-type-12:before {
  content: "\e6d2";
}
.dku-icon-dataset-type-16:before {
  content: "\e6d3";
}
.dku-icon-dataset-type-20:before {
  content: "\e6d4";
}
.dku-icon-dataset-type-24:before {
  content: "\e6d5";
}
.dku-icon-dataset-type-32:before {
  content: "\e6d6";
}
.dku-icon-dataset-type-48:before {
  content: "\e6d7";
}
.dku-icon-deep-hub-12:before {
  content: "\e6d8";
}
.dku-icon-deep-hub-16:before {
  content: "\e6d9";
}
.dku-icon-deep-hub-20:before {
  content: "\e6da";
}
.dku-icon-deep-hub-24:before {
  content: "\e6db";
}
.dku-icon-deep-hub-32:before {
  content: "\e6dc";
}
.dku-icon-deep-hub-48:before {
  content: "\e6dd";
}
.dku-icon-deep-learning-12:before {
  content: "\e6de";
}
.dku-icon-deep-learning-16:before {
  content: "\e6df";
}
.dku-icon-deep-learning-20:before {
  content: "\e6e0";
}
.dku-icon-deep-learning-24:before {
  content: "\e6e1";
}
.dku-icon-deep-learning-32:before {
  content: "\e6e2";
}
.dku-icon-deep-learning-48:before {
  content: "\e6e3";
}
.dku-icon-deepl-12:before {
  content: "\e6e4";
}
.dku-icon-deepl-16:before {
  content: "\e6e5";
}
.dku-icon-deepl-20:before {
  content: "\e6e6";
}
.dku-icon-deepl-24:before {
  content: "\e6e7";
}
.dku-icon-deepl-32:before {
  content: "\e6e8";
}
.dku-icon-deepl-48:before {
  content: "\e6e9";
}
.dku-icon-denodo-12:before {
  content: "\e6ea";
}
.dku-icon-denodo-16:before {
  content: "\e6eb";
}
.dku-icon-denodo-20:before {
  content: "\e6ec";
}
.dku-icon-denodo-24:before {
  content: "\e6ed";
}
.dku-icon-denodo-32:before {
  content: "\e6ee";
}
.dku-icon-denodo-48:before {
  content: "\e6ef";
}
.dku-icon-diagram-12:before {
  content: "\e6f0";
}
.dku-icon-diagram-16:before {
  content: "\e6f1";
}
.dku-icon-diagram-20:before {
  content: "\e6f2";
}
.dku-icon-diagram-24:before {
  content: "\e6f3";
}
.dku-icon-diagram-32:before {
  content: "\e6f4";
}
.dku-icon-diagram-48:before {
  content: "\e6f5";
}
.dku-icon-diamond-12:before {
  content: "\e6f6";
}
.dku-icon-diamond-16:before {
  content: "\e6f7";
}
.dku-icon-diamond-20:before {
  content: "\e6f8";
}
.dku-icon-diamond-24:before {
  content: "\e6f9";
}
.dku-icon-diamond-32:before {
  content: "\e6fa";
}
.dku-icon-diamond-48:before {
  content: "\e6fb";
}
.dku-icon-dismiss-12:before {
  content: "\e6fc";
}
.dku-icon-dismiss-16:before {
  content: "\e6fd";
}
.dku-icon-dismiss-20:before {
  content: "\e6fe";
}
.dku-icon-dismiss-24:before {
  content: "\e6ff";
}
.dku-icon-dismiss-32:before {
  content: "\e700";
}
.dku-icon-dismiss-48:before {
  content: "\e701";
}
.dku-icon-dismiss-circle-fill-12:before {
  content: "\e702";
}
.dku-icon-dismiss-circle-fill-16:before {
  content: "\e703";
}
.dku-icon-dismiss-circle-fill-20:before {
  content: "\e704";
}
.dku-icon-dismiss-circle-fill-24:before {
  content: "\e705";
}
.dku-icon-dismiss-circle-fill-32:before {
  content: "\e706";
}
.dku-icon-dismiss-circle-fill-48:before {
  content: "\e707";
}
.dku-icon-dismiss-circle-outline-12:before {
  content: "\e708";
}
.dku-icon-dismiss-circle-outline-16:before {
  content: "\e709";
}
.dku-icon-dismiss-circle-outline-20:before {
  content: "\e70a";
}
.dku-icon-dismiss-circle-outline-24:before {
  content: "\e70b";
}
.dku-icon-dismiss-circle-outline-32:before {
  content: "\e70c";
}
.dku-icon-dismiss-circle-outline-48:before {
  content: "\e70d";
}
.dku-icon-distribute-horizontal-12:before {
  content: "\e70e";
}
.dku-icon-distribute-horizontal-16:before {
  content: "\e70f";
}
.dku-icon-distribute-horizontal-20:before {
  content: "\e710";
}
.dku-icon-distribute-horizontal-24:before {
  content: "\e711";
}
.dku-icon-distribute-horizontal-32:before {
  content: "\e712";
}
.dku-icon-distribute-horizontal-48:before {
  content: "\e713";
}
.dku-icon-distribute-vertical-12:before {
  content: "\e714";
}
.dku-icon-distribute-vertical-16:before {
  content: "\e715";
}
.dku-icon-distribute-vertical-20:before {
  content: "\e716";
}
.dku-icon-distribute-vertical-24:before {
  content: "\e717";
}
.dku-icon-distribute-vertical-32:before {
  content: "\e718";
}
.dku-icon-distribute-vertical-48:before {
  content: "\e719";
}
.dku-icon-document-card-12:before {
  content: "\e71a";
}
.dku-icon-document-card-16:before {
  content: "\e71b";
}
.dku-icon-document-card-20:before {
  content: "\e71c";
}
.dku-icon-document-card-24:before {
  content: "\e71d";
}
.dku-icon-document-card-32:before {
  content: "\e71e";
}
.dku-icon-document-card-48:before {
  content: "\e71f";
}
.dku-icon-dots-multiple-12:before {
  content: "\e720";
}
.dku-icon-dots-multiple-16:before {
  content: "\e721";
}
.dku-icon-dots-multiple-20:before {
  content: "\e722";
}
.dku-icon-dots-multiple-24:before {
  content: "\e723";
}
.dku-icon-dots-multiple-32:before {
  content: "\e724";
}
.dku-icon-dots-multiple-48:before {
  content: "\e725";
}
.dku-icon-drag-handle-horizontal-12:before {
  content: "\e726";
}
.dku-icon-drag-handle-horizontal-16:before {
  content: "\e727";
}
.dku-icon-drag-handle-horizontal-20:before {
  content: "\e728";
}
.dku-icon-drag-handle-horizontal-24:before {
  content: "\e729";
}
.dku-icon-drag-handle-horizontal-32:before {
  content: "\e72a";
}
.dku-icon-drag-handle-horizontal-48:before {
  content: "\e72b";
}
.dku-icon-drag-handle-vertical-12:before {
  content: "\e72c";
}
.dku-icon-drag-handle-vertical-16:before {
  content: "\e72d";
}
.dku-icon-drag-handle-vertical-20:before {
  content: "\e72e";
}
.dku-icon-drag-handle-vertical-24:before {
  content: "\e72f";
}
.dku-icon-drag-handle-vertical-32:before {
  content: "\e730";
}
.dku-icon-drag-handle-vertical-48:before {
  content: "\e731";
}
.dku-icon-drop-shadow-0-12:before {
  content: "\e732";
}
.dku-icon-drop-shadow-0-16:before {
  content: "\e733";
}
.dku-icon-drop-shadow-0-20:before {
  content: "\e734";
}
.dku-icon-drop-shadow-0-24:before {
  content: "\e735";
}
.dku-icon-drop-shadow-0-32:before {
  content: "\e736";
}
.dku-icon-drop-shadow-0-48:before {
  content: "\e737";
}
.dku-icon-drop-shadow-1-12:before {
  content: "\e738";
}
.dku-icon-drop-shadow-1-16:before {
  content: "\e739";
}
.dku-icon-drop-shadow-1-20:before {
  content: "\e73a";
}
.dku-icon-drop-shadow-1-24:before {
  content: "\e73b";
}
.dku-icon-drop-shadow-1-32:before {
  content: "\e73c";
}
.dku-icon-drop-shadow-1-48:before {
  content: "\e73d";
}
.dku-icon-drop-shadow-2-12:before {
  content: "\e73e";
}
.dku-icon-drop-shadow-2-16:before {
  content: "\e73f";
}
.dku-icon-drop-shadow-2-20:before {
  content: "\e740";
}
.dku-icon-drop-shadow-2-24:before {
  content: "\e741";
}
.dku-icon-drop-shadow-2-32:before {
  content: "\e742";
}
.dku-icon-drop-shadow-2-48:before {
  content: "\e743";
}
.dku-icon-dropbox-12:before {
  content: "\e744";
}
.dku-icon-dropbox-16:before {
  content: "\e745";
}
.dku-icon-dropbox-20:before {
  content: "\e746";
}
.dku-icon-dropbox-24:before {
  content: "\e747";
}
.dku-icon-dropbox-32:before {
  content: "\e748";
}
.dku-icon-dropbox-48:before {
  content: "\e749";
}
.dku-icon-dynamo-db-12:before {
  content: "\e74a";
}
.dku-icon-dynamo-db-16:before {
  content: "\e74b";
}
.dku-icon-dynamo-db-20:before {
  content: "\e74c";
}
.dku-icon-dynamo-db-24:before {
  content: "\e74d";
}
.dku-icon-dynamo-db-32:before {
  content: "\e74e";
}
.dku-icon-dynamo-db-48:before {
  content: "\e74f";
}
.dku-icon-edit-12:before {
  content: "\e750";
}
.dku-icon-edit-16:before {
  content: "\e751";
}
.dku-icon-edit-20:before {
  content: "\e752";
}
.dku-icon-edit-24:before {
  content: "\e753";
}
.dku-icon-edit-32:before {
  content: "\e754";
}
.dku-icon-edit-48:before {
  content: "\e755";
}
.dku-icon-edit-metadata-12:before {
  content: "\e756";
}
.dku-icon-edit-metadata-16:before {
  content: "\e757";
}
.dku-icon-edit-metadata-20:before {
  content: "\e758";
}
.dku-icon-edit-metadata-24:before {
  content: "\e759";
}
.dku-icon-edit-metadata-32:before {
  content: "\e75a";
}
.dku-icon-edit-metadata-48:before {
  content: "\e75b";
}
.dku-icon-edit-note-12:before {
  content: "\e75c";
}
.dku-icon-edit-note-16:before {
  content: "\e75d";
}
.dku-icon-edit-note-20:before {
  content: "\e75e";
}
.dku-icon-edit-note-24:before {
  content: "\e75f";
}
.dku-icon-edit-note-32:before {
  content: "\e760";
}
.dku-icon-edit-note-48:before {
  content: "\e761";
}
.dku-icon-edit-warning-12:before {
  content: "\e762";
}
.dku-icon-edit-warning-16:before {
  content: "\e763";
}
.dku-icon-edit-warning-20:before {
  content: "\e764";
}
.dku-icon-edit-warning-24:before {
  content: "\e765";
}
.dku-icon-edit-warning-32:before {
  content: "\e766";
}
.dku-icon-edit-warning-48:before {
  content: "\e767";
}
.dku-icon-education-12:before {
  content: "\e768";
}
.dku-icon-education-16:before {
  content: "\e769";
}
.dku-icon-education-20:before {
  content: "\e76a";
}
.dku-icon-education-24:before {
  content: "\e76b";
}
.dku-icon-education-32:before {
  content: "\e76c";
}
.dku-icon-education-48:before {
  content: "\e76d";
}
.dku-icon-elastic-12:before {
  content: "\e76e";
}
.dku-icon-elastic-16:before {
  content: "\e76f";
}
.dku-icon-elastic-20:before {
  content: "\e770";
}
.dku-icon-elastic-24:before {
  content: "\e771";
}
.dku-icon-elastic-32:before {
  content: "\e772";
}
.dku-icon-elastic-48:before {
  content: "\e773";
}
.dku-icon-elastic-search-12:before {
  content: "\e774";
}
.dku-icon-elastic-search-16:before {
  content: "\e775";
}
.dku-icon-elastic-search-20:before {
  content: "\e776";
}
.dku-icon-elastic-search-24:before {
  content: "\e777";
}
.dku-icon-elastic-search-32:before {
  content: "\e778";
}
.dku-icon-elastic-search-48:before {
  content: "\e779";
}
.dku-icon-empty-12:before {
  content: "\e77a";
}
.dku-icon-empty-16:before {
  content: "\e77b";
}
.dku-icon-empty-20:before {
  content: "\e77c";
}
.dku-icon-empty-24:before {
  content: "\e77d";
}
.dku-icon-empty-32:before {
  content: "\e77e";
}
.dku-icon-empty-48:before {
  content: "\e77f";
}
.dku-icon-error-circle-fill-12:before {
  content: "\e780";
}
.dku-icon-error-circle-fill-16:before {
  content: "\e781";
}
.dku-icon-error-circle-fill-20:before {
  content: "\e782";
}
.dku-icon-error-circle-fill-24:before {
  content: "\e783";
}
.dku-icon-error-circle-fill-32:before {
  content: "\e784";
}
.dku-icon-error-circle-fill-48:before {
  content: "\e785";
}
.dku-icon-error-circle-outline-12:before {
  content: "\e786";
}
.dku-icon-error-circle-outline-16:before {
  content: "\e787";
}
.dku-icon-error-circle-outline-20:before {
  content: "\e788";
}
.dku-icon-error-circle-outline-24:before {
  content: "\e789";
}
.dku-icon-error-circle-outline-32:before {
  content: "\e78a";
}
.dku-icon-error-circle-outline-48:before {
  content: "\e78b";
}
.dku-icon-experiment-tracking-12:before {
  content: "\e78c";
}
.dku-icon-experiment-tracking-16:before {
  content: "\e78d";
}
.dku-icon-experiment-tracking-20:before {
  content: "\e78e";
}
.dku-icon-experiment-tracking-24:before {
  content: "\e78f";
}
.dku-icon-experiment-tracking-32:before {
  content: "\e790";
}
.dku-icon-experiment-tracking-48:before {
  content: "\e791";
}
.dku-icon-external-model-12:before {
  content: "\e792";
}
.dku-icon-external-model-16:before {
  content: "\e793";
}
.dku-icon-external-model-20:before {
  content: "\e794";
}
.dku-icon-external-model-24:before {
  content: "\e795";
}
.dku-icon-external-model-32:before {
  content: "\e796";
}
.dku-icon-external-model-48:before {
  content: "\e797";
}
.dku-icon-eye-12:before {
  content: "\e798";
}
.dku-icon-eye-16:before {
  content: "\e799";
}
.dku-icon-eye-20:before {
  content: "\e79a";
}
.dku-icon-eye-24:before {
  content: "\e79b";
}
.dku-icon-eye-32:before {
  content: "\e79c";
}
.dku-icon-eye-48:before {
  content: "\e79d";
}
.dku-icon-eye-circle-fill-12:before {
  content: "\e79e";
}
.dku-icon-eye-circle-fill-16:before {
  content: "\e79f";
}
.dku-icon-eye-circle-fill-20:before {
  content: "\e7a0";
}
.dku-icon-eye-circle-fill-24:before {
  content: "\e7a1";
}
.dku-icon-eye-circle-fill-32:before {
  content: "\e7a2";
}
.dku-icon-eye-circle-fill-48:before {
  content: "\e7a3";
}
.dku-icon-eye-off-12:before {
  content: "\e7a4";
}
.dku-icon-eye-off-16:before {
  content: "\e7a5";
}
.dku-icon-eye-off-20:before {
  content: "\e7a6";
}
.dku-icon-eye-off-24:before {
  content: "\e7a7";
}
.dku-icon-eye-off-32:before {
  content: "\e7a8";
}
.dku-icon-eye-off-48:before {
  content: "\e7a9";
}
.dku-icon-eyedropper-12:before {
  content: "\e7aa";
}
.dku-icon-eyedropper-16:before {
  content: "\e7ab";
}
.dku-icon-eyedropper-20:before {
  content: "\e7ac";
}
.dku-icon-eyedropper-24:before {
  content: "\e7ad";
}
.dku-icon-eyedropper-32:before {
  content: "\e7ae";
}
.dku-icon-eyedropper-48:before {
  content: "\e7af";
}
.dku-icon-facet-filter-12:before {
  content: "\e7b0";
}
.dku-icon-facet-filter-16:before {
  content: "\e7b1";
}
.dku-icon-facet-filter-20:before {
  content: "\e7b2";
}
.dku-icon-facet-filter-24:before {
  content: "\e7b3";
}
.dku-icon-facet-filter-32:before {
  content: "\e7b4";
}
.dku-icon-facet-filter-48:before {
  content: "\e7b5";
}
.dku-icon-feature-12:before {
  content: "\e7b6";
}
.dku-icon-feature-16:before {
  content: "\e7b7";
}
.dku-icon-feature-20:before {
  content: "\e7b8";
}
.dku-icon-feature-24:before {
  content: "\e7b9";
}
.dku-icon-feature-32:before {
  content: "\e7ba";
}
.dku-icon-feature-48:before {
  content: "\e7bb";
}
.dku-icon-feature-group-12:before {
  content: "\e7bc";
}
.dku-icon-feature-group-16:before {
  content: "\e7bd";
}
.dku-icon-feature-group-20:before {
  content: "\e7be";
}
.dku-icon-feature-group-24:before {
  content: "\e7bf";
}
.dku-icon-feature-group-32:before {
  content: "\e7c0";
}
.dku-icon-feature-group-48:before {
  content: "\e7c1";
}
.dku-icon-feature-store-12:before {
  content: "\e7c2";
}
.dku-icon-feature-store-16:before {
  content: "\e7c3";
}
.dku-icon-feature-store-20:before {
  content: "\e7c4";
}
.dku-icon-feature-store-24:before {
  content: "\e7c5";
}
.dku-icon-feature-store-32:before {
  content: "\e7c6";
}
.dku-icon-feature-store-48:before {
  content: "\e7c7";
}
.dku-icon-feature-store-label-12:before {
  content: "\e7c8";
}
.dku-icon-feature-store-label-16:before {
  content: "\e7c9";
}
.dku-icon-feature-store-label-20:before {
  content: "\e7ca";
}
.dku-icon-feature-store-label-24:before {
  content: "\e7cb";
}
.dku-icon-feature-store-label-32:before {
  content: "\e7cc";
}
.dku-icon-feature-store-label-48:before {
  content: "\e7cd";
}
.dku-icon-feature-store-label-unset-12:before {
  content: "\e7ce";
}
.dku-icon-feature-store-label-unset-16:before {
  content: "\e7cf";
}
.dku-icon-feature-store-label-unset-20:before {
  content: "\e7d0";
}
.dku-icon-feature-store-label-unset-24:before {
  content: "\e7d1";
}
.dku-icon-feature-store-label-unset-32:before {
  content: "\e7d2";
}
.dku-icon-feature-store-label-unset-48:before {
  content: "\e7d3";
}
.dku-icon-file-12:before {
  content: "\e7d4";
}
.dku-icon-file-16:before {
  content: "\e7d5";
}
.dku-icon-file-20:before {
  content: "\e7d6";
}
.dku-icon-file-24:before {
  content: "\e7d7";
}
.dku-icon-file-32:before {
  content: "\e7d8";
}
.dku-icon-file-48:before {
  content: "\e7d9";
}
.dku-icon-file-add-12:before {
  content: "\e7da";
}
.dku-icon-file-add-16:before {
  content: "\e7db";
}
.dku-icon-file-add-20:before {
  content: "\e7dc";
}
.dku-icon-file-add-24:before {
  content: "\e7dd";
}
.dku-icon-file-add-32:before {
  content: "\e7de";
}
.dku-icon-file-add-48:before {
  content: "\e7df";
}
.dku-icon-file-arrow-up-12:before {
  content: "\e7e0";
}
.dku-icon-file-arrow-up-16:before {
  content: "\e7e1";
}
.dku-icon-file-arrow-up-20:before {
  content: "\e7e2";
}
.dku-icon-file-arrow-up-24:before {
  content: "\e7e3";
}
.dku-icon-file-arrow-up-32:before {
  content: "\e7e4";
}
.dku-icon-file-arrow-up-48:before {
  content: "\e7e5";
}
.dku-icon-file-download-12:before {
  content: "\e7e6";
}
.dku-icon-file-download-16:before {
  content: "\e7e7";
}
.dku-icon-file-download-20:before {
  content: "\e7e8";
}
.dku-icon-file-download-24:before {
  content: "\e7e9";
}
.dku-icon-file-download-32:before {
  content: "\e7ea";
}
.dku-icon-file-download-48:before {
  content: "\e7eb";
}
.dku-icon-file-lock-12:before {
  content: "\e7ec";
}
.dku-icon-file-lock-16:before {
  content: "\e7ed";
}
.dku-icon-file-lock-20:before {
  content: "\e7ee";
}
.dku-icon-file-lock-24:before {
  content: "\e7ef";
}
.dku-icon-file-lock-32:before {
  content: "\e7f0";
}
.dku-icon-file-lock-48:before {
  content: "\e7f1";
}
.dku-icon-file-pdf-12:before {
  content: "\e7f2";
}
.dku-icon-file-pdf-16:before {
  content: "\e7f3";
}
.dku-icon-file-pdf-20:before {
  content: "\e7f4";
}
.dku-icon-file-pdf-24:before {
  content: "\e7f5";
}
.dku-icon-file-pdf-32:before {
  content: "\e7f6";
}
.dku-icon-file-pdf-48:before {
  content: "\e7f7";
}
.dku-icon-file-ppt-12:before {
  content: "\e7f8";
}
.dku-icon-file-ppt-16:before {
  content: "\e7f9";
}
.dku-icon-file-ppt-20:before {
  content: "\e7fa";
}
.dku-icon-file-ppt-24:before {
  content: "\e7fb";
}
.dku-icon-file-ppt-32:before {
  content: "\e7fc";
}
.dku-icon-file-ppt-48:before {
  content: "\e7fd";
}
.dku-icon-file-remove-12:before {
  content: "\e7fe";
}
.dku-icon-file-remove-16:before {
  content: "\e7ff";
}
.dku-icon-file-remove-20:before {
  content: "\e800";
}
.dku-icon-file-remove-24:before {
  content: "\e801";
}
.dku-icon-file-remove-32:before {
  content: "\e802";
}
.dku-icon-file-remove-48:before {
  content: "\e803";
}
.dku-icon-file-search-12:before {
  content: "\e804";
}
.dku-icon-file-search-16:before {
  content: "\e805";
}
.dku-icon-file-search-20:before {
  content: "\e806";
}
.dku-icon-file-search-24:before {
  content: "\e807";
}
.dku-icon-file-search-32:before {
  content: "\e808";
}
.dku-icon-file-search-48:before {
  content: "\e809";
}
.dku-icon-file-text-12:before {
  content: "\e80a";
}
.dku-icon-file-text-16:before {
  content: "\e80b";
}
.dku-icon-file-text-20:before {
  content: "\e80c";
}
.dku-icon-file-text-24:before {
  content: "\e80d";
}
.dku-icon-file-text-32:before {
  content: "\e80e";
}
.dku-icon-file-text-48:before {
  content: "\e80f";
}
.dku-icon-file-upload-12:before {
  content: "\e810";
}
.dku-icon-file-upload-16:before {
  content: "\e811";
}
.dku-icon-file-upload-20:before {
  content: "\e812";
}
.dku-icon-file-upload-24:before {
  content: "\e813";
}
.dku-icon-file-upload-32:before {
  content: "\e814";
}
.dku-icon-file-upload-48:before {
  content: "\e815";
}
.dku-icon-file-zip-12:before {
  content: "\e816";
}
.dku-icon-file-zip-16:before {
  content: "\e817";
}
.dku-icon-file-zip-20:before {
  content: "\e818";
}
.dku-icon-file-zip-24:before {
  content: "\e819";
}
.dku-icon-file-zip-32:before {
  content: "\e81a";
}
.dku-icon-file-zip-48:before {
  content: "\e81b";
}
.dku-icon-filter-12:before {
  content: "\e81c";
}
.dku-icon-filter-16:before {
  content: "\e81d";
}
.dku-icon-filter-20:before {
  content: "\e81e";
}
.dku-icon-filter-24:before {
  content: "\e81f";
}
.dku-icon-filter-32:before {
  content: "\e820";
}
.dku-icon-filter-48:before {
  content: "\e821";
}
.dku-icon-filter-chart-12:before {
  content: "\e822";
}
.dku-icon-filter-chart-16:before {
  content: "\e823";
}
.dku-icon-filter-chart-20:before {
  content: "\e824";
}
.dku-icon-filter-chart-24:before {
  content: "\e825";
}
.dku-icon-filter-chart-32:before {
  content: "\e826";
}
.dku-icon-filter-chart-48:before {
  content: "\e827";
}
.dku-icon-filter-dataset-12:before {
  content: "\e828";
}
.dku-icon-filter-dataset-16:before {
  content: "\e829";
}
.dku-icon-filter-dataset-20:before {
  content: "\e82a";
}
.dku-icon-filter-dataset-24:before {
  content: "\e82b";
}
.dku-icon-filter-dataset-32:before {
  content: "\e82c";
}
.dku-icon-filter-dataset-48:before {
  content: "\e82d";
}
.dku-icon-filter-delete-12:before {
  content: "\e82e";
}
.dku-icon-filter-delete-16:before {
  content: "\e82f";
}
.dku-icon-filter-delete-20:before {
  content: "\e830";
}
.dku-icon-filter-delete-24:before {
  content: "\e831";
}
.dku-icon-filter-delete-32:before {
  content: "\e832";
}
.dku-icon-filter-delete-48:before {
  content: "\e833";
}
.dku-icon-filter-error-12:before {
  content: "\e834";
}
.dku-icon-filter-error-16:before {
  content: "\e835";
}
.dku-icon-filter-error-20:before {
  content: "\e836";
}
.dku-icon-filter-error-24:before {
  content: "\e837";
}
.dku-icon-filter-error-32:before {
  content: "\e838";
}
.dku-icon-filter-error-48:before {
  content: "\e839";
}
.dku-icon-filter-exclude-12:before {
  content: "\e83a";
}
.dku-icon-filter-exclude-16:before {
  content: "\e83b";
}
.dku-icon-filter-exclude-20:before {
  content: "\e83c";
}
.dku-icon-filter-exclude-24:before {
  content: "\e83d";
}
.dku-icon-filter-exclude-32:before {
  content: "\e83e";
}
.dku-icon-filter-exclude-48:before {
  content: "\e83f";
}
.dku-icon-filter-group-12:before {
  content: "\e840";
}
.dku-icon-filter-group-16:before {
  content: "\e841";
}
.dku-icon-filter-group-20:before {
  content: "\e842";
}
.dku-icon-filter-group-24:before {
  content: "\e843";
}
.dku-icon-filter-group-32:before {
  content: "\e844";
}
.dku-icon-filter-group-48:before {
  content: "\e845";
}
.dku-icon-filter-include-12:before {
  content: "\e846";
}
.dku-icon-filter-include-16:before {
  content: "\e847";
}
.dku-icon-filter-include-20:before {
  content: "\e848";
}
.dku-icon-filter-include-24:before {
  content: "\e849";
}
.dku-icon-filter-include-32:before {
  content: "\e84a";
}
.dku-icon-filter-include-48:before {
  content: "\e84b";
}
.dku-icon-filter-number-12:before {
  content: "\e84c";
}
.dku-icon-filter-number-16:before {
  content: "\e84d";
}
.dku-icon-filter-number-20:before {
  content: "\e84e";
}
.dku-icon-filter-number-24:before {
  content: "\e84f";
}
.dku-icon-filter-number-32:before {
  content: "\e850";
}
.dku-icon-filter-number-48:before {
  content: "\e851";
}
.dku-icon-filter-position-left-12:before {
  content: "\e852";
}
.dku-icon-filter-position-left-16:before {
  content: "\e853";
}
.dku-icon-filter-position-left-20:before {
  content: "\e854";
}
.dku-icon-filter-position-left-24:before {
  content: "\e855";
}
.dku-icon-filter-position-left-32:before {
  content: "\e856";
}
.dku-icon-filter-position-left-48:before {
  content: "\e857";
}
.dku-icon-filter-position-right-12:before {
  content: "\e858";
}
.dku-icon-filter-position-right-16:before {
  content: "\e859";
}
.dku-icon-filter-position-right-20:before {
  content: "\e85a";
}
.dku-icon-filter-position-right-24:before {
  content: "\e85b";
}
.dku-icon-filter-position-right-32:before {
  content: "\e85c";
}
.dku-icon-filter-position-right-48:before {
  content: "\e85d";
}
.dku-icon-filter-position-tile-12:before {
  content: "\e85e";
}
.dku-icon-filter-position-tile-16:before {
  content: "\e85f";
}
.dku-icon-filter-position-tile-20:before {
  content: "\e860";
}
.dku-icon-filter-position-tile-24:before {
  content: "\e861";
}
.dku-icon-filter-position-tile-32:before {
  content: "\e862";
}
.dku-icon-filter-position-tile-48:before {
  content: "\e863";
}
.dku-icon-filter-position-top-12:before {
  content: "\e864";
}
.dku-icon-filter-position-top-16:before {
  content: "\e865";
}
.dku-icon-filter-position-top-20:before {
  content: "\e866";
}
.dku-icon-filter-position-top-24:before {
  content: "\e867";
}
.dku-icon-filter-position-top-32:before {
  content: "\e868";
}
.dku-icon-filter-position-top-48:before {
  content: "\e869";
}
.dku-icon-fine-tuning-12:before {
  content: "\e86a";
}
.dku-icon-fine-tuning-16:before {
  content: "\e86b";
}
.dku-icon-fine-tuning-20:before {
  content: "\e86c";
}
.dku-icon-fine-tuning-24:before {
  content: "\e86d";
}
.dku-icon-fine-tuning-32:before {
  content: "\e86e";
}
.dku-icon-fine-tuning-48:before {
  content: "\e86f";
}
.dku-icon-flag-12:before {
  content: "\e870";
}
.dku-icon-flag-16:before {
  content: "\e871";
}
.dku-icon-flag-20:before {
  content: "\e872";
}
.dku-icon-flag-24:before {
  content: "\e873";
}
.dku-icon-flag-32:before {
  content: "\e874";
}
.dku-icon-flag-48:before {
  content: "\e875";
}
.dku-icon-flow-12:before {
  content: "\e876";
}
.dku-icon-flow-16:before {
  content: "\e877";
}
.dku-icon-flow-20:before {
  content: "\e878";
}
.dku-icon-flow-24:before {
  content: "\e879";
}
.dku-icon-flow-32:before {
  content: "\e87a";
}
.dku-icon-flow-48:before {
  content: "\e87b";
}
.dku-icon-flow-share-12:before {
  content: "\e87c";
}
.dku-icon-flow-share-16:before {
  content: "\e87d";
}
.dku-icon-flow-share-20:before {
  content: "\e87e";
}
.dku-icon-flow-share-24:before {
  content: "\e87f";
}
.dku-icon-flow-share-32:before {
  content: "\e880";
}
.dku-icon-flow-share-48:before {
  content: "\e881";
}
.dku-icon-folder-closed-12:before {
  content: "\e882";
}
.dku-icon-folder-closed-16:before {
  content: "\e883";
}
.dku-icon-folder-closed-20:before {
  content: "\e884";
}
.dku-icon-folder-closed-24:before {
  content: "\e885";
}
.dku-icon-folder-closed-32:before {
  content: "\e886";
}
.dku-icon-folder-closed-48:before {
  content: "\e887";
}
.dku-icon-folder-move-12:before {
  content: "\e888";
}
.dku-icon-folder-move-16:before {
  content: "\e889";
}
.dku-icon-folder-move-20:before {
  content: "\e88a";
}
.dku-icon-folder-move-24:before {
  content: "\e88b";
}
.dku-icon-folder-move-32:before {
  content: "\e88c";
}
.dku-icon-folder-move-48:before {
  content: "\e88d";
}
.dku-icon-folder-multiple-12:before {
  content: "\e88e";
}
.dku-icon-folder-multiple-16:before {
  content: "\e88f";
}
.dku-icon-folder-multiple-20:before {
  content: "\e890";
}
.dku-icon-folder-multiple-24:before {
  content: "\e891";
}
.dku-icon-folder-multiple-32:before {
  content: "\e892";
}
.dku-icon-folder-multiple-48:before {
  content: "\e893";
}
.dku-icon-folder-open-12:before {
  content: "\e894";
}
.dku-icon-folder-open-16:before {
  content: "\e895";
}
.dku-icon-folder-open-20:before {
  content: "\e896";
}
.dku-icon-folder-open-24:before {
  content: "\e897";
}
.dku-icon-folder-open-32:before {
  content: "\e898";
}
.dku-icon-folder-open-48:before {
  content: "\e899";
}
.dku-icon-freshdesk-12:before {
  content: "\e89a";
}
.dku-icon-freshdesk-16:before {
  content: "\e89b";
}
.dku-icon-freshdesk-20:before {
  content: "\e89c";
}
.dku-icon-freshdesk-24:before {
  content: "\e89d";
}
.dku-icon-freshdesk-32:before {
  content: "\e89e";
}
.dku-icon-freshdesk-48:before {
  content: "\e89f";
}
.dku-icon-freshworks-12:before {
  content: "\e8a0";
}
.dku-icon-freshworks-16:before {
  content: "\e8a1";
}
.dku-icon-freshworks-20:before {
  content: "\e8a2";
}
.dku-icon-freshworks-24:before {
  content: "\e8a3";
}
.dku-icon-freshworks-32:before {
  content: "\e8a4";
}
.dku-icon-freshworks-48:before {
  content: "\e8a5";
}
.dku-icon-fullscreen-12:before {
  content: "\e8a6";
}
.dku-icon-fullscreen-16:before {
  content: "\e8a7";
}
.dku-icon-fullscreen-20:before {
  content: "\e8a8";
}
.dku-icon-fullscreen-24:before {
  content: "\e8a9";
}
.dku-icon-fullscreen-32:before {
  content: "\e8aa";
}
.dku-icon-fullscreen-48:before {
  content: "\e8ab";
}
.dku-icon-fullscreen-exit-12:before {
  content: "\e8ac";
}
.dku-icon-fullscreen-exit-16:before {
  content: "\e8ad";
}
.dku-icon-fullscreen-exit-20:before {
  content: "\e8ae";
}
.dku-icon-fullscreen-exit-24:before {
  content: "\e8af";
}
.dku-icon-fullscreen-exit-32:before {
  content: "\e8b0";
}
.dku-icon-fullscreen-exit-48:before {
  content: "\e8b1";
}
.dku-icon-function-12:before {
  content: "\e8b2";
}
.dku-icon-function-16:before {
  content: "\e8b3";
}
.dku-icon-function-20:before {
  content: "\e8b4";
}
.dku-icon-function-24:before {
  content: "\e8b5";
}
.dku-icon-function-32:before {
  content: "\e8b6";
}
.dku-icon-function-48:before {
  content: "\e8b7";
}
.dku-icon-gavel-12:before {
  content: "\e8b8";
}
.dku-icon-gavel-16:before {
  content: "\e8b9";
}
.dku-icon-gavel-20:before {
  content: "\e8ba";
}
.dku-icon-gavel-24:before {
  content: "\e8bb";
}
.dku-icon-gavel-32:before {
  content: "\e8bc";
}
.dku-icon-gavel-48:before {
  content: "\e8bd";
}
.dku-icon-gcp-naturallang-12:before {
  content: "\e8be";
}
.dku-icon-gcp-naturallang-16:before {
  content: "\e8bf";
}
.dku-icon-gcp-naturallang-20:before {
  content: "\e8c0";
}
.dku-icon-gcp-naturallang-24:before {
  content: "\e8c1";
}
.dku-icon-gcp-naturallang-32:before {
  content: "\e8c2";
}
.dku-icon-gcp-naturallang-48:before {
  content: "\e8c3";
}
.dku-icon-gear-12:before {
  content: "\e8c4";
}
.dku-icon-gear-16:before {
  content: "\e8c5";
}
.dku-icon-gear-20:before {
  content: "\e8c6";
}
.dku-icon-gear-24:before {
  content: "\e8c7";
}
.dku-icon-gear-32:before {
  content: "\e8c8";
}
.dku-icon-gear-48:before {
  content: "\e8c9";
}
.dku-icon-geocoding-12:before {
  content: "\e8ca";
}
.dku-icon-geocoding-16:before {
  content: "\e8cb";
}
.dku-icon-geocoding-20:before {
  content: "\e8cc";
}
.dku-icon-geocoding-24:before {
  content: "\e8cd";
}
.dku-icon-geocoding-32:before {
  content: "\e8ce";
}
.dku-icon-geocoding-48:before {
  content: "\e8cf";
}
.dku-icon-geocoding-reverse-12:before {
  content: "\e8d0";
}
.dku-icon-geocoding-reverse-16:before {
  content: "\e8d1";
}
.dku-icon-geocoding-reverse-20:before {
  content: "\e8d2";
}
.dku-icon-geocoding-reverse-24:before {
  content: "\e8d3";
}
.dku-icon-geocoding-reverse-32:before {
  content: "\e8d4";
}
.dku-icon-geocoding-reverse-48:before {
  content: "\e8d5";
}
.dku-icon-git-12:before {
  content: "\e8d6";
}
.dku-icon-git-16:before {
  content: "\e8d7";
}
.dku-icon-git-20:before {
  content: "\e8d8";
}
.dku-icon-git-24:before {
  content: "\e8d9";
}
.dku-icon-git-32:before {
  content: "\e8da";
}
.dku-icon-git-48:before {
  content: "\e8db";
}
.dku-icon-git-add-12:before {
  content: "\e8dc";
}
.dku-icon-git-add-16:before {
  content: "\e8dd";
}
.dku-icon-git-add-20:before {
  content: "\e8de";
}
.dku-icon-git-add-24:before {
  content: "\e8df";
}
.dku-icon-git-add-32:before {
  content: "\e8e0";
}
.dku-icon-git-add-48:before {
  content: "\e8e1";
}
.dku-icon-git-edit-12:before {
  content: "\e8e2";
}
.dku-icon-git-edit-16:before {
  content: "\e8e3";
}
.dku-icon-git-edit-20:before {
  content: "\e8e4";
}
.dku-icon-git-edit-24:before {
  content: "\e8e5";
}
.dku-icon-git-edit-32:before {
  content: "\e8e6";
}
.dku-icon-git-edit-48:before {
  content: "\e8e7";
}
.dku-icon-git-file-12:before {
  content: "\e8e8";
}
.dku-icon-git-file-16:before {
  content: "\e8e9";
}
.dku-icon-git-file-20:before {
  content: "\e8ea";
}
.dku-icon-git-file-24:before {
  content: "\e8eb";
}
.dku-icon-git-file-32:before {
  content: "\e8ec";
}
.dku-icon-git-file-48:before {
  content: "\e8ed";
}
.dku-icon-git-folder-12:before {
  content: "\e8ee";
}
.dku-icon-git-folder-16:before {
  content: "\e8ef";
}
.dku-icon-git-folder-20:before {
  content: "\e8f0";
}
.dku-icon-git-folder-24:before {
  content: "\e8f1";
}
.dku-icon-git-folder-32:before {
  content: "\e8f2";
}
.dku-icon-git-folder-48:before {
  content: "\e8f3";
}
.dku-icon-git-import-12:before {
  content: "\e8f4";
}
.dku-icon-git-import-16:before {
  content: "\e8f5";
}
.dku-icon-git-import-20:before {
  content: "\e8f6";
}
.dku-icon-git-import-24:before {
  content: "\e8f7";
}
.dku-icon-git-import-32:before {
  content: "\e8f8";
}
.dku-icon-git-import-48:before {
  content: "\e8f9";
}
.dku-icon-git-pull-12:before {
  content: "\e8fa";
}
.dku-icon-git-pull-16:before {
  content: "\e8fb";
}
.dku-icon-git-pull-20:before {
  content: "\e8fc";
}
.dku-icon-git-pull-24:before {
  content: "\e8fd";
}
.dku-icon-git-pull-32:before {
  content: "\e8fe";
}
.dku-icon-git-pull-48:before {
  content: "\e8ff";
}
.dku-icon-git-push-12:before {
  content: "\e900";
}
.dku-icon-git-push-16:before {
  content: "\e901";
}
.dku-icon-git-push-20:before {
  content: "\e902";
}
.dku-icon-git-push-24:before {
  content: "\e903";
}
.dku-icon-git-push-32:before {
  content: "\e904";
}
.dku-icon-git-push-48:before {
  content: "\e905";
}
.dku-icon-git-unlink-12:before {
  content: "\e906";
}
.dku-icon-git-unlink-16:before {
  content: "\e907";
}
.dku-icon-git-unlink-20:before {
  content: "\e908";
}
.dku-icon-git-unlink-24:before {
  content: "\e909";
}
.dku-icon-git-unlink-32:before {
  content: "\e90a";
}
.dku-icon-git-unlink-48:before {
  content: "\e90b";
}
.dku-icon-github-12:before {
  content: "\e90c";
}
.dku-icon-github-16:before {
  content: "\e90d";
}
.dku-icon-github-20:before {
  content: "\e90e";
}
.dku-icon-github-24:before {
  content: "\e90f";
}
.dku-icon-github-32:before {
  content: "\e910";
}
.dku-icon-github-48:before {
  content: "\e911";
}
.dku-icon-globe-12:before {
  content: "\e912";
}
.dku-icon-globe-16:before {
  content: "\e913";
}
.dku-icon-globe-20:before {
  content: "\e914";
}
.dku-icon-globe-24:before {
  content: "\e915";
}
.dku-icon-globe-32:before {
  content: "\e916";
}
.dku-icon-globe-48:before {
  content: "\e917";
}
.dku-icon-globe-shield-lock-12:before {
  content: "\e918";
}
.dku-icon-globe-shield-lock-16:before {
  content: "\e919";
}
.dku-icon-globe-shield-lock-20:before {
  content: "\e91a";
}
.dku-icon-globe-shield-lock-24:before {
  content: "\e91b";
}
.dku-icon-globe-shield-lock-32:before {
  content: "\e91c";
}
.dku-icon-globe-shield-lock-48:before {
  content: "\e91d";
}
.dku-icon-go-to-the-beginning-12:before {
  content: "\e91e";
}
.dku-icon-go-to-the-beginning-16:before {
  content: "\e91f";
}
.dku-icon-go-to-the-beginning-20:before {
  content: "\e920";
}
.dku-icon-go-to-the-beginning-24:before {
  content: "\e921";
}
.dku-icon-go-to-the-beginning-32:before {
  content: "\e922";
}
.dku-icon-go-to-the-beginning-48:before {
  content: "\e923";
}
.dku-icon-go-to-the-end-12:before {
  content: "\e924";
}
.dku-icon-go-to-the-end-16:before {
  content: "\e925";
}
.dku-icon-go-to-the-end-20:before {
  content: "\e926";
}
.dku-icon-go-to-the-end-24:before {
  content: "\e927";
}
.dku-icon-go-to-the-end-32:before {
  content: "\e928";
}
.dku-icon-go-to-the-end-48:before {
  content: "\e929";
}
.dku-icon-google-12:before {
  content: "\e92a";
}
.dku-icon-google-16:before {
  content: "\e92b";
}
.dku-icon-google-20:before {
  content: "\e92c";
}
.dku-icon-google-24:before {
  content: "\e92d";
}
.dku-icon-google-32:before {
  content: "\e92e";
}
.dku-icon-google-48:before {
  content: "\e92f";
}
.dku-icon-google-bigquery-12:before {
  content: "\e930";
}
.dku-icon-google-bigquery-16:before {
  content: "\e931";
}
.dku-icon-google-bigquery-20:before {
  content: "\e932";
}
.dku-icon-google-bigquery-24:before {
  content: "\e933";
}
.dku-icon-google-bigquery-32:before {
  content: "\e934";
}
.dku-icon-google-bigquery-48:before {
  content: "\e935";
}
.dku-icon-google-calendar-12:before {
  content: "\e936";
}
.dku-icon-google-calendar-16:before {
  content: "\e937";
}
.dku-icon-google-calendar-20:before {
  content: "\e938";
}
.dku-icon-google-calendar-24:before {
  content: "\e939";
}
.dku-icon-google-calendar-32:before {
  content: "\e93a";
}
.dku-icon-google-calendar-48:before {
  content: "\e93b";
}
.dku-icon-google-drive-12:before {
  content: "\e93c";
}
.dku-icon-google-drive-16:before {
  content: "\e93d";
}
.dku-icon-google-drive-20:before {
  content: "\e93e";
}
.dku-icon-google-drive-24:before {
  content: "\e93f";
}
.dku-icon-google-drive-32:before {
  content: "\e940";
}
.dku-icon-google-drive-48:before {
  content: "\e941";
}
.dku-icon-google-gcp-automl-12:before {
  content: "\e942";
}
.dku-icon-google-gcp-automl-16:before {
  content: "\e943";
}
.dku-icon-google-gcp-automl-20:before {
  content: "\e944";
}
.dku-icon-google-gcp-automl-24:before {
  content: "\e945";
}
.dku-icon-google-gcp-automl-32:before {
  content: "\e946";
}
.dku-icon-google-gcp-automl-48:before {
  content: "\e947";
}
.dku-icon-google-gcp-cloud-storage-12:before {
  content: "\e948";
}
.dku-icon-google-gcp-cloud-storage-16:before {
  content: "\e949";
}
.dku-icon-google-gcp-cloud-storage-20:before {
  content: "\e94a";
}
.dku-icon-google-gcp-cloud-storage-24:before {
  content: "\e94b";
}
.dku-icon-google-gcp-cloud-storage-32:before {
  content: "\e94c";
}
.dku-icon-google-gcp-cloud-storage-48:before {
  content: "\e94d";
}
.dku-icon-google-gcp-dataproc-12:before {
  content: "\e94e";
}
.dku-icon-google-gcp-dataproc-16:before {
  content: "\e94f";
}
.dku-icon-google-gcp-dataproc-20:before {
  content: "\e950";
}
.dku-icon-google-gcp-dataproc-24:before {
  content: "\e951";
}
.dku-icon-google-gcp-dataproc-32:before {
  content: "\e952";
}
.dku-icon-google-gcp-dataproc-48:before {
  content: "\e953";
}
.dku-icon-google-gcp-kubernetes-12:before {
  content: "\e954";
}
.dku-icon-google-gcp-kubernetes-16:before {
  content: "\e955";
}
.dku-icon-google-gcp-kubernetes-20:before {
  content: "\e956";
}
.dku-icon-google-gcp-kubernetes-24:before {
  content: "\e957";
}
.dku-icon-google-gcp-kubernetes-32:before {
  content: "\e958";
}
.dku-icon-google-gcp-kubernetes-48:before {
  content: "\e959";
}
.dku-icon-google-gcp-pubsub-12:before {
  content: "\e95a";
}
.dku-icon-google-gcp-pubsub-16:before {
  content: "\e95b";
}
.dku-icon-google-gcp-pubsub-20:before {
  content: "\e95c";
}
.dku-icon-google-gcp-pubsub-24:before {
  content: "\e95d";
}
.dku-icon-google-gcp-pubsub-32:before {
  content: "\e95e";
}
.dku-icon-google-gcp-pubsub-48:before {
  content: "\e95f";
}
.dku-icon-google-gcp-translation-12:before {
  content: "\e960";
}
.dku-icon-google-gcp-translation-16:before {
  content: "\e961";
}
.dku-icon-google-gcp-translation-20:before {
  content: "\e962";
}
.dku-icon-google-gcp-translation-24:before {
  content: "\e963";
}
.dku-icon-google-gcp-translation-32:before {
  content: "\e964";
}
.dku-icon-google-gcp-translation-48:before {
  content: "\e965";
}
.dku-icon-google-gcp-vision-12:before {
  content: "\e966";
}
.dku-icon-google-gcp-vision-16:before {
  content: "\e967";
}
.dku-icon-google-gcp-vision-20:before {
  content: "\e968";
}
.dku-icon-google-gcp-vision-24:before {
  content: "\e969";
}
.dku-icon-google-gcp-vision-32:before {
  content: "\e96a";
}
.dku-icon-google-gcp-vision-48:before {
  content: "\e96b";
}
.dku-icon-google-sheets-12:before {
  content: "\e96c";
}
.dku-icon-google-sheets-16:before {
  content: "\e96d";
}
.dku-icon-google-sheets-20:before {
  content: "\e96e";
}
.dku-icon-google-sheets-24:before {
  content: "\e96f";
}
.dku-icon-google-sheets-32:before {
  content: "\e970";
}
.dku-icon-google-sheets-48:before {
  content: "\e971";
}
.dku-icon-google-vertex-12:before {
  content: "\e972";
}
.dku-icon-google-vertex-16:before {
  content: "\e973";
}
.dku-icon-google-vertex-20:before {
  content: "\e974";
}
.dku-icon-google-vertex-24:before {
  content: "\e975";
}
.dku-icon-google-vertex-32:before {
  content: "\e976";
}
.dku-icon-google-vertex-48:before {
  content: "\e977";
}
.dku-icon-gpu-card-12:before {
  content: "\e978";
}
.dku-icon-gpu-card-16:before {
  content: "\e979";
}
.dku-icon-gpu-card-20:before {
  content: "\e97a";
}
.dku-icon-gpu-card-24:before {
  content: "\e97b";
}
.dku-icon-gpu-card-32:before {
  content: "\e97c";
}
.dku-icon-gpu-card-48:before {
  content: "\e97d";
}
.dku-icon-gradio-12:before {
  content: "\e97e";
}
.dku-icon-gradio-16:before {
  content: "\e97f";
}
.dku-icon-gradio-20:before {
  content: "\e980";
}
.dku-icon-gradio-24:before {
  content: "\e981";
}
.dku-icon-gradio-32:before {
  content: "\e982";
}
.dku-icon-gradio-48:before {
  content: "\e983";
}
.dku-icon-greenplum-12:before {
  content: "\e984";
}
.dku-icon-greenplum-16:before {
  content: "\e985";
}
.dku-icon-greenplum-20:before {
  content: "\e986";
}
.dku-icon-greenplum-24:before {
  content: "\e987";
}
.dku-icon-greenplum-32:before {
  content: "\e988";
}
.dku-icon-greenplum-48:before {
  content: "\e989";
}
.dku-icon-grid-kanban-12:before {
  content: "\e98a";
}
.dku-icon-grid-kanban-16:before {
  content: "\e98b";
}
.dku-icon-grid-kanban-20:before {
  content: "\e98c";
}
.dku-icon-grid-kanban-24:before {
  content: "\e98d";
}
.dku-icon-grid-kanban-32:before {
  content: "\e98e";
}
.dku-icon-grid-kanban-48:before {
  content: "\e98f";
}
.dku-icon-group-12:before {
  content: "\e990";
}
.dku-icon-group-16:before {
  content: "\e991";
}
.dku-icon-group-20:before {
  content: "\e992";
}
.dku-icon-group-24:before {
  content: "\e993";
}
.dku-icon-group-32:before {
  content: "\e994";
}
.dku-icon-group-48:before {
  content: "\e995";
}
.dku-icon-h2o-12:before {
  content: "\e996";
}
.dku-icon-h2o-16:before {
  content: "\e997";
}
.dku-icon-h2o-20:before {
  content: "\e998";
}
.dku-icon-h2o-24:before {
  content: "\e999";
}
.dku-icon-h2o-32:before {
  content: "\e99a";
}
.dku-icon-h2o-48:before {
  content: "\e99b";
}
.dku-icon-hadoop-12:before {
  content: "\e99c";
}
.dku-icon-hadoop-16:before {
  content: "\e99d";
}
.dku-icon-hadoop-20:before {
  content: "\e99e";
}
.dku-icon-hadoop-24:before {
  content: "\e99f";
}
.dku-icon-hadoop-32:before {
  content: "\e9a0";
}
.dku-icon-hadoop-48:before {
  content: "\e9a1";
}
.dku-icon-hand-pointing-down-12:before {
  content: "\e9a2";
}
.dku-icon-hand-pointing-down-16:before {
  content: "\e9a3";
}
.dku-icon-hand-pointing-down-20:before {
  content: "\e9a4";
}
.dku-icon-hand-pointing-down-24:before {
  content: "\e9a5";
}
.dku-icon-hand-pointing-down-32:before {
  content: "\e9a6";
}
.dku-icon-hand-pointing-down-48:before {
  content: "\e9a7";
}
.dku-icon-hand-pointing-up-12:before {
  content: "\e9a8";
}
.dku-icon-hand-pointing-up-16:before {
  content: "\e9a9";
}
.dku-icon-hand-pointing-up-20:before {
  content: "\e9aa";
}
.dku-icon-hand-pointing-up-24:before {
  content: "\e9ab";
}
.dku-icon-hand-pointing-up-32:before {
  content: "\e9ac";
}
.dku-icon-hand-pointing-up-48:before {
  content: "\e9ad";
}
.dku-icon-hard-drive-12:before {
  content: "\e9ae";
}
.dku-icon-hard-drive-16:before {
  content: "\e9af";
}
.dku-icon-hard-drive-20:before {
  content: "\e9b0";
}
.dku-icon-hard-drive-24:before {
  content: "\e9b1";
}
.dku-icon-hard-drive-32:before {
  content: "\e9b2";
}
.dku-icon-hard-drive-48:before {
  content: "\e9b3";
}
.dku-icon-hdfs-12:before {
  content: "\e9b4";
}
.dku-icon-hdfs-16:before {
  content: "\e9b5";
}
.dku-icon-hdfs-20:before {
  content: "\e9b6";
}
.dku-icon-hdfs-24:before {
  content: "\e9b7";
}
.dku-icon-hdfs-32:before {
  content: "\e9b8";
}
.dku-icon-hdfs-48:before {
  content: "\e9b9";
}
.dku-icon-heart-fill-12:before {
  content: "\e9ba";
}
.dku-icon-heart-fill-16:before {
  content: "\e9bb";
}
.dku-icon-heart-fill-20:before {
  content: "\e9bc";
}
.dku-icon-heart-fill-24:before {
  content: "\e9bd";
}
.dku-icon-heart-fill-32:before {
  content: "\e9be";
}
.dku-icon-heart-fill-48:before {
  content: "\e9bf";
}
.dku-icon-heart-outline-12:before {
  content: "\e9c0";
}
.dku-icon-heart-outline-16:before {
  content: "\e9c1";
}
.dku-icon-heart-outline-20:before {
  content: "\e9c2";
}
.dku-icon-heart-outline-24:before {
  content: "\e9c3";
}
.dku-icon-heart-outline-32:before {
  content: "\e9c4";
}
.dku-icon-heart-outline-48:before {
  content: "\e9c5";
}
.dku-icon-heatmap-12:before {
  content: "\e9c6";
}
.dku-icon-heatmap-16:before {
  content: "\e9c7";
}
.dku-icon-heatmap-20:before {
  content: "\e9c8";
}
.dku-icon-heatmap-24:before {
  content: "\e9c9";
}
.dku-icon-heatmap-32:before {
  content: "\e9ca";
}
.dku-icon-heatmap-48:before {
  content: "\e9cb";
}
.dku-icon-history-12:before {
  content: "\e9cc";
}
.dku-icon-history-16:before {
  content: "\e9cd";
}
.dku-icon-history-20:before {
  content: "\e9ce";
}
.dku-icon-history-24:before {
  content: "\e9cf";
}
.dku-icon-history-32:before {
  content: "\e9d0";
}
.dku-icon-history-48:before {
  content: "\e9d1";
}
.dku-icon-hive-12:before {
  content: "\e9d2";
}
.dku-icon-hive-16:before {
  content: "\e9d3";
}
.dku-icon-hive-20:before {
  content: "\e9d4";
}
.dku-icon-hive-24:before {
  content: "\e9d5";
}
.dku-icon-hive-32:before {
  content: "\e9d6";
}
.dku-icon-hive-48:before {
  content: "\e9d7";
}
.dku-icon-home-12:before {
  content: "\e9d8";
}
.dku-icon-home-16:before {
  content: "\e9d9";
}
.dku-icon-home-20:before {
  content: "\e9da";
}
.dku-icon-home-24:before {
  content: "\e9db";
}
.dku-icon-home-32:before {
  content: "\e9dc";
}
.dku-icon-home-48:before {
  content: "\e9dd";
}
.dku-icon-httpsse-12:before {
  content: "\e9de";
}
.dku-icon-httpsse-16:before {
  content: "\e9df";
}
.dku-icon-httpsse-20:before {
  content: "\e9e0";
}
.dku-icon-httpsse-24:before {
  content: "\e9e1";
}
.dku-icon-httpsse-32:before {
  content: "\e9e2";
}
.dku-icon-httpsse-48:before {
  content: "\e9e3";
}
.dku-icon-hubspot-12:before {
  content: "\e9e4";
}
.dku-icon-hubspot-16:before {
  content: "\e9e5";
}
.dku-icon-hubspot-20:before {
  content: "\e9e6";
}
.dku-icon-hubspot-24:before {
  content: "\e9e7";
}
.dku-icon-hubspot-32:before {
  content: "\e9e8";
}
.dku-icon-hubspot-48:before {
  content: "\e9e9";
}
.dku-icon-huggingface-12:before {
  content: "\e9ea";
}
.dku-icon-huggingface-16:before {
  content: "\e9eb";
}
.dku-icon-huggingface-20:before {
  content: "\e9ec";
}
.dku-icon-huggingface-24:before {
  content: "\e9ed";
}
.dku-icon-huggingface-32:before {
  content: "\e9ee";
}
.dku-icon-huggingface-48:before {
  content: "\e9ef";
}
.dku-icon-hyperparameters-explicit-12:before {
  content: "\e9f0";
}
.dku-icon-hyperparameters-explicit-16:before {
  content: "\e9f1";
}
.dku-icon-hyperparameters-explicit-20:before {
  content: "\e9f2";
}
.dku-icon-hyperparameters-explicit-24:before {
  content: "\e9f3";
}
.dku-icon-hyperparameters-explicit-32:before {
  content: "\e9f4";
}
.dku-icon-hyperparameters-explicit-48:before {
  content: "\e9f5";
}
.dku-icon-hyperparameters-range-12:before {
  content: "\e9f6";
}
.dku-icon-hyperparameters-range-16:before {
  content: "\e9f7";
}
.dku-icon-hyperparameters-range-20:before {
  content: "\e9f8";
}
.dku-icon-hyperparameters-range-24:before {
  content: "\e9f9";
}
.dku-icon-hyperparameters-range-32:before {
  content: "\e9fa";
}
.dku-icon-hyperparameters-range-48:before {
  content: "\e9fb";
}
.dku-icon-hyperparameters-scaling-log-12:before {
  content: "\e9fc";
}
.dku-icon-hyperparameters-scaling-log-16:before {
  content: "\e9fd";
}
.dku-icon-hyperparameters-scaling-log-20:before {
  content: "\e9fe";
}
.dku-icon-hyperparameters-scaling-log-24:before {
  content: "\e9ff";
}
.dku-icon-hyperparameters-scaling-log-32:before {
  content: "\ea00";
}
.dku-icon-hyperparameters-scaling-log-48:before {
  content: "\ea01";
}
.dku-icon-hyperparameters-scaling-uniform-12:before {
  content: "\ea02";
}
.dku-icon-hyperparameters-scaling-uniform-16:before {
  content: "\ea03";
}
.dku-icon-hyperparameters-scaling-uniform-20:before {
  content: "\ea04";
}
.dku-icon-hyperparameters-scaling-uniform-24:before {
  content: "\ea05";
}
.dku-icon-hyperparameters-scaling-uniform-32:before {
  content: "\ea06";
}
.dku-icon-hyperparameters-scaling-uniform-48:before {
  content: "\ea07";
}
.dku-icon-image-12:before {
  content: "\ea08";
}
.dku-icon-image-16:before {
  content: "\ea09";
}
.dku-icon-image-20:before {
  content: "\ea0a";
}
.dku-icon-image-24:before {
  content: "\ea0b";
}
.dku-icon-image-32:before {
  content: "\ea0c";
}
.dku-icon-image-48:before {
  content: "\ea0d";
}
.dku-icon-image-classification-12:before {
  content: "\ea0e";
}
.dku-icon-image-classification-16:before {
  content: "\ea0f";
}
.dku-icon-image-classification-20:before {
  content: "\ea10";
}
.dku-icon-image-classification-24:before {
  content: "\ea11";
}
.dku-icon-image-classification-32:before {
  content: "\ea12";
}
.dku-icon-image-classification-48:before {
  content: "\ea13";
}
.dku-icon-image-segmentation-12:before {
  content: "\ea14";
}
.dku-icon-image-segmentation-16:before {
  content: "\ea15";
}
.dku-icon-image-segmentation-20:before {
  content: "\ea16";
}
.dku-icon-image-segmentation-24:before {
  content: "\ea17";
}
.dku-icon-image-segmentation-32:before {
  content: "\ea18";
}
.dku-icon-image-segmentation-48:before {
  content: "\ea19";
}
.dku-icon-image-tag-12:before {
  content: "\ea1a";
}
.dku-icon-image-tag-16:before {
  content: "\ea1b";
}
.dku-icon-image-tag-20:before {
  content: "\ea1c";
}
.dku-icon-image-tag-24:before {
  content: "\ea1d";
}
.dku-icon-image-tag-32:before {
  content: "\ea1e";
}
.dku-icon-image-tag-48:before {
  content: "\ea1f";
}
.dku-icon-impala-12:before {
  content: "\ea20";
}
.dku-icon-impala-16:before {
  content: "\ea21";
}
.dku-icon-impala-20:before {
  content: "\ea22";
}
.dku-icon-impala-24:before {
  content: "\ea23";
}
.dku-icon-impala-32:before {
  content: "\ea24";
}
.dku-icon-impala-48:before {
  content: "\ea25";
}
.dku-icon-infinity-12:before {
  content: "\ea26";
}
.dku-icon-infinity-16:before {
  content: "\ea27";
}
.dku-icon-infinity-20:before {
  content: "\ea28";
}
.dku-icon-infinity-24:before {
  content: "\ea29";
}
.dku-icon-infinity-32:before {
  content: "\ea2a";
}
.dku-icon-infinity-48:before {
  content: "\ea2b";
}
.dku-icon-info-16:before {
  content: "\ea2c";
}
.dku-icon-info-circle-fill-12:before {
  content: "\ea2d";
}
.dku-icon-info-circle-fill-16:before {
  content: "\ea2e";
}
.dku-icon-info-circle-fill-20:before {
  content: "\ea2f";
}
.dku-icon-info-circle-fill-24:before {
  content: "\ea30";
}
.dku-icon-info-circle-fill-32:before {
  content: "\ea31";
}
.dku-icon-info-circle-fill-48:before {
  content: "\ea32";
}
.dku-icon-info-circle-outline-12:before {
  content: "\ea33";
}
.dku-icon-info-circle-outline-16:before {
  content: "\ea34";
}
.dku-icon-info-circle-outline-20:before {
  content: "\ea35";
}
.dku-icon-info-circle-outline-24:before {
  content: "\ea36";
}
.dku-icon-info-circle-outline-32:before {
  content: "\ea37";
}
.dku-icon-info-circle-outline-48:before {
  content: "\ea38";
}
.dku-icon-infrastructure-deployer-12:before {
  content: "\ea39";
}
.dku-icon-infrastructure-deployer-16:before {
  content: "\ea3a";
}
.dku-icon-infrastructure-deployer-20:before {
  content: "\ea3b";
}
.dku-icon-infrastructure-deployer-24:before {
  content: "\ea3c";
}
.dku-icon-infrastructure-deployer-32:before {
  content: "\ea3d";
}
.dku-icon-infrastructure-deployer-48:before {
  content: "\ea3e";
}
.dku-icon-insert-recipe-12:before {
  content: "\ea3f";
}
.dku-icon-insert-recipe-16:before {
  content: "\ea40";
}
.dku-icon-insert-recipe-20:before {
  content: "\ea41";
}
.dku-icon-insert-recipe-24:before {
  content: "\ea42";
}
.dku-icon-insert-recipe-32:before {
  content: "\ea43";
}
.dku-icon-insert-recipe-48:before {
  content: "\ea44";
}
.dku-icon-instance-access-12:before {
  content: "\ea45";
}
.dku-icon-instance-access-16:before {
  content: "\ea46";
}
.dku-icon-instance-access-20:before {
  content: "\ea47";
}
.dku-icon-instance-access-24:before {
  content: "\ea48";
}
.dku-icon-instance-access-32:before {
  content: "\ea49";
}
.dku-icon-instance-access-48:before {
  content: "\ea4a";
}
.dku-icon-intercom-12:before {
  content: "\ea4b";
}
.dku-icon-intercom-16:before {
  content: "\ea4c";
}
.dku-icon-intercom-20:before {
  content: "\ea4d";
}
.dku-icon-intercom-24:before {
  content: "\ea4e";
}
.dku-icon-intercom-32:before {
  content: "\ea4f";
}
.dku-icon-intercom-48:before {
  content: "\ea50";
}
.dku-icon-java-12:before {
  content: "\ea51";
}
.dku-icon-java-16:before {
  content: "\ea52";
}
.dku-icon-java-20:before {
  content: "\ea53";
}
.dku-icon-java-24:before {
  content: "\ea54";
}
.dku-icon-java-32:before {
  content: "\ea55";
}
.dku-icon-java-48:before {
  content: "\ea56";
}
.dku-icon-jdbc-12:before {
  content: "\ea57";
}
.dku-icon-jdbc-16:before {
  content: "\ea58";
}
.dku-icon-jdbc-20:before {
  content: "\ea59";
}
.dku-icon-jdbc-24:before {
  content: "\ea5a";
}
.dku-icon-jdbc-32:before {
  content: "\ea5b";
}
.dku-icon-jdbc-48:before {
  content: "\ea5c";
}
.dku-icon-jira-12:before {
  content: "\ea5d";
}
.dku-icon-jira-16:before {
  content: "\ea5e";
}
.dku-icon-jira-20:before {
  content: "\ea5f";
}
.dku-icon-jira-24:before {
  content: "\ea60";
}
.dku-icon-jira-32:before {
  content: "\ea61";
}
.dku-icon-jira-48:before {
  content: "\ea62";
}
.dku-icon-jobs-schedule-12:before {
  content: "\ea63";
}
.dku-icon-jobs-schedule-16:before {
  content: "\ea64";
}
.dku-icon-jobs-schedule-20:before {
  content: "\ea65";
}
.dku-icon-jobs-schedule-24:before {
  content: "\ea66";
}
.dku-icon-jobs-schedule-32:before {
  content: "\ea67";
}
.dku-icon-jobs-schedule-48:before {
  content: "\ea68";
}
.dku-icon-join-advanced-12:before {
  content: "\ea69";
}
.dku-icon-join-advanced-16:before {
  content: "\ea6a";
}
.dku-icon-join-advanced-20:before {
  content: "\ea6b";
}
.dku-icon-join-advanced-24:before {
  content: "\ea6c";
}
.dku-icon-join-advanced-32:before {
  content: "\ea6d";
}
.dku-icon-join-advanced-48:before {
  content: "\ea6e";
}
.dku-icon-join-anti-join-left-12:before {
  content: "\ea6f";
}
.dku-icon-join-anti-join-left-16:before {
  content: "\ea70";
}
.dku-icon-join-anti-join-left-20:before {
  content: "\ea71";
}
.dku-icon-join-anti-join-left-24:before {
  content: "\ea72";
}
.dku-icon-join-anti-join-left-32:before {
  content: "\ea73";
}
.dku-icon-join-anti-join-left-48:before {
  content: "\ea74";
}
.dku-icon-join-anti-join-right-12:before {
  content: "\ea75";
}
.dku-icon-join-anti-join-right-16:before {
  content: "\ea76";
}
.dku-icon-join-anti-join-right-20:before {
  content: "\ea77";
}
.dku-icon-join-anti-join-right-24:before {
  content: "\ea78";
}
.dku-icon-join-anti-join-right-32:before {
  content: "\ea79";
}
.dku-icon-join-anti-join-right-48:before {
  content: "\ea7a";
}
.dku-icon-join-cross-12:before {
  content: "\ea7b";
}
.dku-icon-join-cross-16:before {
  content: "\ea7c";
}
.dku-icon-join-cross-20:before {
  content: "\ea7d";
}
.dku-icon-join-cross-24:before {
  content: "\ea7e";
}
.dku-icon-join-cross-32:before {
  content: "\ea7f";
}
.dku-icon-join-cross-48:before {
  content: "\ea80";
}
.dku-icon-join-inner-12:before {
  content: "\ea81";
}
.dku-icon-join-inner-16:before {
  content: "\ea82";
}
.dku-icon-join-inner-20:before {
  content: "\ea83";
}
.dku-icon-join-inner-24:before {
  content: "\ea84";
}
.dku-icon-join-inner-32:before {
  content: "\ea85";
}
.dku-icon-join-inner-48:before {
  content: "\ea86";
}
.dku-icon-join-left-12:before {
  content: "\ea87";
}
.dku-icon-join-left-16:before {
  content: "\ea88";
}
.dku-icon-join-left-20:before {
  content: "\ea89";
}
.dku-icon-join-left-24:before {
  content: "\ea8a";
}
.dku-icon-join-left-32:before {
  content: "\ea8b";
}
.dku-icon-join-left-48:before {
  content: "\ea8c";
}
.dku-icon-join-outer-12:before {
  content: "\ea8d";
}
.dku-icon-join-outer-16:before {
  content: "\ea8e";
}
.dku-icon-join-outer-20:before {
  content: "\ea8f";
}
.dku-icon-join-outer-24:before {
  content: "\ea90";
}
.dku-icon-join-outer-32:before {
  content: "\ea91";
}
.dku-icon-join-outer-48:before {
  content: "\ea92";
}
.dku-icon-join-right-12:before {
  content: "\ea93";
}
.dku-icon-join-right-16:before {
  content: "\ea94";
}
.dku-icon-join-right-20:before {
  content: "\ea95";
}
.dku-icon-join-right-24:before {
  content: "\ea96";
}
.dku-icon-join-right-32:before {
  content: "\ea97";
}
.dku-icon-join-right-48:before {
  content: "\ea98";
}
.dku-icon-julia-brand-12:before {
  content: "\ea99";
}
.dku-icon-julia-brand-16:before {
  content: "\ea9a";
}
.dku-icon-julia-brand-20:before {
  content: "\ea9b";
}
.dku-icon-julia-brand-24:before {
  content: "\ea9c";
}
.dku-icon-julia-brand-32:before {
  content: "\ea9d";
}
.dku-icon-julia-brand-48:before {
  content: "\ea9e";
}
.dku-icon-jupyter-lab-12:before {
  content: "\ea9f";
}
.dku-icon-jupyter-lab-16:before {
  content: "\eaa0";
}
.dku-icon-jupyter-lab-20:before {
  content: "\eaa1";
}
.dku-icon-jupyter-lab-24:before {
  content: "\eaa2";
}
.dku-icon-jupyter-lab-32:before {
  content: "\eaa3";
}
.dku-icon-jupyter-lab-48:before {
  content: "\eaa4";
}
.dku-icon-kafka-12:before {
  content: "\eaa5";
}
.dku-icon-kafka-16:before {
  content: "\eaa6";
}
.dku-icon-kafka-20:before {
  content: "\eaa7";
}
.dku-icon-kafka-24:before {
  content: "\eaa8";
}
.dku-icon-kafka-32:before {
  content: "\eaa9";
}
.dku-icon-kafka-48:before {
  content: "\eaaa";
}
.dku-icon-kayrros-12:before {
  content: "\eaab";
}
.dku-icon-kayrros-16:before {
  content: "\eaac";
}
.dku-icon-kayrros-20:before {
  content: "\eaad";
}
.dku-icon-kayrros-24:before {
  content: "\eaae";
}
.dku-icon-kayrros-32:before {
  content: "\eaaf";
}
.dku-icon-kayrros-48:before {
  content: "\eab0";
}
.dku-icon-keras-12:before {
  content: "\eab1";
}
.dku-icon-keras-16:before {
  content: "\eab2";
}
.dku-icon-keras-20:before {
  content: "\eab3";
}
.dku-icon-keras-24:before {
  content: "\eab4";
}
.dku-icon-keras-32:before {
  content: "\eab5";
}
.dku-icon-keras-48:before {
  content: "\eab6";
}
.dku-icon-key-12:before {
  content: "\eab7";
}
.dku-icon-key-16:before {
  content: "\eab8";
}
.dku-icon-key-20:before {
  content: "\eab9";
}
.dku-icon-key-24:before {
  content: "\eaba";
}
.dku-icon-key-32:before {
  content: "\eabb";
}
.dku-icon-key-48:before {
  content: "\eabc";
}
.dku-icon-keyboard-12:before {
  content: "\eabd";
}
.dku-icon-keyboard-16:before {
  content: "\eabe";
}
.dku-icon-keyboard-20:before {
  content: "\eabf";
}
.dku-icon-keyboard-24:before {
  content: "\eac0";
}
.dku-icon-keyboard-32:before {
  content: "\eac1";
}
.dku-icon-keyboard-48:before {
  content: "\eac2";
}
.dku-icon-ksql-12:before {
  content: "\eac3";
}
.dku-icon-ksql-16:before {
  content: "\eac4";
}
.dku-icon-ksql-20:before {
  content: "\eac5";
}
.dku-icon-ksql-24:before {
  content: "\eac6";
}
.dku-icon-ksql-32:before {
  content: "\eac7";
}
.dku-icon-ksql-48:before {
  content: "\eac8";
}
.dku-icon-label-12:before {
  content: "\eac9";
}
.dku-icon-label-16:before {
  content: "\eaca";
}
.dku-icon-label-20:before {
  content: "\eacb";
}
.dku-icon-label-24:before {
  content: "\eacc";
}
.dku-icon-label-32:before {
  content: "\eacd";
}
.dku-icon-label-48:before {
  content: "\eace";
}
.dku-icon-label-conflict-12:before {
  content: "\eacf";
}
.dku-icon-label-conflict-16:before {
  content: "\ead0";
}
.dku-icon-label-conflict-20:before {
  content: "\ead1";
}
.dku-icon-label-conflict-24:before {
  content: "\ead2";
}
.dku-icon-label-conflict-32:before {
  content: "\ead3";
}
.dku-icon-label-conflict-48:before {
  content: "\ead4";
}
.dku-icon-label-multiple-12:before {
  content: "\ead5";
}
.dku-icon-label-multiple-16:before {
  content: "\ead6";
}
.dku-icon-label-multiple-20:before {
  content: "\ead7";
}
.dku-icon-label-multiple-24:before {
  content: "\ead8";
}
.dku-icon-label-multiple-32:before {
  content: "\ead9";
}
.dku-icon-label-multiple-48:before {
  content: "\eada";
}
.dku-icon-label-reject-12:before {
  content: "\eadb";
}
.dku-icon-label-reject-16:before {
  content: "\eadc";
}
.dku-icon-label-reject-20:before {
  content: "\eadd";
}
.dku-icon-label-reject-24:before {
  content: "\eade";
}
.dku-icon-label-reject-32:before {
  content: "\eadf";
}
.dku-icon-label-reject-48:before {
  content: "\eae0";
}
.dku-icon-label-review-12:before {
  content: "\eae1";
}
.dku-icon-label-review-16:before {
  content: "\eae2";
}
.dku-icon-label-review-20:before {
  content: "\eae3";
}
.dku-icon-label-review-24:before {
  content: "\eae4";
}
.dku-icon-label-review-32:before {
  content: "\eae5";
}
.dku-icon-label-review-48:before {
  content: "\eae6";
}
.dku-icon-label-validate-12:before {
  content: "\eae7";
}
.dku-icon-label-validate-16:before {
  content: "\eae8";
}
.dku-icon-label-validate-20:before {
  content: "\eae9";
}
.dku-icon-label-validate-24:before {
  content: "\eaea";
}
.dku-icon-label-validate-32:before {
  content: "\eaeb";
}
.dku-icon-label-validate-48:before {
  content: "\eaec";
}
.dku-icon-laptop-12:before {
  content: "\eaed";
}
.dku-icon-laptop-16:before {
  content: "\eaee";
}
.dku-icon-laptop-20:before {
  content: "\eaef";
}
.dku-icon-laptop-24:before {
  content: "\eaf0";
}
.dku-icon-laptop-32:before {
  content: "\eaf1";
}
.dku-icon-laptop-48:before {
  content: "\eaf2";
}
.dku-icon-left-panel-close-12:before {
  content: "\eaf3";
}
.dku-icon-left-panel-close-16:before {
  content: "\eaf4";
}
.dku-icon-left-panel-close-20:before {
  content: "\eaf5";
}
.dku-icon-left-panel-close-24:before {
  content: "\eaf6";
}
.dku-icon-left-panel-close-32:before {
  content: "\eaf7";
}
.dku-icon-left-panel-close-48:before {
  content: "\eaf8";
}
.dku-icon-left-panel-open-12:before {
  content: "\eaf9";
}
.dku-icon-left-panel-open-16:before {
  content: "\eafa";
}
.dku-icon-left-panel-open-20:before {
  content: "\eafb";
}
.dku-icon-left-panel-open-24:before {
  content: "\eafc";
}
.dku-icon-left-panel-open-32:before {
  content: "\eafd";
}
.dku-icon-left-panel-open-48:before {
  content: "\eafe";
}
.dku-icon-level-down-12:before {
  content: "\eaff";
}
.dku-icon-level-down-16:before {
  content: "\eb00";
}
.dku-icon-level-down-20:before {
  content: "\eb01";
}
.dku-icon-level-down-24:before {
  content: "\eb02";
}
.dku-icon-level-down-32:before {
  content: "\eb03";
}
.dku-icon-level-down-48:before {
  content: "\eb04";
}
.dku-icon-level-up-12:before {
  content: "\eb05";
}
.dku-icon-level-up-16:before {
  content: "\eb06";
}
.dku-icon-level-up-20:before {
  content: "\eb07";
}
.dku-icon-level-up-24:before {
  content: "\eb08";
}
.dku-icon-level-up-32:before {
  content: "\eb09";
}
.dku-icon-level-up-48:before {
  content: "\eb0a";
}
.dku-icon-lever-12:before {
  content: "\eb0b";
}
.dku-icon-lever-16:before {
  content: "\eb0c";
}
.dku-icon-lever-20:before {
  content: "\eb0d";
}
.dku-icon-lever-24:before {
  content: "\eb0e";
}
.dku-icon-lever-32:before {
  content: "\eb0f";
}
.dku-icon-lever-48:before {
  content: "\eb10";
}
.dku-icon-light-gbm-12:before {
  content: "\eb11";
}
.dku-icon-light-gbm-16:before {
  content: "\eb12";
}
.dku-icon-light-gbm-20:before {
  content: "\eb13";
}
.dku-icon-light-gbm-24:before {
  content: "\eb14";
}
.dku-icon-light-gbm-32:before {
  content: "\eb15";
}
.dku-icon-light-gbm-48:before {
  content: "\eb16";
}
.dku-icon-lightbulb-12:before {
  content: "\eb17";
}
.dku-icon-lightbulb-16:before {
  content: "\eb18";
}
.dku-icon-lightbulb-20:before {
  content: "\eb19";
}
.dku-icon-lightbulb-24:before {
  content: "\eb1a";
}
.dku-icon-lightbulb-32:before {
  content: "\eb1b";
}
.dku-icon-lightbulb-48:before {
  content: "\eb1c";
}
.dku-icon-lightning-12:before {
  content: "\eb1d";
}
.dku-icon-lightning-16:before {
  content: "\eb1e";
}
.dku-icon-lightning-20:before {
  content: "\eb1f";
}
.dku-icon-lightning-24:before {
  content: "\eb20";
}
.dku-icon-lightning-32:before {
  content: "\eb21";
}
.dku-icon-lightning-48:before {
  content: "\eb22";
}
.dku-icon-line-12:before {
  content: "\eb23";
}
.dku-icon-line-16:before {
  content: "\eb24";
}
.dku-icon-line-20:before {
  content: "\eb25";
}
.dku-icon-line-24:before {
  content: "\eb26";
}
.dku-icon-line-32:before {
  content: "\eb27";
}
.dku-icon-line-48:before {
  content: "\eb28";
}
.dku-icon-link-12:before {
  content: "\eb29";
}
.dku-icon-link-16:before {
  content: "\eb2a";
}
.dku-icon-link-20:before {
  content: "\eb2b";
}
.dku-icon-link-24:before {
  content: "\eb2c";
}
.dku-icon-link-32:before {
  content: "\eb2d";
}
.dku-icon-link-48:before {
  content: "\eb2e";
}
.dku-icon-linkedin-12:before {
  content: "\eb2f";
}
.dku-icon-linkedin-16:before {
  content: "\eb30";
}
.dku-icon-linkedin-20:before {
  content: "\eb31";
}
.dku-icon-linkedin-24:before {
  content: "\eb32";
}
.dku-icon-linkedin-32:before {
  content: "\eb33";
}
.dku-icon-linkedin-48:before {
  content: "\eb34";
}
.dku-icon-list-bulleted-12:before {
  content: "\eb35";
}
.dku-icon-list-bulleted-16:before {
  content: "\eb36";
}
.dku-icon-list-bulleted-20:before {
  content: "\eb37";
}
.dku-icon-list-bulleted-24:before {
  content: "\eb38";
}
.dku-icon-list-bulleted-32:before {
  content: "\eb39";
}
.dku-icon-list-bulleted-48:before {
  content: "\eb3a";
}
.dku-icon-list-numbered-12:before {
  content: "\eb3b";
}
.dku-icon-list-numbered-16:before {
  content: "\eb3c";
}
.dku-icon-list-numbered-20:before {
  content: "\eb3d";
}
.dku-icon-list-numbered-24:before {
  content: "\eb3e";
}
.dku-icon-list-numbered-32:before {
  content: "\eb3f";
}
.dku-icon-list-numbered-48:before {
  content: "\eb40";
}
.dku-icon-llm-12:before {
  content: "\eb41";
}
.dku-icon-llm-16:before {
  content: "\eb42";
}
.dku-icon-llm-20:before {
  content: "\eb43";
}
.dku-icon-llm-24:before {
  content: "\eb44";
}
.dku-icon-llm-32:before {
  content: "\eb45";
}
.dku-icon-llm-48:before {
  content: "\eb46";
}
.dku-icon-llm-augmented-12:before {
  content: "\eb47";
}
.dku-icon-llm-augmented-16:before {
  content: "\eb48";
}
.dku-icon-llm-augmented-20:before {
  content: "\eb49";
}
.dku-icon-llm-augmented-24:before {
  content: "\eb4a";
}
.dku-icon-llm-augmented-32:before {
  content: "\eb4b";
}
.dku-icon-llm-augmented-48:before {
  content: "\eb4c";
}
.dku-icon-llm-augmented-diamond-fill-12:before {
  content: "\eb4d";
}
.dku-icon-llm-augmented-diamond-fill-16:before {
  content: "\eb4e";
}
.dku-icon-llm-augmented-diamond-fill-20:before {
  content: "\eb4f";
}
.dku-icon-llm-augmented-diamond-fill-24:before {
  content: "\eb50";
}
.dku-icon-llm-augmented-diamond-fill-32:before {
  content: "\eb51";
}
.dku-icon-llm-augmented-diamond-fill-48:before {
  content: "\eb52";
}
.dku-icon-llm-diamond-fill-12:before {
  content: "\eb53";
}
.dku-icon-llm-diamond-fill-16:before {
  content: "\eb54";
}
.dku-icon-llm-diamond-fill-20:before {
  content: "\eb55";
}
.dku-icon-llm-diamond-fill-24:before {
  content: "\eb56";
}
.dku-icon-llm-diamond-fill-32:before {
  content: "\eb57";
}
.dku-icon-llm-diamond-fill-48:before {
  content: "\eb58";
}
.dku-icon-llm-finetuned-12:before {
  content: "\eb59";
}
.dku-icon-llm-finetuned-16:before {
  content: "\eb5a";
}
.dku-icon-llm-finetuned-20:before {
  content: "\eb5b";
}
.dku-icon-llm-finetuned-24:before {
  content: "\eb5c";
}
.dku-icon-llm-finetuned-32:before {
  content: "\eb5d";
}
.dku-icon-llm-finetuned-48:before {
  content: "\eb5e";
}
.dku-icon-llm-finetuned-diamond-fill-12:before {
  content: "\eb5f";
}
.dku-icon-llm-finetuned-diamond-fill-16:before {
  content: "\eb60";
}
.dku-icon-llm-finetuned-diamond-fill-20:before {
  content: "\eb61";
}
.dku-icon-llm-finetuned-diamond-fill-24:before {
  content: "\eb62";
}
.dku-icon-llm-finetuned-diamond-fill-32:before {
  content: "\eb63";
}
.dku-icon-llm-finetuned-diamond-fill-48:before {
  content: "\eb64";
}
.dku-icon-llm-text-classification-other-12:before {
  content: "\eb65";
}
.dku-icon-llm-text-classification-other-16:before {
  content: "\eb66";
}
.dku-icon-llm-text-classification-other-20:before {
  content: "\eb67";
}
.dku-icon-llm-text-classification-other-24:before {
  content: "\eb68";
}
.dku-icon-llm-text-classification-other-32:before {
  content: "\eb69";
}
.dku-icon-llm-text-classification-other-48:before {
  content: "\eb6a";
}
.dku-icon-location-12:before {
  content: "\eb6b";
}
.dku-icon-location-16:before {
  content: "\eb6c";
}
.dku-icon-location-20:before {
  content: "\eb6d";
}
.dku-icon-location-24:before {
  content: "\eb6e";
}
.dku-icon-location-32:before {
  content: "\eb6f";
}
.dku-icon-location-48:before {
  content: "\eb70";
}
.dku-icon-lock-closed-12:before {
  content: "\eb71";
}
.dku-icon-lock-closed-16:before {
  content: "\eb72";
}
.dku-icon-lock-closed-20:before {
  content: "\eb73";
}
.dku-icon-lock-closed-24:before {
  content: "\eb74";
}
.dku-icon-lock-closed-32:before {
  content: "\eb75";
}
.dku-icon-lock-closed-48:before {
  content: "\eb76";
}
.dku-icon-lock-opened-12:before {
  content: "\eb77";
}
.dku-icon-lock-opened-16:before {
  content: "\eb78";
}
.dku-icon-lock-opened-20:before {
  content: "\eb79";
}
.dku-icon-lock-opened-24:before {
  content: "\eb7a";
}
.dku-icon-lock-opened-32:before {
  content: "\eb7b";
}
.dku-icon-lock-opened-48:before {
  content: "\eb7c";
}
.dku-icon-log-12:before {
  content: "\eb7d";
}
.dku-icon-log-16:before {
  content: "\eb7e";
}
.dku-icon-log-20:before {
  content: "\eb7f";
}
.dku-icon-log-24:before {
  content: "\eb80";
}
.dku-icon-log-32:before {
  content: "\eb81";
}
.dku-icon-log-48:before {
  content: "\eb82";
}
.dku-icon-looker-query-12:before {
  content: "\eb83";
}
.dku-icon-looker-query-16:before {
  content: "\eb84";
}
.dku-icon-looker-query-20:before {
  content: "\eb85";
}
.dku-icon-looker-query-24:before {
  content: "\eb86";
}
.dku-icon-looker-query-32:before {
  content: "\eb87";
}
.dku-icon-looker-query-48:before {
  content: "\eb88";
}
.dku-icon-machine-learning-clustering-12:before {
  content: "\eb89";
}
.dku-icon-machine-learning-clustering-16:before {
  content: "\eb8a";
}
.dku-icon-machine-learning-clustering-20:before {
  content: "\eb8b";
}
.dku-icon-machine-learning-clustering-24:before {
  content: "\eb8c";
}
.dku-icon-machine-learning-clustering-32:before {
  content: "\eb8d";
}
.dku-icon-machine-learning-clustering-48:before {
  content: "\eb8e";
}
.dku-icon-machine-learning-regression-12:before {
  content: "\eb8f";
}
.dku-icon-machine-learning-regression-16:before {
  content: "\eb90";
}
.dku-icon-machine-learning-regression-20:before {
  content: "\eb91";
}
.dku-icon-machine-learning-regression-24:before {
  content: "\eb92";
}
.dku-icon-machine-learning-regression-32:before {
  content: "\eb93";
}
.dku-icon-machine-learning-regression-48:before {
  content: "\eb94";
}
.dku-icon-magic-wand-12:before {
  content: "\eb95";
}
.dku-icon-magic-wand-16:before {
  content: "\eb96";
}
.dku-icon-magic-wand-20:before {
  content: "\eb97";
}
.dku-icon-magic-wand-24:before {
  content: "\eb98";
}
.dku-icon-magic-wand-32:before {
  content: "\eb99";
}
.dku-icon-magic-wand-48:before {
  content: "\eb9a";
}
.dku-icon-mail-12:before {
  content: "\eb9b";
}
.dku-icon-mail-16:before {
  content: "\eb9c";
}
.dku-icon-mail-20:before {
  content: "\eb9d";
}
.dku-icon-mail-24:before {
  content: "\eb9e";
}
.dku-icon-mail-32:before {
  content: "\eb9f";
}
.dku-icon-mail-48:before {
  content: "\eba0";
}
.dku-icon-mail-multiple-12:before {
  content: "\eba1";
}
.dku-icon-mail-multiple-16:before {
  content: "\eba2";
}
.dku-icon-mail-multiple-20:before {
  content: "\eba3";
}
.dku-icon-mail-multiple-24:before {
  content: "\eba4";
}
.dku-icon-mail-multiple-32:before {
  content: "\eba5";
}
.dku-icon-mail-multiple-48:before {
  content: "\eba6";
}
.dku-icon-map-12:before {
  content: "\eba7";
}
.dku-icon-map-16:before {
  content: "\eba8";
}
.dku-icon-map-20:before {
  content: "\eba9";
}
.dku-icon-map-24:before {
  content: "\ebaa";
}
.dku-icon-map-32:before {
  content: "\ebab";
}
.dku-icon-map-48:before {
  content: "\ebac";
}
.dku-icon-marakov-chain-12:before {
  content: "\ebad";
}
.dku-icon-marakov-chain-16:before {
  content: "\ebae";
}
.dku-icon-marakov-chain-20:before {
  content: "\ebaf";
}
.dku-icon-marakov-chain-24:before {
  content: "\ebb0";
}
.dku-icon-marakov-chain-32:before {
  content: "\ebb1";
}
.dku-icon-marakov-chain-48:before {
  content: "\ebb2";
}
.dku-icon-meanings-12:before {
  content: "\ebb3";
}
.dku-icon-meanings-16:before {
  content: "\ebb4";
}
.dku-icon-meanings-20:before {
  content: "\ebb5";
}
.dku-icon-meanings-24:before {
  content: "\ebb6";
}
.dku-icon-meanings-32:before {
  content: "\ebb7";
}
.dku-icon-meanings-48:before {
  content: "\ebb8";
}
.dku-icon-menu-grid-dots-12:before {
  content: "\ebb9";
}
.dku-icon-menu-grid-dots-16:before {
  content: "\ebba";
}
.dku-icon-menu-grid-dots-20:before {
  content: "\ebbb";
}
.dku-icon-menu-grid-dots-24:before {
  content: "\ebbc";
}
.dku-icon-menu-grid-dots-32:before {
  content: "\ebbd";
}
.dku-icon-menu-grid-dots-48:before {
  content: "\ebbe";
}
.dku-icon-menu-horizontal-dots-12:before {
  content: "\ebbf";
}
.dku-icon-menu-horizontal-dots-16:before {
  content: "\ebc0";
}
.dku-icon-menu-horizontal-dots-20:before {
  content: "\ebc1";
}
.dku-icon-menu-horizontal-dots-24:before {
  content: "\ebc2";
}
.dku-icon-menu-horizontal-dots-32:before {
  content: "\ebc3";
}
.dku-icon-menu-horizontal-dots-48:before {
  content: "\ebc4";
}
.dku-icon-menu-vertical-dots-12:before {
  content: "\ebc5";
}
.dku-icon-menu-vertical-dots-16:before {
  content: "\ebc6";
}
.dku-icon-menu-vertical-dots-20:before {
  content: "\ebc7";
}
.dku-icon-menu-vertical-dots-24:before {
  content: "\ebc8";
}
.dku-icon-menu-vertical-dots-32:before {
  content: "\ebc9";
}
.dku-icon-menu-vertical-dots-48:before {
  content: "\ebca";
}
.dku-icon-merge-12:before {
  content: "\ebcb";
}
.dku-icon-merge-16:before {
  content: "\ebcc";
}
.dku-icon-merge-20:before {
  content: "\ebcd";
}
.dku-icon-merge-24:before {
  content: "\ebce";
}
.dku-icon-merge-32:before {
  content: "\ebcf";
}
.dku-icon-merge-48:before {
  content: "\ebd0";
}
.dku-icon-merge-branch-12:before {
  content: "\ebd1";
}
.dku-icon-merge-branch-16:before {
  content: "\ebd2";
}
.dku-icon-merge-branch-20:before {
  content: "\ebd3";
}
.dku-icon-merge-branch-24:before {
  content: "\ebd4";
}
.dku-icon-merge-branch-32:before {
  content: "\ebd5";
}
.dku-icon-merge-branch-48:before {
  content: "\ebd6";
}
.dku-icon-meteonomiqs-12:before {
  content: "\ebd7";
}
.dku-icon-meteonomiqs-16:before {
  content: "\ebd8";
}
.dku-icon-meteonomiqs-20:before {
  content: "\ebd9";
}
.dku-icon-meteonomiqs-24:before {
  content: "\ebda";
}
.dku-icon-meteonomiqs-32:before {
  content: "\ebdb";
}
.dku-icon-meteonomiqs-48:before {
  content: "\ebdc";
}
.dku-icon-microphone-12:before {
  content: "\ebdd";
}
.dku-icon-microphone-16:before {
  content: "\ebde";
}
.dku-icon-microphone-20:before {
  content: "\ebdf";
}
.dku-icon-microphone-24:before {
  content: "\ebe0";
}
.dku-icon-microphone-32:before {
  content: "\ebe1";
}
.dku-icon-microphone-48:before {
  content: "\ebe2";
}
.dku-icon-microscope-12:before {
  content: "\ebe3";
}
.dku-icon-microscope-16:before {
  content: "\ebe4";
}
.dku-icon-microscope-20:before {
  content: "\ebe5";
}
.dku-icon-microscope-24:before {
  content: "\ebe6";
}
.dku-icon-microscope-32:before {
  content: "\ebe7";
}
.dku-icon-microscope-48:before {
  content: "\ebe8";
}
.dku-icon-microscope-circle-fill-12:before {
  content: "\ebe9";
}
.dku-icon-microscope-circle-fill-16:before {
  content: "\ebea";
}
.dku-icon-microscope-circle-fill-20:before {
  content: "\ebeb";
}
.dku-icon-microscope-circle-fill-24:before {
  content: "\ebec";
}
.dku-icon-microscope-circle-fill-32:before {
  content: "\ebed";
}
.dku-icon-microscope-circle-fill-48:before {
  content: "\ebee";
}
.dku-icon-microsoft-azure-12:before {
  content: "\ebef";
}
.dku-icon-microsoft-azure-16:before {
  content: "\ebf0";
}
.dku-icon-microsoft-azure-20:before {
  content: "\ebf1";
}
.dku-icon-microsoft-azure-24:before {
  content: "\ebf2";
}
.dku-icon-microsoft-azure-32:before {
  content: "\ebf3";
}
.dku-icon-microsoft-azure-48:before {
  content: "\ebf4";
}
.dku-icon-microsoft-azure-active-directory-12:before {
  content: "\ebf5";
}
.dku-icon-microsoft-azure-active-directory-16:before {
  content: "\ebf6";
}
.dku-icon-microsoft-azure-active-directory-20:before {
  content: "\ebf7";
}
.dku-icon-microsoft-azure-active-directory-24:before {
  content: "\ebf8";
}
.dku-icon-microsoft-azure-active-directory-32:before {
  content: "\ebf9";
}
.dku-icon-microsoft-azure-active-directory-48:before {
  content: "\ebfa";
}
.dku-icon-microsoft-azure-blob-storage-12:before {
  content: "\ebfb";
}
.dku-icon-microsoft-azure-blob-storage-16:before {
  content: "\ebfc";
}
.dku-icon-microsoft-azure-blob-storage-20:before {
  content: "\ebfd";
}
.dku-icon-microsoft-azure-blob-storage-24:before {
  content: "\ebfe";
}
.dku-icon-microsoft-azure-blob-storage-32:before {
  content: "\ebff";
}
.dku-icon-microsoft-azure-blob-storage-48:before {
  content: "\ec00";
}
.dku-icon-microsoft-azure-event-hub-12:before {
  content: "\ec01";
}
.dku-icon-microsoft-azure-event-hub-16:before {
  content: "\ec02";
}
.dku-icon-microsoft-azure-event-hub-20:before {
  content: "\ec03";
}
.dku-icon-microsoft-azure-event-hub-24:before {
  content: "\ec04";
}
.dku-icon-microsoft-azure-event-hub-32:before {
  content: "\ec05";
}
.dku-icon-microsoft-azure-event-hub-48:before {
  content: "\ec06";
}
.dku-icon-microsoft-azure-kubernetes-12:before {
  content: "\ec07";
}
.dku-icon-microsoft-azure-kubernetes-16:before {
  content: "\ec08";
}
.dku-icon-microsoft-azure-kubernetes-20:before {
  content: "\ec09";
}
.dku-icon-microsoft-azure-kubernetes-24:before {
  content: "\ec0a";
}
.dku-icon-microsoft-azure-kubernetes-32:before {
  content: "\ec0b";
}
.dku-icon-microsoft-azure-kubernetes-48:before {
  content: "\ec0c";
}
.dku-icon-microsoft-azure-ml-12:before {
  content: "\ec0d";
}
.dku-icon-microsoft-azure-ml-16:before {
  content: "\ec0e";
}
.dku-icon-microsoft-azure-ml-20:before {
  content: "\ec0f";
}
.dku-icon-microsoft-azure-ml-24:before {
  content: "\ec10";
}
.dku-icon-microsoft-azure-ml-32:before {
  content: "\ec11";
}
.dku-icon-microsoft-azure-ml-48:before {
  content: "\ec12";
}
.dku-icon-microsoft-azure-synapse-12:before {
  content: "\ec13";
}
.dku-icon-microsoft-azure-synapse-16:before {
  content: "\ec14";
}
.dku-icon-microsoft-azure-synapse-20:before {
  content: "\ec15";
}
.dku-icon-microsoft-azure-synapse-24:before {
  content: "\ec16";
}
.dku-icon-microsoft-azure-synapse-32:before {
  content: "\ec17";
}
.dku-icon-microsoft-azure-synapse-48:before {
  content: "\ec18";
}
.dku-icon-microsoft-excel-12:before {
  content: "\ec19";
}
.dku-icon-microsoft-excel-16:before {
  content: "\ec1a";
}
.dku-icon-microsoft-excel-20:before {
  content: "\ec1b";
}
.dku-icon-microsoft-excel-24:before {
  content: "\ec1c";
}
.dku-icon-microsoft-excel-32:before {
  content: "\ec1d";
}
.dku-icon-microsoft-excel-48:before {
  content: "\ec1e";
}
.dku-icon-microsoft-fabric-warehouse-12:before {
  content: "\ec1f";
}
.dku-icon-microsoft-fabric-warehouse-16:before {
  content: "\ec20";
}
.dku-icon-microsoft-fabric-warehouse-20:before {
  content: "\ec21";
}
.dku-icon-microsoft-fabric-warehouse-24:before {
  content: "\ec22";
}
.dku-icon-microsoft-fabric-warehouse-32:before {
  content: "\ec23";
}
.dku-icon-microsoft-fabric-warehouse-48:before {
  content: "\ec24";
}
.dku-icon-microsoft-fabric-warehouse-diagram-12:before {
  content: "\ec25";
}
.dku-icon-microsoft-fabric-warehouse-diagram-16:before {
  content: "\ec26";
}
.dku-icon-microsoft-fabric-warehouse-diagram-20:before {
  content: "\ec27";
}
.dku-icon-microsoft-fabric-warehouse-diagram-24:before {
  content: "\ec28";
}
.dku-icon-microsoft-fabric-warehouse-diagram-32:before {
  content: "\ec29";
}
.dku-icon-microsoft-fabric-warehouse-diagram-48:before {
  content: "\ec2a";
}
.dku-icon-microsoft-onedrive-12:before {
  content: "\ec2b";
}
.dku-icon-microsoft-onedrive-16:before {
  content: "\ec2c";
}
.dku-icon-microsoft-onedrive-20:before {
  content: "\ec2d";
}
.dku-icon-microsoft-onedrive-24:before {
  content: "\ec2e";
}
.dku-icon-microsoft-onedrive-32:before {
  content: "\ec2f";
}
.dku-icon-microsoft-onedrive-48:before {
  content: "\ec30";
}
.dku-icon-microsoft-onelake-12:before {
  content: "\ec31";
}
.dku-icon-microsoft-onelake-16:before {
  content: "\ec32";
}
.dku-icon-microsoft-onelake-20:before {
  content: "\ec33";
}
.dku-icon-microsoft-onelake-24:before {
  content: "\ec34";
}
.dku-icon-microsoft-onelake-32:before {
  content: "\ec35";
}
.dku-icon-microsoft-onelake-48:before {
  content: "\ec36";
}
.dku-icon-microsoft-powerbi-12:before {
  content: "\ec37";
}
.dku-icon-microsoft-powerbi-16:before {
  content: "\ec38";
}
.dku-icon-microsoft-powerbi-20:before {
  content: "\ec39";
}
.dku-icon-microsoft-powerbi-24:before {
  content: "\ec3a";
}
.dku-icon-microsoft-powerbi-32:before {
  content: "\ec3b";
}
.dku-icon-microsoft-powerbi-48:before {
  content: "\ec3c";
}
.dku-icon-microsoft-sharepoint-12:before {
  content: "\ec3d";
}
.dku-icon-microsoft-sharepoint-16:before {
  content: "\ec3e";
}
.dku-icon-microsoft-sharepoint-20:before {
  content: "\ec3f";
}
.dku-icon-microsoft-sharepoint-24:before {
  content: "\ec40";
}
.dku-icon-microsoft-sharepoint-32:before {
  content: "\ec41";
}
.dku-icon-microsoft-sharepoint-48:before {
  content: "\ec42";
}
.dku-icon-microstrategy-12:before {
  content: "\ec43";
}
.dku-icon-microstrategy-16:before {
  content: "\ec44";
}
.dku-icon-microstrategy-20:before {
  content: "\ec45";
}
.dku-icon-microstrategy-24:before {
  content: "\ec46";
}
.dku-icon-microstrategy-32:before {
  content: "\ec47";
}
.dku-icon-microstrategy-48:before {
  content: "\ec48";
}
.dku-icon-minus-circle-12:before {
  content: "\ec49";
}
.dku-icon-minus-circle-16:before {
  content: "\ec4a";
}
.dku-icon-minus-circle-20:before {
  content: "\ec4b";
}
.dku-icon-minus-circle-24:before {
  content: "\ec4c";
}
.dku-icon-minus-circle-32:before {
  content: "\ec4d";
}
.dku-icon-minus-circle-48:before {
  content: "\ec4e";
}
.dku-icon-minus-circle-outline-12:before {
  content: "\ec4f";
}
.dku-icon-minus-circle-outline-16:before {
  content: "\ec50";
}
.dku-icon-minus-circle-outline-20:before {
  content: "\ec51";
}
.dku-icon-minus-circle-outline-24:before {
  content: "\ec52";
}
.dku-icon-minus-circle-outline-32:before {
  content: "\ec53";
}
.dku-icon-minus-circle-outline-48:before {
  content: "\ec54";
}
.dku-icon-mistral-12:before {
  content: "\ec55";
}
.dku-icon-mistral-16:before {
  content: "\ec56";
}
.dku-icon-mistral-20:before {
  content: "\ec57";
}
.dku-icon-mistral-24:before {
  content: "\ec58";
}
.dku-icon-mistral-32:before {
  content: "\ec59";
}
.dku-icon-mistral-48:before {
  content: "\ec5a";
}
.dku-icon-ml-analysis-12:before {
  content: "\ec5b";
}
.dku-icon-ml-analysis-16:before {
  content: "\ec5c";
}
.dku-icon-ml-analysis-20:before {
  content: "\ec5d";
}
.dku-icon-ml-analysis-24:before {
  content: "\ec5e";
}
.dku-icon-ml-analysis-32:before {
  content: "\ec5f";
}
.dku-icon-ml-analysis-48:before {
  content: "\ec60";
}
.dku-icon-model-azureml-12:before {
  content: "\ec61";
}
.dku-icon-model-azureml-16:before {
  content: "\ec62";
}
.dku-icon-model-azureml-20:before {
  content: "\ec63";
}
.dku-icon-model-azureml-24:before {
  content: "\ec64";
}
.dku-icon-model-azureml-32:before {
  content: "\ec65";
}
.dku-icon-model-azureml-48:before {
  content: "\ec66";
}
.dku-icon-model-comparison-12:before {
  content: "\ec67";
}
.dku-icon-model-comparison-16:before {
  content: "\ec68";
}
.dku-icon-model-comparison-20:before {
  content: "\ec69";
}
.dku-icon-model-comparison-24:before {
  content: "\ec6a";
}
.dku-icon-model-comparison-32:before {
  content: "\ec6b";
}
.dku-icon-model-comparison-48:before {
  content: "\ec6c";
}
.dku-icon-model-databricks-12:before {
  content: "\ec6d";
}
.dku-icon-model-databricks-16:before {
  content: "\ec6e";
}
.dku-icon-model-databricks-20:before {
  content: "\ec6f";
}
.dku-icon-model-databricks-24:before {
  content: "\ec70";
}
.dku-icon-model-databricks-32:before {
  content: "\ec71";
}
.dku-icon-model-databricks-48:before {
  content: "\ec72";
}
.dku-icon-model-evaluation-store-12:before {
  content: "\ec73";
}
.dku-icon-model-evaluation-store-16:before {
  content: "\ec74";
}
.dku-icon-model-evaluation-store-20:before {
  content: "\ec75";
}
.dku-icon-model-evaluation-store-24:before {
  content: "\ec76";
}
.dku-icon-model-evaluation-store-32:before {
  content: "\ec77";
}
.dku-icon-model-evaluation-store-48:before {
  content: "\ec78";
}
.dku-icon-model-fill-12:before {
  content: "\ec79";
}
.dku-icon-model-fill-16:before {
  content: "\ec7a";
}
.dku-icon-model-fill-20:before {
  content: "\ec7b";
}
.dku-icon-model-fill-24:before {
  content: "\ec7c";
}
.dku-icon-model-fill-32:before {
  content: "\ec7d";
}
.dku-icon-model-fill-48:before {
  content: "\ec7e";
}
.dku-icon-model-google-vertex-12:before {
  content: "\ec7f";
}
.dku-icon-model-google-vertex-16:before {
  content: "\ec80";
}
.dku-icon-model-google-vertex-20:before {
  content: "\ec81";
}
.dku-icon-model-google-vertex-24:before {
  content: "\ec82";
}
.dku-icon-model-google-vertex-32:before {
  content: "\ec83";
}
.dku-icon-model-google-vertex-48:before {
  content: "\ec84";
}
.dku-icon-model-mes-12:before {
  content: "\ec85";
}
.dku-icon-model-mes-16:before {
  content: "\ec86";
}
.dku-icon-model-mes-20:before {
  content: "\ec87";
}
.dku-icon-model-mes-24:before {
  content: "\ec88";
}
.dku-icon-model-mes-32:before {
  content: "\ec89";
}
.dku-icon-model-mes-48:before {
  content: "\ec8a";
}
.dku-icon-model-mlflow-12:before {
  content: "\ec8b";
}
.dku-icon-model-mlflow-16:before {
  content: "\ec8c";
}
.dku-icon-model-mlflow-20:before {
  content: "\ec8d";
}
.dku-icon-model-mlflow-24:before {
  content: "\ec8e";
}
.dku-icon-model-mlflow-32:before {
  content: "\ec8f";
}
.dku-icon-model-mlflow-48:before {
  content: "\ec90";
}
.dku-icon-model-result-12:before {
  content: "\ec91";
}
.dku-icon-model-result-16:before {
  content: "\ec92";
}
.dku-icon-model-result-20:before {
  content: "\ec93";
}
.dku-icon-model-result-24:before {
  content: "\ec94";
}
.dku-icon-model-result-32:before {
  content: "\ec95";
}
.dku-icon-model-result-48:before {
  content: "\ec96";
}
.dku-icon-model-sagemaker-12:before {
  content: "\ec97";
}
.dku-icon-model-sagemaker-16:before {
  content: "\ec98";
}
.dku-icon-model-sagemaker-20:before {
  content: "\ec99";
}
.dku-icon-model-sagemaker-24:before {
  content: "\ec9a";
}
.dku-icon-model-sagemaker-32:before {
  content: "\ec9b";
}
.dku-icon-model-sagemaker-48:before {
  content: "\ec9c";
}
.dku-icon-modelize-12:before {
  content: "\ec9d";
}
.dku-icon-modelize-16:before {
  content: "\ec9e";
}
.dku-icon-modelize-20:before {
  content: "\ec9f";
}
.dku-icon-modelize-24:before {
  content: "\eca0";
}
.dku-icon-modelize-32:before {
  content: "\eca1";
}
.dku-icon-modelize-48:before {
  content: "\eca2";
}
.dku-icon-molecule-12:before {
  content: "\eca3";
}
.dku-icon-molecule-16:before {
  content: "\eca4";
}
.dku-icon-molecule-20:before {
  content: "\eca5";
}
.dku-icon-molecule-24:before {
  content: "\eca6";
}
.dku-icon-molecule-32:before {
  content: "\eca7";
}
.dku-icon-molecule-48:before {
  content: "\eca8";
}
.dku-icon-mongo-12:before {
  content: "\eca9";
}
.dku-icon-mongo-16:before {
  content: "\ecaa";
}
.dku-icon-mongo-20:before {
  content: "\ecab";
}
.dku-icon-mongo-24:before {
  content: "\ecac";
}
.dku-icon-mongo-32:before {
  content: "\ecad";
}
.dku-icon-mongo-48:before {
  content: "\ecae";
}
.dku-icon-moon-12:before {
  content: "\ecaf";
}
.dku-icon-moon-16:before {
  content: "\ecb0";
}
.dku-icon-moon-20:before {
  content: "\ecb1";
}
.dku-icon-moon-24:before {
  content: "\ecb2";
}
.dku-icon-moon-32:before {
  content: "\ecb3";
}
.dku-icon-moon-48:before {
  content: "\ecb4";
}
.dku-icon-mosaicml-12:before {
  content: "\ecb5";
}
.dku-icon-mosaicml-16:before {
  content: "\ecb6";
}
.dku-icon-mosaicml-20:before {
  content: "\ecb7";
}
.dku-icon-mosaicml-24:before {
  content: "\ecb8";
}
.dku-icon-mosaicml-32:before {
  content: "\ecb9";
}
.dku-icon-mosaicml-48:before {
  content: "\ecba";
}
.dku-icon-musixmatch-12:before {
  content: "\ecbb";
}
.dku-icon-musixmatch-16:before {
  content: "\ecbc";
}
.dku-icon-musixmatch-20:before {
  content: "\ecbd";
}
.dku-icon-musixmatch-24:before {
  content: "\ecbe";
}
.dku-icon-musixmatch-32:before {
  content: "\ecbf";
}
.dku-icon-musixmatch-48:before {
  content: "\ecc0";
}
.dku-icon-mysql-12:before {
  content: "\ecc1";
}
.dku-icon-mysql-16:before {
  content: "\ecc2";
}
.dku-icon-mysql-20:before {
  content: "\ecc3";
}
.dku-icon-mysql-24:before {
  content: "\ecc4";
}
.dku-icon-mysql-32:before {
  content: "\ecc5";
}
.dku-icon-mysql-48:before {
  content: "\ecc6";
}
.dku-icon-mysql-through-jdbc-12:before {
  content: "\ecc7";
}
.dku-icon-mysql-through-jdbc-16:before {
  content: "\ecc8";
}
.dku-icon-mysql-through-jdbc-20:before {
  content: "\ecc9";
}
.dku-icon-mysql-through-jdbc-24:before {
  content: "\ecca";
}
.dku-icon-mysql-through-jdbc-32:before {
  content: "\eccb";
}
.dku-icon-mysql-through-jdbc-48:before {
  content: "\eccc";
}
.dku-icon-neo4j-12:before {
  content: "\eccd";
}
.dku-icon-neo4j-16:before {
  content: "\ecce";
}
.dku-icon-neo4j-20:before {
  content: "\eccf";
}
.dku-icon-neo4j-24:before {
  content: "\ecd0";
}
.dku-icon-neo4j-32:before {
  content: "\ecd1";
}
.dku-icon-neo4j-48:before {
  content: "\ecd2";
}
.dku-icon-netezza-12:before {
  content: "\ecd3";
}
.dku-icon-netezza-16:before {
  content: "\ecd4";
}
.dku-icon-netezza-20:before {
  content: "\ecd5";
}
.dku-icon-netezza-24:before {
  content: "\ecd6";
}
.dku-icon-netezza-32:before {
  content: "\ecd7";
}
.dku-icon-netezza-48:before {
  content: "\ecd8";
}
.dku-icon-news-12:before {
  content: "\ecd9";
}
.dku-icon-news-16:before {
  content: "\ecda";
}
.dku-icon-news-20:before {
  content: "\ecdb";
}
.dku-icon-news-24:before {
  content: "\ecdc";
}
.dku-icon-news-32:before {
  content: "\ecdd";
}
.dku-icon-news-48:before {
  content: "\ecde";
}
.dku-icon-nginx-12:before {
  content: "\ecdf";
}
.dku-icon-nginx-16:before {
  content: "\ece0";
}
.dku-icon-nginx-20:before {
  content: "\ece1";
}
.dku-icon-nginx-24:before {
  content: "\ece2";
}
.dku-icon-nginx-32:before {
  content: "\ece3";
}
.dku-icon-nginx-48:before {
  content: "\ece4";
}
.dku-icon-node-api-12:before {
  content: "\ece5";
}
.dku-icon-node-api-16:before {
  content: "\ece6";
}
.dku-icon-node-api-20:before {
  content: "\ece7";
}
.dku-icon-node-api-24:before {
  content: "\ece8";
}
.dku-icon-node-api-32:before {
  content: "\ece9";
}
.dku-icon-node-api-48:before {
  content: "\ecea";
}
.dku-icon-node-api-preprod-12:before {
  content: "\eceb";
}
.dku-icon-node-api-preprod-16:before {
  content: "\ecec";
}
.dku-icon-node-api-preprod-20:before {
  content: "\eced";
}
.dku-icon-node-api-preprod-24:before {
  content: "\ecee";
}
.dku-icon-node-api-preprod-32:before {
  content: "\ecef";
}
.dku-icon-node-api-preprod-48:before {
  content: "\ecf0";
}
.dku-icon-node-automation-12:before {
  content: "\ecf1";
}
.dku-icon-node-automation-16:before {
  content: "\ecf2";
}
.dku-icon-node-automation-20:before {
  content: "\ecf3";
}
.dku-icon-node-automation-24:before {
  content: "\ecf4";
}
.dku-icon-node-automation-32:before {
  content: "\ecf5";
}
.dku-icon-node-automation-48:before {
  content: "\ecf6";
}
.dku-icon-node-automation-preprod-12:before {
  content: "\ecf7";
}
.dku-icon-node-automation-preprod-16:before {
  content: "\ecf8";
}
.dku-icon-node-automation-preprod-20:before {
  content: "\ecf9";
}
.dku-icon-node-automation-preprod-24:before {
  content: "\ecfa";
}
.dku-icon-node-automation-preprod-32:before {
  content: "\ecfb";
}
.dku-icon-node-automation-preprod-48:before {
  content: "\ecfc";
}
.dku-icon-node-design-12:before {
  content: "\ecfd";
}
.dku-icon-node-design-16:before {
  content: "\ecfe";
}
.dku-icon-node-design-20:before {
  content: "\ecff";
}
.dku-icon-node-design-24:before {
  content: "\ed00";
}
.dku-icon-node-design-32:before {
  content: "\ed01";
}
.dku-icon-node-design-48:before {
  content: "\ed02";
}
.dku-icon-node-govern-12:before {
  content: "\ed03";
}
.dku-icon-node-govern-16:before {
  content: "\ed04";
}
.dku-icon-node-govern-20:before {
  content: "\ed05";
}
.dku-icon-node-govern-24:before {
  content: "\ed06";
}
.dku-icon-node-govern-32:before {
  content: "\ed07";
}
.dku-icon-node-govern-48:before {
  content: "\ed08";
}
.dku-icon-node-standalone-deployer-12:before {
  content: "\ed09";
}
.dku-icon-node-standalone-deployer-16:before {
  content: "\ed0a";
}
.dku-icon-node-standalone-deployer-20:before {
  content: "\ed0b";
}
.dku-icon-node-standalone-deployer-24:before {
  content: "\ed0c";
}
.dku-icon-node-standalone-deployer-32:before {
  content: "\ed0d";
}
.dku-icon-node-standalone-deployer-48:before {
  content: "\ed0e";
}
.dku-icon-nvidia-12:before {
  content: "\ed0f";
}
.dku-icon-nvidia-16:before {
  content: "\ed10";
}
.dku-icon-nvidia-20:before {
  content: "\ed11";
}
.dku-icon-nvidia-24:before {
  content: "\ed12";
}
.dku-icon-nvidia-32:before {
  content: "\ed13";
}
.dku-icon-nvidia-48:before {
  content: "\ed14";
}
.dku-icon-object-backward-12:before {
  content: "\ed15";
}
.dku-icon-object-backward-16:before {
  content: "\ed16";
}
.dku-icon-object-backward-20:before {
  content: "\ed17";
}
.dku-icon-object-backward-24:before {
  content: "\ed18";
}
.dku-icon-object-backward-32:before {
  content: "\ed19";
}
.dku-icon-object-backward-48:before {
  content: "\ed1a";
}
.dku-icon-object-detection-12:before {
  content: "\ed1b";
}
.dku-icon-object-detection-16:before {
  content: "\ed1c";
}
.dku-icon-object-detection-20:before {
  content: "\ed1d";
}
.dku-icon-object-detection-24:before {
  content: "\ed1e";
}
.dku-icon-object-detection-32:before {
  content: "\ed1f";
}
.dku-icon-object-detection-48:before {
  content: "\ed20";
}
.dku-icon-object-forward-12:before {
  content: "\ed21";
}
.dku-icon-object-forward-16:before {
  content: "\ed22";
}
.dku-icon-object-forward-20:before {
  content: "\ed23";
}
.dku-icon-object-forward-24:before {
  content: "\ed24";
}
.dku-icon-object-forward-32:before {
  content: "\ed25";
}
.dku-icon-object-forward-48:before {
  content: "\ed26";
}
.dku-icon-object-order-send-backward-12:before {
  content: "\ed27";
}
.dku-icon-object-order-send-backward-16:before {
  content: "\ed28";
}
.dku-icon-object-order-send-backward-20:before {
  content: "\ed29";
}
.dku-icon-object-order-send-backward-24:before {
  content: "\ed2a";
}
.dku-icon-object-order-send-backward-32:before {
  content: "\ed2b";
}
.dku-icon-object-order-send-backward-48:before {
  content: "\ed2c";
}
.dku-icon-object-order-send-forward-12:before {
  content: "\ed2d";
}
.dku-icon-object-order-send-forward-16:before {
  content: "\ed2e";
}
.dku-icon-object-order-send-forward-20:before {
  content: "\ed2f";
}
.dku-icon-object-order-send-forward-24:before {
  content: "\ed30";
}
.dku-icon-object-order-send-forward-32:before {
  content: "\ed31";
}
.dku-icon-object-order-send-forward-48:before {
  content: "\ed32";
}
.dku-icon-object-order-send-to-back-12:before {
  content: "\ed33";
}
.dku-icon-object-order-send-to-back-16:before {
  content: "\ed34";
}
.dku-icon-object-order-send-to-back-20:before {
  content: "\ed35";
}
.dku-icon-object-order-send-to-back-24:before {
  content: "\ed36";
}
.dku-icon-object-order-send-to-back-32:before {
  content: "\ed37";
}
.dku-icon-object-order-send-to-back-48:before {
  content: "\ed38";
}
.dku-icon-object-order-send-to-front-12:before {
  content: "\ed39";
}
.dku-icon-object-order-send-to-front-16:before {
  content: "\ed3a";
}
.dku-icon-object-order-send-to-front-20:before {
  content: "\ed3b";
}
.dku-icon-object-order-send-to-front-24:before {
  content: "\ed3c";
}
.dku-icon-object-order-send-to-front-32:before {
  content: "\ed3d";
}
.dku-icon-object-order-send-to-front-48:before {
  content: "\ed3e";
}
.dku-icon-objects-alignement-bottom-12:before {
  content: "\ed3f";
}
.dku-icon-objects-alignement-bottom-16:before {
  content: "\ed40";
}
.dku-icon-objects-alignement-bottom-20:before {
  content: "\ed41";
}
.dku-icon-objects-alignement-bottom-24:before {
  content: "\ed42";
}
.dku-icon-objects-alignement-bottom-32:before {
  content: "\ed43";
}
.dku-icon-objects-alignement-bottom-48:before {
  content: "\ed44";
}
.dku-icon-objects-alignement-center-12:before {
  content: "\ed45";
}
.dku-icon-objects-alignement-center-16:before {
  content: "\ed46";
}
.dku-icon-objects-alignement-center-20:before {
  content: "\ed47";
}
.dku-icon-objects-alignement-center-24:before {
  content: "\ed48";
}
.dku-icon-objects-alignement-center-32:before {
  content: "\ed49";
}
.dku-icon-objects-alignement-center-48:before {
  content: "\ed4a";
}
.dku-icon-objects-alignement-left-12:before {
  content: "\ed4b";
}
.dku-icon-objects-alignement-left-16:before {
  content: "\ed4c";
}
.dku-icon-objects-alignement-left-20:before {
  content: "\ed4d";
}
.dku-icon-objects-alignement-left-24:before {
  content: "\ed4e";
}
.dku-icon-objects-alignement-left-32:before {
  content: "\ed4f";
}
.dku-icon-objects-alignement-left-48:before {
  content: "\ed50";
}
.dku-icon-objects-alignement-middle-12:before {
  content: "\ed51";
}
.dku-icon-objects-alignement-middle-16:before {
  content: "\ed52";
}
.dku-icon-objects-alignement-middle-20:before {
  content: "\ed53";
}
.dku-icon-objects-alignement-middle-24:before {
  content: "\ed54";
}
.dku-icon-objects-alignement-middle-32:before {
  content: "\ed55";
}
.dku-icon-objects-alignement-middle-48:before {
  content: "\ed56";
}
.dku-icon-objects-alignement-right-12:before {
  content: "\ed57";
}
.dku-icon-objects-alignement-right-16:before {
  content: "\ed58";
}
.dku-icon-objects-alignement-right-20:before {
  content: "\ed59";
}
.dku-icon-objects-alignement-right-24:before {
  content: "\ed5a";
}
.dku-icon-objects-alignement-right-32:before {
  content: "\ed5b";
}
.dku-icon-objects-alignement-right-48:before {
  content: "\ed5c";
}
.dku-icon-objects-alignement-top-12:before {
  content: "\ed5d";
}
.dku-icon-objects-alignement-top-16:before {
  content: "\ed5e";
}
.dku-icon-objects-alignement-top-20:before {
  content: "\ed5f";
}
.dku-icon-objects-alignement-top-24:before {
  content: "\ed60";
}
.dku-icon-objects-alignement-top-32:before {
  content: "\ed61";
}
.dku-icon-objects-alignement-top-48:before {
  content: "\ed62";
}
.dku-icon-odometer-12:before {
  content: "\ed63";
}
.dku-icon-odometer-16:before {
  content: "\ed64";
}
.dku-icon-odometer-20:before {
  content: "\ed65";
}
.dku-icon-odometer-24:before {
  content: "\ed66";
}
.dku-icon-odometer-32:before {
  content: "\ed67";
}
.dku-icon-odometer-48:before {
  content: "\ed68";
}
.dku-icon-open-street-map-12:before {
  content: "\ed69";
}
.dku-icon-open-street-map-16:before {
  content: "\ed6a";
}
.dku-icon-open-street-map-20:before {
  content: "\ed6b";
}
.dku-icon-open-street-map-24:before {
  content: "\ed6c";
}
.dku-icon-open-street-map-32:before {
  content: "\ed6d";
}
.dku-icon-open-street-map-48:before {
  content: "\ed6e";
}
.dku-icon-open-weather-map-12:before {
  content: "\ed6f";
}
.dku-icon-open-weather-map-16:before {
  content: "\ed70";
}
.dku-icon-open-weather-map-20:before {
  content: "\ed71";
}
.dku-icon-open-weather-map-24:before {
  content: "\ed72";
}
.dku-icon-open-weather-map-32:before {
  content: "\ed73";
}
.dku-icon-open-weather-map-48:before {
  content: "\ed74";
}
.dku-icon-openai-12:before {
  content: "\ed75";
}
.dku-icon-openai-16:before {
  content: "\ed76";
}
.dku-icon-openai-20:before {
  content: "\ed77";
}
.dku-icon-openai-24:before {
  content: "\ed78";
}
.dku-icon-openai-32:before {
  content: "\ed79";
}
.dku-icon-openai-48:before {
  content: "\ed7a";
}
.dku-icon-openapi-12:before {
  content: "\ed7b";
}
.dku-icon-openapi-16:before {
  content: "\ed7c";
}
.dku-icon-openapi-20:before {
  content: "\ed7d";
}
.dku-icon-openapi-24:before {
  content: "\ed7e";
}
.dku-icon-openapi-32:before {
  content: "\ed7f";
}
.dku-icon-openapi-48:before {
  content: "\ed80";
}
.dku-icon-oracle-12:before {
  content: "\ed81";
}
.dku-icon-oracle-16:before {
  content: "\ed82";
}
.dku-icon-oracle-20:before {
  content: "\ed83";
}
.dku-icon-oracle-24:before {
  content: "\ed84";
}
.dku-icon-oracle-32:before {
  content: "\ed85";
}
.dku-icon-oracle-48:before {
  content: "\ed86";
}
.dku-icon-organization-horizontal-12:before {
  content: "\ed87";
}
.dku-icon-organization-horizontal-16:before {
  content: "\ed88";
}
.dku-icon-organization-horizontal-20:before {
  content: "\ed89";
}
.dku-icon-organization-horizontal-24:before {
  content: "\ed8a";
}
.dku-icon-organization-horizontal-32:before {
  content: "\ed8b";
}
.dku-icon-organization-horizontal-48:before {
  content: "\ed8c";
}
.dku-icon-overview-page-12:before {
  content: "\ed8d";
}
.dku-icon-overview-page-16:before {
  content: "\ed8e";
}
.dku-icon-overview-page-20:before {
  content: "\ed8f";
}
.dku-icon-overview-page-24:before {
  content: "\ed90";
}
.dku-icon-overview-page-32:before {
  content: "\ed91";
}
.dku-icon-overview-page-48:before {
  content: "\ed92";
}
.dku-icon-paint-bucket-12:before {
  content: "\ed93";
}
.dku-icon-paint-bucket-16:before {
  content: "\ed94";
}
.dku-icon-paint-bucket-20:before {
  content: "\ed95";
}
.dku-icon-paint-bucket-24:before {
  content: "\ed96";
}
.dku-icon-paint-bucket-32:before {
  content: "\ed97";
}
.dku-icon-paint-bucket-48:before {
  content: "\ed98";
}
.dku-icon-pandas-12:before {
  content: "\ed99";
}
.dku-icon-pandas-16:before {
  content: "\ed9a";
}
.dku-icon-pandas-20:before {
  content: "\ed9b";
}
.dku-icon-pandas-24:before {
  content: "\ed9c";
}
.dku-icon-pandas-32:before {
  content: "\ed9d";
}
.dku-icon-pandas-48:before {
  content: "\ed9e";
}
.dku-icon-pause-12:before {
  content: "\ed9f";
}
.dku-icon-pause-16:before {
  content: "\eda0";
}
.dku-icon-pause-20:before {
  content: "\eda1";
}
.dku-icon-pause-24:before {
  content: "\eda2";
}
.dku-icon-pause-32:before {
  content: "\eda3";
}
.dku-icon-pause-48:before {
  content: "\eda4";
}
.dku-icon-pause-circle-fill-12:before {
  content: "\eda5";
}
.dku-icon-pause-circle-fill-16:before {
  content: "\eda6";
}
.dku-icon-pause-circle-fill-20:before {
  content: "\eda7";
}
.dku-icon-pause-circle-fill-24:before {
  content: "\eda8";
}
.dku-icon-pause-circle-fill-32:before {
  content: "\eda9";
}
.dku-icon-pause-circle-fill-48:before {
  content: "\edaa";
}
.dku-icon-person-12:before {
  content: "\edab";
}
.dku-icon-person-16:before {
  content: "\edac";
}
.dku-icon-person-20:before {
  content: "\edad";
}
.dku-icon-person-24:before {
  content: "\edae";
}
.dku-icon-person-32:before {
  content: "\edaf";
}
.dku-icon-person-48:before {
  content: "\edb0";
}
.dku-icon-person-available-12:before {
  content: "\edb1";
}
.dku-icon-person-available-16:before {
  content: "\edb2";
}
.dku-icon-person-available-20:before {
  content: "\edb3";
}
.dku-icon-person-available-24:before {
  content: "\edb4";
}
.dku-icon-person-available-32:before {
  content: "\edb5";
}
.dku-icon-person-available-48:before {
  content: "\edb6";
}
.dku-icon-person-fill-12:before {
  content: "\edb7";
}
.dku-icon-person-fill-16:before {
  content: "\edb8";
}
.dku-icon-person-fill-20:before {
  content: "\edb9";
}
.dku-icon-person-fill-24:before {
  content: "\edba";
}
.dku-icon-person-fill-32:before {
  content: "\edbb";
}
.dku-icon-person-fill-48:before {
  content: "\edbc";
}
.dku-icon-person-group-12:before {
  content: "\edbd";
}
.dku-icon-person-group-16:before {
  content: "\edbe";
}
.dku-icon-person-group-20:before {
  content: "\edbf";
}
.dku-icon-person-group-24:before {
  content: "\edc0";
}
.dku-icon-person-group-32:before {
  content: "\edc1";
}
.dku-icon-person-group-48:before {
  content: "\edc2";
}
.dku-icon-person-hiking-12:before {
  content: "\edc3";
}
.dku-icon-person-hiking-16:before {
  content: "\edc4";
}
.dku-icon-person-hiking-20:before {
  content: "\edc5";
}
.dku-icon-person-hiking-24:before {
  content: "\edc6";
}
.dku-icon-person-hiking-32:before {
  content: "\edc7";
}
.dku-icon-person-hiking-48:before {
  content: "\edc8";
}
.dku-icon-person-lock-12:before {
  content: "\edc9";
}
.dku-icon-person-lock-16:before {
  content: "\edca";
}
.dku-icon-person-lock-20:before {
  content: "\edcb";
}
.dku-icon-person-lock-24:before {
  content: "\edcc";
}
.dku-icon-person-lock-32:before {
  content: "\edcd";
}
.dku-icon-person-lock-48:before {
  content: "\edce";
}
.dku-icon-person-settings-12:before {
  content: "\edcf";
}
.dku-icon-person-settings-16:before {
  content: "\edd0";
}
.dku-icon-person-settings-20:before {
  content: "\edd1";
}
.dku-icon-person-settings-24:before {
  content: "\edd2";
}
.dku-icon-person-settings-32:before {
  content: "\edd3";
}
.dku-icon-person-settings-48:before {
  content: "\edd4";
}
.dku-icon-person-tag-12:before {
  content: "\edd5";
}
.dku-icon-person-tag-16:before {
  content: "\edd6";
}
.dku-icon-person-tag-20:before {
  content: "\edd7";
}
.dku-icon-person-tag-24:before {
  content: "\edd8";
}
.dku-icon-person-tag-32:before {
  content: "\edd9";
}
.dku-icon-person-tag-48:before {
  content: "\edda";
}
.dku-icon-person-upgrade-12:before {
  content: "\eddb";
}
.dku-icon-person-upgrade-16:before {
  content: "\eddc";
}
.dku-icon-person-upgrade-20:before {
  content: "\eddd";
}
.dku-icon-person-upgrade-24:before {
  content: "\edde";
}
.dku-icon-person-upgrade-32:before {
  content: "\eddf";
}
.dku-icon-person-upgrade-48:before {
  content: "\ede0";
}
.dku-icon-person-walking-12:before {
  content: "\ede1";
}
.dku-icon-person-walking-16:before {
  content: "\ede2";
}
.dku-icon-person-walking-20:before {
  content: "\ede3";
}
.dku-icon-person-walking-24:before {
  content: "\ede4";
}
.dku-icon-person-walking-32:before {
  content: "\ede5";
}
.dku-icon-person-walking-48:before {
  content: "\ede6";
}
.dku-icon-pin-12:before {
  content: "\ede7";
}
.dku-icon-pin-16:before {
  content: "\ede8";
}
.dku-icon-pin-20:before {
  content: "\ede9";
}
.dku-icon-pin-24:before {
  content: "\edea";
}
.dku-icon-pin-32:before {
  content: "\edeb";
}
.dku-icon-pin-48:before {
  content: "\edec";
}
.dku-icon-pin-filled-12:before {
  content: "\eded";
}
.dku-icon-pin-filled-16:before {
  content: "\edee";
}
.dku-icon-pin-filled-20:before {
  content: "\edef";
}
.dku-icon-pin-filled-24:before {
  content: "\edf0";
}
.dku-icon-pin-filled-32:before {
  content: "\edf1";
}
.dku-icon-pin-filled-48:before {
  content: "\edf2";
}
.dku-icon-pin-off-12:before {
  content: "\edf3";
}
.dku-icon-pin-off-16:before {
  content: "\edf4";
}
.dku-icon-pin-off-20:before {
  content: "\edf5";
}
.dku-icon-pin-off-24:before {
  content: "\edf6";
}
.dku-icon-pin-off-32:before {
  content: "\edf7";
}
.dku-icon-pin-off-48:before {
  content: "\edf8";
}
.dku-icon-pinecone-12:before {
  content: "\edf9";
}
.dku-icon-pinecone-16:before {
  content: "\edfa";
}
.dku-icon-pinecone-20:before {
  content: "\edfb";
}
.dku-icon-pinecone-24:before {
  content: "\edfc";
}
.dku-icon-pinecone-32:before {
  content: "\edfd";
}
.dku-icon-pinecone-48:before {
  content: "\edfe";
}
.dku-icon-pipedrive-12:before {
  content: "\edff";
}
.dku-icon-pipedrive-16:before {
  content: "\ee00";
}
.dku-icon-pipedrive-20:before {
  content: "\ee01";
}
.dku-icon-pipedrive-24:before {
  content: "\ee02";
}
.dku-icon-pipedrive-32:before {
  content: "\ee03";
}
.dku-icon-pipedrive-48:before {
  content: "\ee04";
}
.dku-icon-pipeline-12:before {
  content: "\ee05";
}
.dku-icon-pipeline-16:before {
  content: "\ee06";
}
.dku-icon-pipeline-20:before {
  content: "\ee07";
}
.dku-icon-pipeline-24:before {
  content: "\ee08";
}
.dku-icon-pipeline-32:before {
  content: "\ee09";
}
.dku-icon-pipeline-48:before {
  content: "\ee0a";
}
.dku-icon-play-fill-12:before {
  content: "\ee0b";
}
.dku-icon-play-fill-16:before {
  content: "\ee0c";
}
.dku-icon-play-fill-20:before {
  content: "\ee0d";
}
.dku-icon-play-fill-24:before {
  content: "\ee0e";
}
.dku-icon-play-fill-32:before {
  content: "\ee0f";
}
.dku-icon-play-fill-48:before {
  content: "\ee10";
}
.dku-icon-play-outline-12:before {
  content: "\ee11";
}
.dku-icon-play-outline-16:before {
  content: "\ee12";
}
.dku-icon-play-outline-20:before {
  content: "\ee13";
}
.dku-icon-play-outline-24:before {
  content: "\ee14";
}
.dku-icon-play-outline-32:before {
  content: "\ee15";
}
.dku-icon-play-outline-48:before {
  content: "\ee16";
}
.dku-icon-plotly-12:before {
  content: "\ee17";
}
.dku-icon-plotly-16:before {
  content: "\ee18";
}
.dku-icon-plotly-20:before {
  content: "\ee19";
}
.dku-icon-plotly-24:before {
  content: "\ee1a";
}
.dku-icon-plotly-32:before {
  content: "\ee1b";
}
.dku-icon-plotly-48:before {
  content: "\ee1c";
}
.dku-icon-plug-disconnected-12:before {
  content: "\ee1d";
}
.dku-icon-plug-disconnected-16:before {
  content: "\ee1e";
}
.dku-icon-plug-disconnected-20:before {
  content: "\ee1f";
}
.dku-icon-plug-disconnected-24:before {
  content: "\ee20";
}
.dku-icon-plug-disconnected-32:before {
  content: "\ee21";
}
.dku-icon-plug-disconnected-48:before {
  content: "\ee22";
}
.dku-icon-plus-12:before {
  content: "\ee23";
}
.dku-icon-plus-16:before {
  content: "\ee24";
}
.dku-icon-plus-20:before {
  content: "\ee25";
}
.dku-icon-plus-24:before {
  content: "\ee26";
}
.dku-icon-plus-32:before {
  content: "\ee27";
}
.dku-icon-plus-48:before {
  content: "\ee28";
}
.dku-icon-plus-circle-fill-12:before {
  content: "\ee29";
}
.dku-icon-plus-circle-fill-16:before {
  content: "\ee2a";
}
.dku-icon-plus-circle-fill-20:before {
  content: "\ee2b";
}
.dku-icon-plus-circle-fill-24:before {
  content: "\ee2c";
}
.dku-icon-plus-circle-fill-32:before {
  content: "\ee2d";
}
.dku-icon-plus-circle-fill-48:before {
  content: "\ee2e";
}
.dku-icon-plus-circle-outline-12:before {
  content: "\ee2f";
}
.dku-icon-plus-circle-outline-16:before {
  content: "\ee30";
}
.dku-icon-plus-circle-outline-20:before {
  content: "\ee31";
}
.dku-icon-plus-circle-outline-24:before {
  content: "\ee32";
}
.dku-icon-plus-circle-outline-32:before {
  content: "\ee33";
}
.dku-icon-plus-circle-outline-48:before {
  content: "\ee34";
}
.dku-icon-plus-square-multiple-12:before {
  content: "\ee35";
}
.dku-icon-plus-square-multiple-16:before {
  content: "\ee36";
}
.dku-icon-plus-square-multiple-20:before {
  content: "\ee37";
}
.dku-icon-plus-square-multiple-24:before {
  content: "\ee38";
}
.dku-icon-plus-square-multiple-32:before {
  content: "\ee39";
}
.dku-icon-plus-square-multiple-48:before {
  content: "\ee3a";
}
.dku-icon-posit-12:before {
  content: "\ee3b";
}
.dku-icon-posit-16:before {
  content: "\ee3c";
}
.dku-icon-posit-20:before {
  content: "\ee3d";
}
.dku-icon-posit-24:before {
  content: "\ee3e";
}
.dku-icon-posit-32:before {
  content: "\ee3f";
}
.dku-icon-posit-48:before {
  content: "\ee40";
}
.dku-icon-postgresql-12:before {
  content: "\ee41";
}
.dku-icon-postgresql-16:before {
  content: "\ee42";
}
.dku-icon-postgresql-20:before {
  content: "\ee43";
}
.dku-icon-postgresql-24:before {
  content: "\ee44";
}
.dku-icon-postgresql-32:before {
  content: "\ee45";
}
.dku-icon-postgresql-48:before {
  content: "\ee46";
}
.dku-icon-power-12:before {
  content: "\ee47";
}
.dku-icon-power-16:before {
  content: "\ee48";
}
.dku-icon-power-20:before {
  content: "\ee49";
}
.dku-icon-power-24:before {
  content: "\ee4a";
}
.dku-icon-power-32:before {
  content: "\ee4b";
}
.dku-icon-power-48:before {
  content: "\ee4c";
}
.dku-icon-prediction-12:before {
  content: "\ee4d";
}
.dku-icon-prediction-16:before {
  content: "\ee4e";
}
.dku-icon-prediction-20:before {
  content: "\ee4f";
}
.dku-icon-prediction-24:before {
  content: "\ee50";
}
.dku-icon-prediction-32:before {
  content: "\ee51";
}
.dku-icon-prediction-48:before {
  content: "\ee52";
}
.dku-icon-prediction-deep-learning-12:before {
  content: "\ee53";
}
.dku-icon-prediction-deep-learning-16:before {
  content: "\ee54";
}
.dku-icon-prediction-deep-learning-20:before {
  content: "\ee55";
}
.dku-icon-prediction-deep-learning-24:before {
  content: "\ee56";
}
.dku-icon-prediction-deep-learning-32:before {
  content: "\ee57";
}
.dku-icon-prediction-deep-learning-48:before {
  content: "\ee58";
}
.dku-icon-prestodb-12:before {
  content: "\ee59";
}
.dku-icon-prestodb-16:before {
  content: "\ee5a";
}
.dku-icon-prestodb-20:before {
  content: "\ee5b";
}
.dku-icon-prestodb-24:before {
  content: "\ee5c";
}
.dku-icon-prestodb-32:before {
  content: "\ee5d";
}
.dku-icon-prestodb-48:before {
  content: "\ee5e";
}
.dku-icon-principal-component-analysis-12:before {
  content: "\ee5f";
}
.dku-icon-principal-component-analysis-16:before {
  content: "\ee60";
}
.dku-icon-principal-component-analysis-20:before {
  content: "\ee61";
}
.dku-icon-principal-component-analysis-24:before {
  content: "\ee62";
}
.dku-icon-principal-component-analysis-32:before {
  content: "\ee63";
}
.dku-icon-principal-component-analysis-48:before {
  content: "\ee64";
}
.dku-icon-project-blank-12:before {
  content: "\ee65";
}
.dku-icon-project-blank-16:before {
  content: "\ee66";
}
.dku-icon-project-blank-20:before {
  content: "\ee67";
}
.dku-icon-project-blank-24:before {
  content: "\ee68";
}
.dku-icon-project-blank-32:before {
  content: "\ee69";
}
.dku-icon-project-blank-48:before {
  content: "\ee6a";
}
.dku-icon-project-import-12:before {
  content: "\ee6b";
}
.dku-icon-project-import-16:before {
  content: "\ee6c";
}
.dku-icon-project-import-20:before {
  content: "\ee6d";
}
.dku-icon-project-import-24:before {
  content: "\ee6e";
}
.dku-icon-project-import-32:before {
  content: "\ee6f";
}
.dku-icon-project-import-48:before {
  content: "\ee70";
}
.dku-icon-project-lock-12:before {
  content: "\ee71";
}
.dku-icon-project-lock-16:before {
  content: "\ee72";
}
.dku-icon-project-lock-20:before {
  content: "\ee73";
}
.dku-icon-project-lock-24:before {
  content: "\ee74";
}
.dku-icon-project-lock-32:before {
  content: "\ee75";
}
.dku-icon-project-lock-48:before {
  content: "\ee76";
}
.dku-icon-project-request-12:before {
  content: "\ee77";
}
.dku-icon-project-request-16:before {
  content: "\ee78";
}
.dku-icon-project-request-20:before {
  content: "\ee79";
}
.dku-icon-project-request-24:before {
  content: "\ee7a";
}
.dku-icon-project-request-32:before {
  content: "\ee7b";
}
.dku-icon-project-request-48:before {
  content: "\ee7c";
}
.dku-icon-project-share-12:before {
  content: "\ee7d";
}
.dku-icon-project-share-16:before {
  content: "\ee7e";
}
.dku-icon-project-share-20:before {
  content: "\ee7f";
}
.dku-icon-project-share-24:before {
  content: "\ee80";
}
.dku-icon-project-share-32:before {
  content: "\ee81";
}
.dku-icon-project-share-48:before {
  content: "\ee82";
}
.dku-icon-publish-12:before {
  content: "\ee83";
}
.dku-icon-publish-16:before {
  content: "\ee84";
}
.dku-icon-publish-20:before {
  content: "\ee85";
}
.dku-icon-publish-24:before {
  content: "\ee86";
}
.dku-icon-publish-32:before {
  content: "\ee87";
}
.dku-icon-publish-48:before {
  content: "\ee88";
}
.dku-icon-pulse-12:before {
  content: "\ee89";
}
.dku-icon-pulse-16:before {
  content: "\ee8a";
}
.dku-icon-pulse-20:before {
  content: "\ee8b";
}
.dku-icon-pulse-24:before {
  content: "\ee8c";
}
.dku-icon-pulse-32:before {
  content: "\ee8d";
}
.dku-icon-pulse-48:before {
  content: "\ee8e";
}
.dku-icon-puzzle-piece-12:before {
  content: "\ee8f";
}
.dku-icon-puzzle-piece-16:before {
  content: "\ee90";
}
.dku-icon-puzzle-piece-20:before {
  content: "\ee91";
}
.dku-icon-puzzle-piece-24:before {
  content: "\ee92";
}
.dku-icon-puzzle-piece-32:before {
  content: "\ee93";
}
.dku-icon-puzzle-piece-48:before {
  content: "\ee94";
}
.dku-icon-python-12:before {
  content: "\ee95";
}
.dku-icon-python-16:before {
  content: "\ee96";
}
.dku-icon-python-20:before {
  content: "\ee97";
}
.dku-icon-python-24:before {
  content: "\ee98";
}
.dku-icon-python-32:before {
  content: "\ee99";
}
.dku-icon-python-48:before {
  content: "\ee9a";
}
.dku-icon-python-circle-12:before {
  content: "\ee9b";
}
.dku-icon-python-circle-16:before {
  content: "\ee9c";
}
.dku-icon-python-circle-20:before {
  content: "\ee9d";
}
.dku-icon-python-circle-24:before {
  content: "\ee9e";
}
.dku-icon-python-circle-32:before {
  content: "\ee9f";
}
.dku-icon-python-circle-48:before {
  content: "\eea0";
}
.dku-icon-qlik-12:before {
  content: "\eea1";
}
.dku-icon-qlik-16:before {
  content: "\eea2";
}
.dku-icon-qlik-20:before {
  content: "\eea3";
}
.dku-icon-qlik-24:before {
  content: "\eea4";
}
.dku-icon-qlik-32:before {
  content: "\eea5";
}
.dku-icon-qlik-48:before {
  content: "\eea6";
}
.dku-icon-qr-code-12:before {
  content: "\eea7";
}
.dku-icon-qr-code-16:before {
  content: "\eea8";
}
.dku-icon-qr-code-20:before {
  content: "\eea9";
}
.dku-icon-qr-code-24:before {
  content: "\eeaa";
}
.dku-icon-qr-code-32:before {
  content: "\eeab";
}
.dku-icon-qr-code-48:before {
  content: "\eeac";
}
.dku-icon-question-12:before {
  content: "\eead";
}
.dku-icon-question-16:before {
  content: "\eeae";
}
.dku-icon-question-20:before {
  content: "\eeaf";
}
.dku-icon-question-24:before {
  content: "\eeb0";
}
.dku-icon-question-32:before {
  content: "\eeb1";
}
.dku-icon-question-48:before {
  content: "\eeb2";
}
.dku-icon-question-circle-fill-12:before {
  content: "\eeb3";
}
.dku-icon-question-circle-fill-16:before {
  content: "\eeb4";
}
.dku-icon-question-circle-fill-20:before {
  content: "\eeb5";
}
.dku-icon-question-circle-fill-24:before {
  content: "\eeb6";
}
.dku-icon-question-circle-fill-32:before {
  content: "\eeb7";
}
.dku-icon-question-circle-fill-48:before {
  content: "\eeb8";
}
.dku-icon-question-circle-outline-12:before {
  content: "\eeb9";
}
.dku-icon-question-circle-outline-16:before {
  content: "\eeba";
}
.dku-icon-question-circle-outline-20:before {
  content: "\eebb";
}
.dku-icon-question-circle-outline-24:before {
  content: "\eebc";
}
.dku-icon-question-circle-outline-32:before {
  content: "\eebd";
}
.dku-icon-question-circle-outline-48:before {
  content: "\eebe";
}
.dku-icon-r-12:before {
  content: "\eebf";
}
.dku-icon-r-16:before {
  content: "\eec0";
}
.dku-icon-r-20:before {
  content: "\eec1";
}
.dku-icon-r-24:before {
  content: "\eec2";
}
.dku-icon-r-32:before {
  content: "\eec3";
}
.dku-icon-r-48:before {
  content: "\eec4";
}
.dku-icon-r-studio-12:before {
  content: "\eec5";
}
.dku-icon-r-studio-16:before {
  content: "\eec6";
}
.dku-icon-r-studio-20:before {
  content: "\eec7";
}
.dku-icon-r-studio-24:before {
  content: "\eec8";
}
.dku-icon-r-studio-32:before {
  content: "\eec9";
}
.dku-icon-r-studio-48:before {
  content: "\eeca";
}
.dku-icon-receipt-12:before {
  content: "\eecb";
}
.dku-icon-receipt-16:before {
  content: "\eecc";
}
.dku-icon-receipt-20:before {
  content: "\eecd";
}
.dku-icon-receipt-24:before {
  content: "\eece";
}
.dku-icon-receipt-32:before {
  content: "\eecf";
}
.dku-icon-receipt-48:before {
  content: "\eed0";
}
.dku-icon-recipe-auto-feature-circle-fill-12:before {
  content: "\eed1";
}
.dku-icon-recipe-auto-feature-circle-fill-16:before {
  content: "\eed2";
}
.dku-icon-recipe-auto-feature-circle-fill-20:before {
  content: "\eed3";
}
.dku-icon-recipe-auto-feature-circle-fill-24:before {
  content: "\eed4";
}
.dku-icon-recipe-auto-feature-circle-fill-32:before {
  content: "\eed5";
}
.dku-icon-recipe-auto-feature-circle-fill-48:before {
  content: "\eed6";
}
.dku-icon-recipe-aws-greengrass-12:before {
  content: "\eed7";
}
.dku-icon-recipe-aws-greengrass-16:before {
  content: "\eed8";
}
.dku-icon-recipe-aws-greengrass-20:before {
  content: "\eed9";
}
.dku-icon-recipe-aws-greengrass-24:before {
  content: "\eeda";
}
.dku-icon-recipe-aws-greengrass-32:before {
  content: "\eedb";
}
.dku-icon-recipe-aws-greengrass-48:before {
  content: "\eedc";
}
.dku-icon-recipe-classification-12:before {
  content: "\eedd";
}
.dku-icon-recipe-classification-16:before {
  content: "\eede";
}
.dku-icon-recipe-classification-20:before {
  content: "\eedf";
}
.dku-icon-recipe-classification-24:before {
  content: "\eee0";
}
.dku-icon-recipe-classification-32:before {
  content: "\eee1";
}
.dku-icon-recipe-classification-48:before {
  content: "\eee2";
}
.dku-icon-recipe-clustering-circle-fill-12:before {
  content: "\eee3";
}
.dku-icon-recipe-clustering-circle-fill-16:before {
  content: "\eee4";
}
.dku-icon-recipe-clustering-circle-fill-20:before {
  content: "\eee5";
}
.dku-icon-recipe-clustering-circle-fill-24:before {
  content: "\eee6";
}
.dku-icon-recipe-clustering-circle-fill-32:before {
  content: "\eee7";
}
.dku-icon-recipe-clustering-circle-fill-48:before {
  content: "\eee8";
}
.dku-icon-recipe-distinct-circle-fill-12:before {
  content: "\eee9";
}
.dku-icon-recipe-distinct-circle-fill-16:before {
  content: "\eeea";
}
.dku-icon-recipe-distinct-circle-fill-20:before {
  content: "\eeeb";
}
.dku-icon-recipe-distinct-circle-fill-24:before {
  content: "\eeec";
}
.dku-icon-recipe-distinct-circle-fill-32:before {
  content: "\eeed";
}
.dku-icon-recipe-distinct-circle-fill-48:before {
  content: "\eeee";
}
.dku-icon-recipe-document-card-circle-fill-12:before {
  content: "\eeef";
}
.dku-icon-recipe-document-card-circle-fill-16:before {
  content: "\eef0";
}
.dku-icon-recipe-document-card-circle-fill-20:before {
  content: "\eef1";
}
.dku-icon-recipe-document-card-circle-fill-24:before {
  content: "\eef2";
}
.dku-icon-recipe-document-card-circle-fill-32:before {
  content: "\eef3";
}
.dku-icon-recipe-document-card-circle-fill-48:before {
  content: "\eef4";
}
.dku-icon-recipe-download-12:before {
  content: "\eef5";
}
.dku-icon-recipe-download-16:before {
  content: "\eef6";
}
.dku-icon-recipe-download-20:before {
  content: "\eef7";
}
.dku-icon-recipe-download-24:before {
  content: "\eef8";
}
.dku-icon-recipe-download-32:before {
  content: "\eef9";
}
.dku-icon-recipe-download-48:before {
  content: "\eefa";
}
.dku-icon-recipe-eda-12:before {
  content: "\eefb";
}
.dku-icon-recipe-eda-16:before {
  content: "\eefc";
}
.dku-icon-recipe-eda-20:before {
  content: "\eefd";
}
.dku-icon-recipe-eda-24:before {
  content: "\eefe";
}
.dku-icon-recipe-eda-32:before {
  content: "\eeff";
}
.dku-icon-recipe-eda-48:before {
  content: "\ef00";
}
.dku-icon-recipe-embed-document-circle-fill-12:before {
  content: "\ef01";
}
.dku-icon-recipe-embed-document-circle-fill-16:before {
  content: "\ef02";
}
.dku-icon-recipe-embed-document-circle-fill-20:before {
  content: "\ef03";
}
.dku-icon-recipe-embed-document-circle-fill-24:before {
  content: "\ef04";
}
.dku-icon-recipe-embed-document-circle-fill-32:before {
  content: "\ef05";
}
.dku-icon-recipe-embed-document-circle-fill-48:before {
  content: "\ef06";
}
.dku-icon-recipe-evaluation-circle-fill-12:before {
  content: "\ef07";
}
.dku-icon-recipe-evaluation-circle-fill-16:before {
  content: "\ef08";
}
.dku-icon-recipe-evaluation-circle-fill-20:before {
  content: "\ef09";
}
.dku-icon-recipe-evaluation-circle-fill-24:before {
  content: "\ef0a";
}
.dku-icon-recipe-evaluation-circle-fill-32:before {
  content: "\ef0b";
}
.dku-icon-recipe-evaluation-circle-fill-48:before {
  content: "\ef0c";
}
.dku-icon-recipe-evaluation-llm-circle-fill-12:before {
  content: "\ef0d";
}
.dku-icon-recipe-evaluation-llm-circle-fill-16:before {
  content: "\ef0e";
}
.dku-icon-recipe-evaluation-llm-circle-fill-20:before {
  content: "\ef0f";
}
.dku-icon-recipe-evaluation-llm-circle-fill-24:before {
  content: "\ef10";
}
.dku-icon-recipe-evaluation-llm-circle-fill-32:before {
  content: "\ef11";
}
.dku-icon-recipe-evaluation-llm-circle-fill-48:before {
  content: "\ef12";
}
.dku-icon-recipe-export-circle-fill-12:before {
  content: "\ef13";
}
.dku-icon-recipe-export-circle-fill-16:before {
  content: "\ef14";
}
.dku-icon-recipe-export-circle-fill-20:before {
  content: "\ef15";
}
.dku-icon-recipe-export-circle-fill-24:before {
  content: "\ef16";
}
.dku-icon-recipe-export-circle-fill-32:before {
  content: "\ef17";
}
.dku-icon-recipe-export-circle-fill-48:before {
  content: "\ef18";
}
.dku-icon-recipe-extract-failed-rows-12:before {
  content: "\ef19";
}
.dku-icon-recipe-extract-failed-rows-16:before {
  content: "\ef1a";
}
.dku-icon-recipe-extract-failed-rows-20:before {
  content: "\ef1b";
}
.dku-icon-recipe-extract-failed-rows-24:before {
  content: "\ef1c";
}
.dku-icon-recipe-extract-failed-rows-32:before {
  content: "\ef1d";
}
.dku-icon-recipe-extract-failed-rows-48:before {
  content: "\ef1e";
}
.dku-icon-recipe-filter-circle-fill-12:before {
  content: "\ef1f";
}
.dku-icon-recipe-filter-circle-fill-16:before {
  content: "\ef20";
}
.dku-icon-recipe-filter-circle-fill-20:before {
  content: "\ef21";
}
.dku-icon-recipe-filter-circle-fill-24:before {
  content: "\ef22";
}
.dku-icon-recipe-filter-circle-fill-32:before {
  content: "\ef23";
}
.dku-icon-recipe-filter-circle-fill-48:before {
  content: "\ef24";
}
.dku-icon-recipe-fine-tuning-12:before {
  content: "\ef25";
}
.dku-icon-recipe-fine-tuning-16:before {
  content: "\ef26";
}
.dku-icon-recipe-fine-tuning-20:before {
  content: "\ef27";
}
.dku-icon-recipe-fine-tuning-24:before {
  content: "\ef28";
}
.dku-icon-recipe-fine-tuning-32:before {
  content: "\ef29";
}
.dku-icon-recipe-fine-tuning-48:before {
  content: "\ef2a";
}
.dku-icon-recipe-fuzzy-join-circle-fill-12:before {
  content: "\ef2b";
}
.dku-icon-recipe-fuzzy-join-circle-fill-16:before {
  content: "\ef2c";
}
.dku-icon-recipe-fuzzy-join-circle-fill-20:before {
  content: "\ef2d";
}
.dku-icon-recipe-fuzzy-join-circle-fill-24:before {
  content: "\ef2e";
}
.dku-icon-recipe-fuzzy-join-circle-fill-32:before {
  content: "\ef2f";
}
.dku-icon-recipe-fuzzy-join-circle-fill-48:before {
  content: "\ef30";
}
.dku-icon-recipe-geo-join-circle-fill-12:before {
  content: "\ef31";
}
.dku-icon-recipe-geo-join-circle-fill-16:before {
  content: "\ef32";
}
.dku-icon-recipe-geo-join-circle-fill-20:before {
  content: "\ef33";
}
.dku-icon-recipe-geo-join-circle-fill-24:before {
  content: "\ef34";
}
.dku-icon-recipe-geo-join-circle-fill-32:before {
  content: "\ef35";
}
.dku-icon-recipe-geo-join-circle-fill-48:before {
  content: "\ef36";
}
.dku-icon-recipe-geocoding-12:before {
  content: "\ef37";
}
.dku-icon-recipe-geocoding-16:before {
  content: "\ef38";
}
.dku-icon-recipe-geocoding-20:before {
  content: "\ef39";
}
.dku-icon-recipe-geocoding-24:before {
  content: "\ef3a";
}
.dku-icon-recipe-geocoding-32:before {
  content: "\ef3b";
}
.dku-icon-recipe-geocoding-48:before {
  content: "\ef3c";
}
.dku-icon-recipe-group-circle-fill-12:before {
  content: "\ef3d";
}
.dku-icon-recipe-group-circle-fill-16:before {
  content: "\ef3e";
}
.dku-icon-recipe-group-circle-fill-20:before {
  content: "\ef3f";
}
.dku-icon-recipe-group-circle-fill-24:before {
  content: "\ef40";
}
.dku-icon-recipe-group-circle-fill-32:before {
  content: "\ef41";
}
.dku-icon-recipe-group-circle-fill-48:before {
  content: "\ef42";
}
.dku-icon-recipe-hive-circle-fill-12:before {
  content: "\ef43";
}
.dku-icon-recipe-hive-circle-fill-16:before {
  content: "\ef44";
}
.dku-icon-recipe-hive-circle-fill-20:before {
  content: "\ef45";
}
.dku-icon-recipe-hive-circle-fill-24:before {
  content: "\ef46";
}
.dku-icon-recipe-hive-circle-fill-32:before {
  content: "\ef47";
}
.dku-icon-recipe-hive-circle-fill-48:before {
  content: "\ef48";
}
.dku-icon-recipe-impala-circle-fill-12:before {
  content: "\ef49";
}
.dku-icon-recipe-impala-circle-fill-16:before {
  content: "\ef4a";
}
.dku-icon-recipe-impala-circle-fill-20:before {
  content: "\ef4b";
}
.dku-icon-recipe-impala-circle-fill-24:before {
  content: "\ef4c";
}
.dku-icon-recipe-impala-circle-fill-32:before {
  content: "\ef4d";
}
.dku-icon-recipe-impala-circle-fill-48:before {
  content: "\ef4e";
}
.dku-icon-recipe-join-with-circle-fill-12:before {
  content: "\ef4f";
}
.dku-icon-recipe-join-with-circle-fill-16:before {
  content: "\ef50";
}
.dku-icon-recipe-join-with-circle-fill-20:before {
  content: "\ef51";
}
.dku-icon-recipe-join-with-circle-fill-24:before {
  content: "\ef52";
}
.dku-icon-recipe-join-with-circle-fill-32:before {
  content: "\ef53";
}
.dku-icon-recipe-join-with-circle-fill-48:before {
  content: "\ef54";
}
.dku-icon-recipe-julia-circle-fill-12:before {
  content: "\ef55";
}
.dku-icon-recipe-julia-circle-fill-16:before {
  content: "\ef56";
}
.dku-icon-recipe-julia-circle-fill-20:before {
  content: "\ef57";
}
.dku-icon-recipe-julia-circle-fill-24:before {
  content: "\ef58";
}
.dku-icon-recipe-julia-circle-fill-32:before {
  content: "\ef59";
}
.dku-icon-recipe-julia-circle-fill-48:before {
  content: "\ef5a";
}
.dku-icon-recipe-ksql-circle-fill-12:before {
  content: "\ef5b";
}
.dku-icon-recipe-ksql-circle-fill-16:before {
  content: "\ef5c";
}
.dku-icon-recipe-ksql-circle-fill-20:before {
  content: "\ef5d";
}
.dku-icon-recipe-ksql-circle-fill-24:before {
  content: "\ef5e";
}
.dku-icon-recipe-ksql-circle-fill-32:before {
  content: "\ef5f";
}
.dku-icon-recipe-ksql-circle-fill-48:before {
  content: "\ef60";
}
.dku-icon-recipe-labeling-circle-fill-12:before {
  content: "\ef61";
}
.dku-icon-recipe-labeling-circle-fill-16:before {
  content: "\ef62";
}
.dku-icon-recipe-labeling-circle-fill-20:before {
  content: "\ef63";
}
.dku-icon-recipe-labeling-circle-fill-24:before {
  content: "\ef64";
}
.dku-icon-recipe-labeling-circle-fill-32:before {
  content: "\ef65";
}
.dku-icon-recipe-labeling-circle-fill-48:before {
  content: "\ef66";
}
.dku-icon-recipe-list-access-12:before {
  content: "\ef67";
}
.dku-icon-recipe-list-access-16:before {
  content: "\ef68";
}
.dku-icon-recipe-list-access-20:before {
  content: "\ef69";
}
.dku-icon-recipe-list-access-24:before {
  content: "\ef6a";
}
.dku-icon-recipe-list-access-32:before {
  content: "\ef6b";
}
.dku-icon-recipe-list-access-48:before {
  content: "\ef6c";
}
.dku-icon-recipe-list-folder-contents-circle-fill-12:before {
  content: "\ef6d";
}
.dku-icon-recipe-list-folder-contents-circle-fill-16:before {
  content: "\ef6e";
}
.dku-icon-recipe-list-folder-contents-circle-fill-20:before {
  content: "\ef6f";
}
.dku-icon-recipe-list-folder-contents-circle-fill-24:before {
  content: "\ef70";
}
.dku-icon-recipe-list-folder-contents-circle-fill-32:before {
  content: "\ef71";
}
.dku-icon-recipe-list-folder-contents-circle-fill-48:before {
  content: "\ef72";
}
.dku-icon-recipe-merge-folder-12:before {
  content: "\ef73";
}
.dku-icon-recipe-merge-folder-16:before {
  content: "\ef74";
}
.dku-icon-recipe-merge-folder-20:before {
  content: "\ef75";
}
.dku-icon-recipe-merge-folder-24:before {
  content: "\ef76";
}
.dku-icon-recipe-merge-folder-32:before {
  content: "\ef77";
}
.dku-icon-recipe-merge-folder-48:before {
  content: "\ef78";
}
.dku-icon-recipe-pivot-circle-fill-12:before {
  content: "\ef79";
}
.dku-icon-recipe-pivot-circle-fill-16:before {
  content: "\ef7a";
}
.dku-icon-recipe-pivot-circle-fill-20:before {
  content: "\ef7b";
}
.dku-icon-recipe-pivot-circle-fill-24:before {
  content: "\ef7c";
}
.dku-icon-recipe-pivot-circle-fill-32:before {
  content: "\ef7d";
}
.dku-icon-recipe-pivot-circle-fill-48:before {
  content: "\ef7e";
}
.dku-icon-recipe-prepare-circle-fill-12:before {
  content: "\ef7f";
}
.dku-icon-recipe-prepare-circle-fill-16:before {
  content: "\ef80";
}
.dku-icon-recipe-prepare-circle-fill-20:before {
  content: "\ef81";
}
.dku-icon-recipe-prepare-circle-fill-24:before {
  content: "\ef82";
}
.dku-icon-recipe-prepare-circle-fill-32:before {
  content: "\ef83";
}
.dku-icon-recipe-prepare-circle-fill-48:before {
  content: "\ef84";
}
.dku-icon-recipe-principal-component-analysis-12:before {
  content: "\ef85";
}
.dku-icon-recipe-principal-component-analysis-16:before {
  content: "\ef86";
}
.dku-icon-recipe-principal-component-analysis-20:before {
  content: "\ef87";
}
.dku-icon-recipe-principal-component-analysis-24:before {
  content: "\ef88";
}
.dku-icon-recipe-principal-component-analysis-32:before {
  content: "\ef89";
}
.dku-icon-recipe-principal-component-analysis-48:before {
  content: "\ef8a";
}
.dku-icon-recipe-prompt-12:before {
  content: "\ef8b";
}
.dku-icon-recipe-prompt-16:before {
  content: "\ef8c";
}
.dku-icon-recipe-prompt-20:before {
  content: "\ef8d";
}
.dku-icon-recipe-prompt-24:before {
  content: "\ef8e";
}
.dku-icon-recipe-prompt-32:before {
  content: "\ef8f";
}
.dku-icon-recipe-prompt-48:before {
  content: "\ef90";
}
.dku-icon-recipe-push-to-editable-12:before {
  content: "\ef91";
}
.dku-icon-recipe-push-to-editable-16:before {
  content: "\ef92";
}
.dku-icon-recipe-push-to-editable-20:before {
  content: "\ef93";
}
.dku-icon-recipe-push-to-editable-24:before {
  content: "\ef94";
}
.dku-icon-recipe-push-to-editable-32:before {
  content: "\ef95";
}
.dku-icon-recipe-push-to-editable-48:before {
  content: "\ef96";
}
.dku-icon-recipe-r-circle-fill-12:before {
  content: "\ef97";
}
.dku-icon-recipe-r-circle-fill-16:before {
  content: "\ef98";
}
.dku-icon-recipe-r-circle-fill-20:before {
  content: "\ef99";
}
.dku-icon-recipe-r-circle-fill-24:before {
  content: "\ef9a";
}
.dku-icon-recipe-r-circle-fill-32:before {
  content: "\ef9b";
}
.dku-icon-recipe-r-circle-fill-48:before {
  content: "\ef9c";
}
.dku-icon-recipe-reverse-geocoding-12:before {
  content: "\ef9d";
}
.dku-icon-recipe-reverse-geocoding-16:before {
  content: "\ef9e";
}
.dku-icon-recipe-reverse-geocoding-20:before {
  content: "\ef9f";
}
.dku-icon-recipe-reverse-geocoding-24:before {
  content: "\efa0";
}
.dku-icon-recipe-reverse-geocoding-32:before {
  content: "\efa1";
}
.dku-icon-recipe-reverse-geocoding-48:before {
  content: "\efa2";
}
.dku-icon-recipe-score-circle-fill-12:before {
  content: "\efa3";
}
.dku-icon-recipe-score-circle-fill-16:before {
  content: "\efa4";
}
.dku-icon-recipe-score-circle-fill-20:before {
  content: "\efa5";
}
.dku-icon-recipe-score-circle-fill-24:before {
  content: "\efa6";
}
.dku-icon-recipe-score-circle-fill-32:before {
  content: "\efa7";
}
.dku-icon-recipe-score-circle-fill-48:before {
  content: "\efa8";
}
.dku-icon-recipe-ser-12:before {
  content: "\efa9";
}
.dku-icon-recipe-ser-16:before {
  content: "\efaa";
}
.dku-icon-recipe-ser-20:before {
  content: "\efab";
}
.dku-icon-recipe-ser-24:before {
  content: "\efac";
}
.dku-icon-recipe-ser-32:before {
  content: "\efad";
}
.dku-icon-recipe-ser-48:before {
  content: "\efae";
}
.dku-icon-recipe-shell-12:before {
  content: "\efaf";
}
.dku-icon-recipe-shell-16:before {
  content: "\efb0";
}
.dku-icon-recipe-shell-20:before {
  content: "\efb1";
}
.dku-icon-recipe-shell-24:before {
  content: "\efb2";
}
.dku-icon-recipe-shell-32:before {
  content: "\efb3";
}
.dku-icon-recipe-shell-48:before {
  content: "\efb4";
}
.dku-icon-recipe-snowflake-12:before {
  content: "\efb5";
}
.dku-icon-recipe-snowflake-16:before {
  content: "\efb6";
}
.dku-icon-recipe-snowflake-20:before {
  content: "\efb7";
}
.dku-icon-recipe-snowflake-24:before {
  content: "\efb8";
}
.dku-icon-recipe-snowflake-32:before {
  content: "\efb9";
}
.dku-icon-recipe-snowflake-48:before {
  content: "\efba";
}
.dku-icon-recipe-snowpark-12:before {
  content: "\efbb";
}
.dku-icon-recipe-snowpark-16:before {
  content: "\efbc";
}
.dku-icon-recipe-snowpark-20:before {
  content: "\efbd";
}
.dku-icon-recipe-snowpark-24:before {
  content: "\efbe";
}
.dku-icon-recipe-snowpark-32:before {
  content: "\efbf";
}
.dku-icon-recipe-snowpark-48:before {
  content: "\efc0";
}
.dku-icon-recipe-sort-circle-fill-12:before {
  content: "\efc1";
}
.dku-icon-recipe-sort-circle-fill-16:before {
  content: "\efc2";
}
.dku-icon-recipe-sort-circle-fill-20:before {
  content: "\efc3";
}
.dku-icon-recipe-sort-circle-fill-24:before {
  content: "\efc4";
}
.dku-icon-recipe-sort-circle-fill-32:before {
  content: "\efc5";
}
.dku-icon-recipe-sort-circle-fill-48:before {
  content: "\efc6";
}
.dku-icon-recipe-sparkpython-circle-fill-12:before {
  content: "\efc7";
}
.dku-icon-recipe-sparkpython-circle-fill-16:before {
  content: "\efc8";
}
.dku-icon-recipe-sparkpython-circle-fill-20:before {
  content: "\efc9";
}
.dku-icon-recipe-sparkpython-circle-fill-24:before {
  content: "\efca";
}
.dku-icon-recipe-sparkpython-circle-fill-32:before {
  content: "\efcb";
}
.dku-icon-recipe-sparkpython-circle-fill-48:before {
  content: "\efcc";
}
.dku-icon-recipe-sparkr-circle-fill-12:before {
  content: "\efcd";
}
.dku-icon-recipe-sparkr-circle-fill-16:before {
  content: "\efce";
}
.dku-icon-recipe-sparkr-circle-fill-20:before {
  content: "\efcf";
}
.dku-icon-recipe-sparkr-circle-fill-24:before {
  content: "\efd0";
}
.dku-icon-recipe-sparkr-circle-fill-32:before {
  content: "\efd1";
}
.dku-icon-recipe-sparkr-circle-fill-48:before {
  content: "\efd2";
}
.dku-icon-recipe-sparkscala-circle-fill-12:before {
  content: "\efd3";
}
.dku-icon-recipe-sparkscala-circle-fill-16:before {
  content: "\efd4";
}
.dku-icon-recipe-sparkscala-circle-fill-20:before {
  content: "\efd5";
}
.dku-icon-recipe-sparkscala-circle-fill-24:before {
  content: "\efd6";
}
.dku-icon-recipe-sparkscala-circle-fill-32:before {
  content: "\efd7";
}
.dku-icon-recipe-sparkscala-circle-fill-48:before {
  content: "\efd8";
}
.dku-icon-recipe-sparksql-circle-fill-12:before {
  content: "\efd9";
}
.dku-icon-recipe-sparksql-circle-fill-16:before {
  content: "\efda";
}
.dku-icon-recipe-sparksql-circle-fill-20:before {
  content: "\efdb";
}
.dku-icon-recipe-sparksql-circle-fill-24:before {
  content: "\efdc";
}
.dku-icon-recipe-sparksql-circle-fill-32:before {
  content: "\efdd";
}
.dku-icon-recipe-sparksql-circle-fill-48:before {
  content: "\efde";
}
.dku-icon-recipe-split-circle-fill-12:before {
  content: "\efdf";
}
.dku-icon-recipe-split-circle-fill-16:before {
  content: "\efe0";
}
.dku-icon-recipe-split-circle-fill-20:before {
  content: "\efe1";
}
.dku-icon-recipe-split-circle-fill-24:before {
  content: "\efe2";
}
.dku-icon-recipe-split-circle-fill-32:before {
  content: "\efe3";
}
.dku-icon-recipe-split-circle-fill-48:before {
  content: "\efe4";
}
.dku-icon-recipe-sql-circle-fill-12:before {
  content: "\efe5";
}
.dku-icon-recipe-sql-circle-fill-16:before {
  content: "\efe6";
}
.dku-icon-recipe-sql-circle-fill-20:before {
  content: "\efe7";
}
.dku-icon-recipe-sql-circle-fill-24:before {
  content: "\efe8";
}
.dku-icon-recipe-sql-circle-fill-32:before {
  content: "\efe9";
}
.dku-icon-recipe-sql-circle-fill-48:before {
  content: "\efea";
}
.dku-icon-recipe-stack-circle-fill-12:before {
  content: "\efeb";
}
.dku-icon-recipe-stack-circle-fill-16:before {
  content: "\efec";
}
.dku-icon-recipe-stack-circle-fill-20:before {
  content: "\efed";
}
.dku-icon-recipe-stack-circle-fill-24:before {
  content: "\efee";
}
.dku-icon-recipe-stack-circle-fill-32:before {
  content: "\efef";
}
.dku-icon-recipe-stack-circle-fill-48:before {
  content: "\eff0";
}
.dku-icon-recipe-statistical-test-12:before {
  content: "\eff1";
}
.dku-icon-recipe-statistical-test-16:before {
  content: "\eff2";
}
.dku-icon-recipe-statistical-test-20:before {
  content: "\eff3";
}
.dku-icon-recipe-statistical-test-24:before {
  content: "\eff4";
}
.dku-icon-recipe-statistical-test-32:before {
  content: "\eff5";
}
.dku-icon-recipe-statistical-test-48:before {
  content: "\eff6";
}
.dku-icon-recipe-summarization-12:before {
  content: "\eff7";
}
.dku-icon-recipe-summarization-16:before {
  content: "\eff8";
}
.dku-icon-recipe-summarization-20:before {
  content: "\eff9";
}
.dku-icon-recipe-summarization-24:before {
  content: "\effa";
}
.dku-icon-recipe-summarization-32:before {
  content: "\effb";
}
.dku-icon-recipe-summarization-48:before {
  content: "\effc";
}
.dku-icon-recipe-sync-right-12:before {
  content: "\effd";
}
.dku-icon-recipe-sync-right-16:before {
  content: "\effe";
}
.dku-icon-recipe-sync-right-20:before {
  content: "\efff";
}
.dku-icon-recipe-sync-right-24:before {
  content: "\f000";
}
.dku-icon-recipe-sync-right-32:before {
  content: "\f001";
}
.dku-icon-recipe-sync-right-48:before {
  content: "\f002";
}
.dku-icon-recipe-timeseries-decomposition-circle-fill-12:before {
  content: "\f003";
}
.dku-icon-recipe-timeseries-decomposition-circle-fill-16:before {
  content: "\f004";
}
.dku-icon-recipe-timeseries-decomposition-circle-fill-20:before {
  content: "\f005";
}
.dku-icon-recipe-timeseries-decomposition-circle-fill-24:before {
  content: "\f006";
}
.dku-icon-recipe-timeseries-decomposition-circle-fill-32:before {
  content: "\f007";
}
.dku-icon-recipe-timeseries-decomposition-circle-fill-48:before {
  content: "\f008";
}
.dku-icon-recipe-timeseries-extraction-circle-fill-12:before {
  content: "\f009";
}
.dku-icon-recipe-timeseries-extraction-circle-fill-16:before {
  content: "\f00a";
}
.dku-icon-recipe-timeseries-extraction-circle-fill-20:before {
  content: "\f00b";
}
.dku-icon-recipe-timeseries-extraction-circle-fill-24:before {
  content: "\f00c";
}
.dku-icon-recipe-timeseries-extraction-circle-fill-32:before {
  content: "\f00d";
}
.dku-icon-recipe-timeseries-extraction-circle-fill-48:before {
  content: "\f00e";
}
.dku-icon-recipe-timeseries-resample-circle-fill-12:before {
  content: "\f00f";
}
.dku-icon-recipe-timeseries-resample-circle-fill-16:before {
  content: "\f010";
}
.dku-icon-recipe-timeseries-resample-circle-fill-20:before {
  content: "\f011";
}
.dku-icon-recipe-timeseries-resample-circle-fill-24:before {
  content: "\f012";
}
.dku-icon-recipe-timeseries-resample-circle-fill-32:before {
  content: "\f013";
}
.dku-icon-recipe-timeseries-resample-circle-fill-48:before {
  content: "\f014";
}
.dku-icon-recipe-timeseries-segmenting-circle-fill-12:before {
  content: "\f015";
}
.dku-icon-recipe-timeseries-segmenting-circle-fill-16:before {
  content: "\f016";
}
.dku-icon-recipe-timeseries-segmenting-circle-fill-20:before {
  content: "\f017";
}
.dku-icon-recipe-timeseries-segmenting-circle-fill-24:before {
  content: "\f018";
}
.dku-icon-recipe-timeseries-segmenting-circle-fill-32:before {
  content: "\f019";
}
.dku-icon-recipe-timeseries-segmenting-circle-fill-48:before {
  content: "\f01a";
}
.dku-icon-recipe-timeseries-window-circle-fill-12:before {
  content: "\f01b";
}
.dku-icon-recipe-timeseries-window-circle-fill-16:before {
  content: "\f01c";
}
.dku-icon-recipe-timeseries-window-circle-fill-20:before {
  content: "\f01d";
}
.dku-icon-recipe-timeseries-window-circle-fill-24:before {
  content: "\f01e";
}
.dku-icon-recipe-timeseries-window-circle-fill-32:before {
  content: "\f01f";
}
.dku-icon-recipe-timeseries-window-circle-fill-48:before {
  content: "\f020";
}
.dku-icon-recipe-top-n-circle-fill-12:before {
  content: "\f021";
}
.dku-icon-recipe-top-n-circle-fill-16:before {
  content: "\f022";
}
.dku-icon-recipe-top-n-circle-fill-20:before {
  content: "\f023";
}
.dku-icon-recipe-top-n-circle-fill-24:before {
  content: "\f024";
}
.dku-icon-recipe-top-n-circle-fill-32:before {
  content: "\f025";
}
.dku-icon-recipe-top-n-circle-fill-48:before {
  content: "\f026";
}
.dku-icon-recipe-train-circle-fill-12:before {
  content: "\f027";
}
.dku-icon-recipe-train-circle-fill-16:before {
  content: "\f028";
}
.dku-icon-recipe-train-circle-fill-20:before {
  content: "\f029";
}
.dku-icon-recipe-train-circle-fill-24:before {
  content: "\f02a";
}
.dku-icon-recipe-train-circle-fill-32:before {
  content: "\f02b";
}
.dku-icon-recipe-train-circle-fill-48:before {
  content: "\f02c";
}
.dku-icon-recipe-type-12:before {
  content: "\f02d";
}
.dku-icon-recipe-type-16:before {
  content: "\f02e";
}
.dku-icon-recipe-type-20:before {
  content: "\f02f";
}
.dku-icon-recipe-type-24:before {
  content: "\f030";
}
.dku-icon-recipe-type-32:before {
  content: "\f031";
}
.dku-icon-recipe-type-48:before {
  content: "\f032";
}
.dku-icon-recipe-univariate-analysis-12:before {
  content: "\f033";
}
.dku-icon-recipe-univariate-analysis-16:before {
  content: "\f034";
}
.dku-icon-recipe-univariate-analysis-20:before {
  content: "\f035";
}
.dku-icon-recipe-univariate-analysis-24:before {
  content: "\f036";
}
.dku-icon-recipe-univariate-analysis-32:before {
  content: "\f037";
}
.dku-icon-recipe-univariate-analysis-48:before {
  content: "\f038";
}
.dku-icon-recipe-upsert-circle-fill-12:before {
  content: "\f039";
}
.dku-icon-recipe-upsert-circle-fill-16:before {
  content: "\f03a";
}
.dku-icon-recipe-upsert-circle-fill-20:before {
  content: "\f03b";
}
.dku-icon-recipe-upsert-circle-fill-24:before {
  content: "\f03c";
}
.dku-icon-recipe-upsert-circle-fill-32:before {
  content: "\f03d";
}
.dku-icon-recipe-upsert-circle-fill-48:before {
  content: "\f03e";
}
.dku-icon-recipe-window-circle-fill-12:before {
  content: "\f03f";
}
.dku-icon-recipe-window-circle-fill-16:before {
  content: "\f040";
}
.dku-icon-recipe-window-circle-fill-20:before {
  content: "\f041";
}
.dku-icon-recipe-window-circle-fill-24:before {
  content: "\f042";
}
.dku-icon-recipe-window-circle-fill-32:before {
  content: "\f043";
}
.dku-icon-recipe-window-circle-fill-48:before {
  content: "\f044";
}
.dku-icon-relationship-many-12:before {
  content: "\f045";
}
.dku-icon-relationship-many-16:before {
  content: "\f046";
}
.dku-icon-relationship-many-20:before {
  content: "\f047";
}
.dku-icon-relationship-many-24:before {
  content: "\f048";
}
.dku-icon-relationship-many-32:before {
  content: "\f049";
}
.dku-icon-relationship-many-48:before {
  content: "\f04a";
}
.dku-icon-relationship-many-reversed-12:before {
  content: "\f04b";
}
.dku-icon-relationship-many-reversed-16:before {
  content: "\f04c";
}
.dku-icon-relationship-many-reversed-20:before {
  content: "\f04d";
}
.dku-icon-relationship-many-reversed-24:before {
  content: "\f04e";
}
.dku-icon-relationship-many-reversed-32:before {
  content: "\f04f";
}
.dku-icon-relationship-many-reversed-48:before {
  content: "\f050";
}
.dku-icon-relationship-one-12:before {
  content: "\f051";
}
.dku-icon-relationship-one-16:before {
  content: "\f052";
}
.dku-icon-relationship-one-20:before {
  content: "\f053";
}
.dku-icon-relationship-one-24:before {
  content: "\f054";
}
.dku-icon-relationship-one-32:before {
  content: "\f055";
}
.dku-icon-relationship-one-48:before {
  content: "\f056";
}
.dku-icon-rmd-12:before {
  content: "\f057";
}
.dku-icon-rmd-16:before {
  content: "\f058";
}
.dku-icon-rmd-20:before {
  content: "\f059";
}
.dku-icon-rmd-24:before {
  content: "\f05a";
}
.dku-icon-rmd-32:before {
  content: "\f05b";
}
.dku-icon-rmd-48:before {
  content: "\f05c";
}
.dku-icon-robot-12:before {
  content: "\f05d";
}
.dku-icon-robot-16:before {
  content: "\f05e";
}
.dku-icon-robot-20:before {
  content: "\f05f";
}
.dku-icon-robot-24:before {
  content: "\f060";
}
.dku-icon-robot-32:before {
  content: "\f061";
}
.dku-icon-robot-48:before {
  content: "\f062";
}
.dku-icon-salesforce-12:before {
  content: "\f063";
}
.dku-icon-salesforce-16:before {
  content: "\f064";
}
.dku-icon-salesforce-20:before {
  content: "\f065";
}
.dku-icon-salesforce-24:before {
  content: "\f066";
}
.dku-icon-salesforce-32:before {
  content: "\f067";
}
.dku-icon-salesforce-48:before {
  content: "\f068";
}
.dku-icon-sap-hana-12:before {
  content: "\f069";
}
.dku-icon-sap-hana-16:before {
  content: "\f06a";
}
.dku-icon-sap-hana-20:before {
  content: "\f06b";
}
.dku-icon-sap-hana-24:before {
  content: "\f06c";
}
.dku-icon-sap-hana-32:before {
  content: "\f06d";
}
.dku-icon-sap-hana-48:before {
  content: "\f06e";
}
.dku-icon-sap-odata-12:before {
  content: "\f06f";
}
.dku-icon-sap-odata-16:before {
  content: "\f070";
}
.dku-icon-sap-odata-20:before {
  content: "\f071";
}
.dku-icon-sap-odata-24:before {
  content: "\f072";
}
.dku-icon-sap-odata-32:before {
  content: "\f073";
}
.dku-icon-sap-odata-48:before {
  content: "\f074";
}
.dku-icon-save-12:before {
  content: "\f075";
}
.dku-icon-save-16:before {
  content: "\f076";
}
.dku-icon-save-20:before {
  content: "\f077";
}
.dku-icon-save-24:before {
  content: "\f078";
}
.dku-icon-save-32:before {
  content: "\f079";
}
.dku-icon-save-48:before {
  content: "\f07a";
}
.dku-icon-save-edit-12:before {
  content: "\f07b";
}
.dku-icon-save-edit-16:before {
  content: "\f07c";
}
.dku-icon-save-edit-20:before {
  content: "\f07d";
}
.dku-icon-save-edit-24:before {
  content: "\f07e";
}
.dku-icon-save-edit-32:before {
  content: "\f07f";
}
.dku-icon-save-edit-48:before {
  content: "\f080";
}
.dku-icon-saved-model-causal-12:before {
  content: "\f081";
}
.dku-icon-saved-model-causal-16:before {
  content: "\f082";
}
.dku-icon-saved-model-causal-20:before {
  content: "\f083";
}
.dku-icon-saved-model-causal-24:before {
  content: "\f084";
}
.dku-icon-saved-model-causal-32:before {
  content: "\f085";
}
.dku-icon-saved-model-causal-48:before {
  content: "\f086";
}
.dku-icon-saved-model-computer-vision-12:before {
  content: "\f087";
}
.dku-icon-saved-model-computer-vision-16:before {
  content: "\f088";
}
.dku-icon-saved-model-computer-vision-20:before {
  content: "\f089";
}
.dku-icon-saved-model-computer-vision-24:before {
  content: "\f08a";
}
.dku-icon-saved-model-computer-vision-32:before {
  content: "\f08b";
}
.dku-icon-saved-model-computer-vision-48:before {
  content: "\f08c";
}
.dku-icon-saved-model-deep-learning-12:before {
  content: "\f08d";
}
.dku-icon-saved-model-deep-learning-16:before {
  content: "\f08e";
}
.dku-icon-saved-model-deep-learning-20:before {
  content: "\f08f";
}
.dku-icon-saved-model-deep-learning-24:before {
  content: "\f090";
}
.dku-icon-saved-model-deep-learning-32:before {
  content: "\f091";
}
.dku-icon-saved-model-deep-learning-48:before {
  content: "\f092";
}
.dku-icon-saved-model-fine-tuning-12:before {
  content: "\f093";
}
.dku-icon-saved-model-fine-tuning-16:before {
  content: "\f094";
}
.dku-icon-saved-model-fine-tuning-20:before {
  content: "\f095";
}
.dku-icon-saved-model-fine-tuning-24:before {
  content: "\f096";
}
.dku-icon-saved-model-fine-tuning-32:before {
  content: "\f097";
}
.dku-icon-saved-model-fine-tuning-48:before {
  content: "\f098";
}
.dku-icon-saved-model-timeseries-12:before {
  content: "\f099";
}
.dku-icon-saved-model-timeseries-16:before {
  content: "\f09a";
}
.dku-icon-saved-model-timeseries-20:before {
  content: "\f09b";
}
.dku-icon-saved-model-timeseries-24:before {
  content: "\f09c";
}
.dku-icon-saved-model-timeseries-32:before {
  content: "\f09d";
}
.dku-icon-saved-model-timeseries-48:before {
  content: "\f09e";
}
.dku-icon-scissors-12:before {
  content: "\f09f";
}
.dku-icon-scissors-16:before {
  content: "\f0a0";
}
.dku-icon-scissors-20:before {
  content: "\f0a1";
}
.dku-icon-scissors-24:before {
  content: "\f0a2";
}
.dku-icon-scissors-32:before {
  content: "\f0a3";
}
.dku-icon-scissors-48:before {
  content: "\f0a4";
}
.dku-icon-scissors-horizontal-12:before {
  content: "\f0a5";
}
.dku-icon-scissors-horizontal-16:before {
  content: "\f0a6";
}
.dku-icon-scissors-horizontal-20:before {
  content: "\f0a7";
}
.dku-icon-scissors-horizontal-24:before {
  content: "\f0a8";
}
.dku-icon-scissors-horizontal-32:before {
  content: "\f0a9";
}
.dku-icon-scissors-horizontal-48:before {
  content: "\f0aa";
}
.dku-icon-search-12:before {
  content: "\f0ab";
}
.dku-icon-search-16:before {
  content: "\f0ac";
}
.dku-icon-search-20:before {
  content: "\f0ad";
}
.dku-icon-search-24:before {
  content: "\f0ae";
}
.dku-icon-search-32:before {
  content: "\f0af";
}
.dku-icon-search-48:before {
  content: "\f0b0";
}
.dku-icon-send-12:before {
  content: "\f0b1";
}
.dku-icon-send-16:before {
  content: "\f0b2";
}
.dku-icon-send-20:before {
  content: "\f0b3";
}
.dku-icon-send-24:before {
  content: "\f0b4";
}
.dku-icon-send-32:before {
  content: "\f0b5";
}
.dku-icon-send-48:before {
  content: "\f0b6";
}
.dku-icon-sentiment-12:before {
  content: "\f0b7";
}
.dku-icon-sentiment-16:before {
  content: "\f0b8";
}
.dku-icon-sentiment-20:before {
  content: "\f0b9";
}
.dku-icon-sentiment-24:before {
  content: "\f0ba";
}
.dku-icon-sentiment-32:before {
  content: "\f0bb";
}
.dku-icon-sentiment-48:before {
  content: "\f0bc";
}
.dku-icon-servicenow-12:before {
  content: "\f0bd";
}
.dku-icon-servicenow-16:before {
  content: "\f0be";
}
.dku-icon-servicenow-20:before {
  content: "\f0bf";
}
.dku-icon-servicenow-24:before {
  content: "\f0c0";
}
.dku-icon-servicenow-32:before {
  content: "\f0c1";
}
.dku-icon-servicenow-48:before {
  content: "\f0c2";
}
.dku-icon-shapes-12:before {
  content: "\f0c3";
}
.dku-icon-shapes-16:before {
  content: "\f0c4";
}
.dku-icon-shapes-20:before {
  content: "\f0c5";
}
.dku-icon-shapes-24:before {
  content: "\f0c6";
}
.dku-icon-shapes-32:before {
  content: "\f0c7";
}
.dku-icon-shapes-48:before {
  content: "\f0c8";
}
.dku-icon-share-12:before {
  content: "\f0c9";
}
.dku-icon-share-16:before {
  content: "\f0ca";
}
.dku-icon-share-20:before {
  content: "\f0cb";
}
.dku-icon-share-24:before {
  content: "\f0cc";
}
.dku-icon-share-32:before {
  content: "\f0cd";
}
.dku-icon-share-48:before {
  content: "\f0ce";
}
.dku-icon-shield-check-12:before {
  content: "\f0cf";
}
.dku-icon-shield-check-16:before {
  content: "\f0d0";
}
.dku-icon-shield-check-20:before {
  content: "\f0d1";
}
.dku-icon-shield-check-24:before {
  content: "\f0d2";
}
.dku-icon-shield-check-32:before {
  content: "\f0d3";
}
.dku-icon-shield-check-48:before {
  content: "\f0d4";
}
.dku-icon-shield-check-fill-12:before {
  content: "\f0d5";
}
.dku-icon-shield-check-fill-16:before {
  content: "\f0d6";
}
.dku-icon-shield-check-fill-20:before {
  content: "\f0d7";
}
.dku-icon-shield-check-fill-24:before {
  content: "\f0d8";
}
.dku-icon-shield-check-fill-32:before {
  content: "\f0d9";
}
.dku-icon-shield-check-fill-48:before {
  content: "\f0da";
}
.dku-icon-shield-gdpr-check-12:before {
  content: "\f0db";
}
.dku-icon-shield-gdpr-check-16:before {
  content: "\f0dc";
}
.dku-icon-shield-gdpr-check-20:before {
  content: "\f0dd";
}
.dku-icon-shield-gdpr-check-24:before {
  content: "\f0de";
}
.dku-icon-shield-gdpr-check-32:before {
  content: "\f0df";
}
.dku-icon-shield-gdpr-check-48:before {
  content: "\f0e0";
}
.dku-icon-shield-lock-fill-12:before {
  content: "\f0e1";
}
.dku-icon-shield-lock-fill-16:before {
  content: "\f0e2";
}
.dku-icon-shield-lock-fill-20:before {
  content: "\f0e3";
}
.dku-icon-shield-lock-fill-24:before {
  content: "\f0e4";
}
.dku-icon-shield-lock-fill-32:before {
  content: "\f0e5";
}
.dku-icon-shield-lock-fill-48:before {
  content: "\f0e6";
}
.dku-icon-shield-lock-outline-12:before {
  content: "\f0e7";
}
.dku-icon-shield-lock-outline-16:before {
  content: "\f0e8";
}
.dku-icon-shield-lock-outline-20:before {
  content: "\f0e9";
}
.dku-icon-shield-lock-outline-24:before {
  content: "\f0ea";
}
.dku-icon-shield-lock-outline-32:before {
  content: "\f0eb";
}
.dku-icon-shield-lock-outline-48:before {
  content: "\f0ec";
}
.dku-icon-signal-12:before {
  content: "\f0ed";
}
.dku-icon-signal-16:before {
  content: "\f0ee";
}
.dku-icon-signal-20:before {
  content: "\f0ef";
}
.dku-icon-signal-24:before {
  content: "\f0f0";
}
.dku-icon-signal-32:before {
  content: "\f0f1";
}
.dku-icon-signal-48:before {
  content: "\f0f2";
}
.dku-icon-sitemap-12:before {
  content: "\f0f3";
}
.dku-icon-sitemap-16:before {
  content: "\f0f4";
}
.dku-icon-sitemap-20:before {
  content: "\f0f5";
}
.dku-icon-sitemap-24:before {
  content: "\f0f6";
}
.dku-icon-sitemap-32:before {
  content: "\f0f7";
}
.dku-icon-sitemap-48:before {
  content: "\f0f8";
}
.dku-icon-sitemap-circle-fill-12:before {
  content: "\f0f9";
}
.dku-icon-sitemap-circle-fill-16:before {
  content: "\f0fa";
}
.dku-icon-sitemap-circle-fill-20:before {
  content: "\f0fb";
}
.dku-icon-sitemap-circle-fill-24:before {
  content: "\f0fc";
}
.dku-icon-sitemap-circle-fill-32:before {
  content: "\f0fd";
}
.dku-icon-sitemap-circle-fill-48:before {
  content: "\f0fe";
}
.dku-icon-slack-12:before {
  content: "\f0ff";
}
.dku-icon-slack-16:before {
  content: "\f100";
}
.dku-icon-slack-20:before {
  content: "\f101";
}
.dku-icon-slack-24:before {
  content: "\f102";
}
.dku-icon-slack-32:before {
  content: "\f103";
}
.dku-icon-slack-48:before {
  content: "\f104";
}
.dku-icon-snip-reconnect-12:before {
  content: "\f105";
}
.dku-icon-snip-reconnect-16:before {
  content: "\f106";
}
.dku-icon-snip-reconnect-20:before {
  content: "\f107";
}
.dku-icon-snip-reconnect-24:before {
  content: "\f108";
}
.dku-icon-snip-reconnect-32:before {
  content: "\f109";
}
.dku-icon-snip-reconnect-48:before {
  content: "\f10a";
}
.dku-icon-snowflake-12:before {
  content: "\f10b";
}
.dku-icon-snowflake-16:before {
  content: "\f10c";
}
.dku-icon-snowflake-20:before {
  content: "\f10d";
}
.dku-icon-snowflake-24:before {
  content: "\f10e";
}
.dku-icon-snowflake-32:before {
  content: "\f10f";
}
.dku-icon-snowflake-48:before {
  content: "\f110";
}
.dku-icon-snowflake-aws-privatelink-12:before {
  content: "\f111";
}
.dku-icon-snowflake-aws-privatelink-16:before {
  content: "\f112";
}
.dku-icon-snowflake-aws-privatelink-20:before {
  content: "\f113";
}
.dku-icon-snowflake-aws-privatelink-24:before {
  content: "\f114";
}
.dku-icon-snowflake-aws-privatelink-32:before {
  content: "\f115";
}
.dku-icon-snowflake-aws-privatelink-48:before {
  content: "\f116";
}
.dku-icon-snowflake-brand-12:before {
  content: "\f117";
}
.dku-icon-snowflake-brand-16:before {
  content: "\f118";
}
.dku-icon-snowflake-brand-20:before {
  content: "\f119";
}
.dku-icon-snowflake-brand-24:before {
  content: "\f11a";
}
.dku-icon-snowflake-brand-32:before {
  content: "\f11b";
}
.dku-icon-snowflake-brand-48:before {
  content: "\f11c";
}
.dku-icon-snowpark-100:before {
  content: "\f11d";
}
.dku-icon-snowpark-12:before {
  content: "\f11e";
}
.dku-icon-snowpark-16:before {
  content: "\f11f";
}
.dku-icon-snowpark-20:before {
  content: "\f120";
}
.dku-icon-snowpark-24:before {
  content: "\f121";
}
.dku-icon-snowpark-32:before {
  content: "\f122";
}
.dku-icon-snowpark-48:before {
  content: "\f123";
}
.dku-icon-sort-ascending-12:before {
  content: "\f124";
}
.dku-icon-sort-ascending-16:before {
  content: "\f125";
}
.dku-icon-sort-ascending-20:before {
  content: "\f126";
}
.dku-icon-sort-ascending-24:before {
  content: "\f127";
}
.dku-icon-sort-ascending-32:before {
  content: "\f128";
}
.dku-icon-sort-ascending-48:before {
  content: "\f129";
}
.dku-icon-sort-descending-12:before {
  content: "\f12a";
}
.dku-icon-sort-descending-16:before {
  content: "\f12b";
}
.dku-icon-sort-descending-20:before {
  content: "\f12c";
}
.dku-icon-sort-descending-24:before {
  content: "\f12d";
}
.dku-icon-sort-descending-32:before {
  content: "\f12e";
}
.dku-icon-sort-descending-48:before {
  content: "\f12f";
}
.dku-icon-sort-natural-order-ascending--numeric-12:before {
  content: "\f130";
}
.dku-icon-sort-natural-order-ascending--numeric-16:before {
  content: "\f131";
}
.dku-icon-sort-natural-order-ascending--numeric-20:before {
  content: "\f132";
}
.dku-icon-sort-natural-order-ascending--numeric-24:before {
  content: "\f133";
}
.dku-icon-sort-natural-order-ascending--numeric-32:before {
  content: "\f134";
}
.dku-icon-sort-natural-order-ascending--numeric-48:before {
  content: "\f135";
}
.dku-icon-sort-natural-order-ascending-alphanumeric-12:before {
  content: "\f136";
}
.dku-icon-sort-natural-order-ascending-alphanumeric-16:before {
  content: "\f137";
}
.dku-icon-sort-natural-order-ascending-alphanumeric-20:before {
  content: "\f138";
}
.dku-icon-sort-natural-order-ascending-alphanumeric-24:before {
  content: "\f139";
}
.dku-icon-sort-natural-order-ascending-alphanumeric-32:before {
  content: "\f13a";
}
.dku-icon-sort-natural-order-ascending-alphanumeric-48:before {
  content: "\f13b";
}
.dku-icon-sort-natural-order-descending--numeric-12:before {
  content: "\f13c";
}
.dku-icon-sort-natural-order-descending--numeric-16:before {
  content: "\f13d";
}
.dku-icon-sort-natural-order-descending--numeric-20:before {
  content: "\f13e";
}
.dku-icon-sort-natural-order-descending--numeric-24:before {
  content: "\f13f";
}
.dku-icon-sort-natural-order-descending--numeric-32:before {
  content: "\f140";
}
.dku-icon-sort-natural-order-descending--numeric-48:before {
  content: "\f141";
}
.dku-icon-sort-natural-order-descending-alphanumeric-12:before {
  content: "\f142";
}
.dku-icon-sort-natural-order-descending-alphanumeric-16:before {
  content: "\f143";
}
.dku-icon-sort-natural-order-descending-alphanumeric-20:before {
  content: "\f144";
}
.dku-icon-sort-natural-order-descending-alphanumeric-24:before {
  content: "\f145";
}
.dku-icon-sort-natural-order-descending-alphanumeric-32:before {
  content: "\f146";
}
.dku-icon-sort-natural-order-descending-alphanumeric-48:before {
  content: "\f147";
}
.dku-icon-spark-12:before {
  content: "\f148";
}
.dku-icon-spark-16:before {
  content: "\f149";
}
.dku-icon-spark-20:before {
  content: "\f14a";
}
.dku-icon-spark-24:before {
  content: "\f14b";
}
.dku-icon-spark-32:before {
  content: "\f14c";
}
.dku-icon-spark-48:before {
  content: "\f14d";
}
.dku-icon-sparkmllib-12:before {
  content: "\f14e";
}
.dku-icon-sparkmllib-16:before {
  content: "\f14f";
}
.dku-icon-sparkmllib-20:before {
  content: "\f150";
}
.dku-icon-sparkmllib-24:before {
  content: "\f151";
}
.dku-icon-sparkmllib-32:before {
  content: "\f152";
}
.dku-icon-sparkmllib-48:before {
  content: "\f153";
}
.dku-icon-sparkpython-12:before {
  content: "\f154";
}
.dku-icon-sparkpython-16:before {
  content: "\f155";
}
.dku-icon-sparkpython-20:before {
  content: "\f156";
}
.dku-icon-sparkpython-24:before {
  content: "\f157";
}
.dku-icon-sparkpython-32:before {
  content: "\f158";
}
.dku-icon-sparkpython-48:before {
  content: "\f159";
}
.dku-icon-sparkr-12:before {
  content: "\f15a";
}
.dku-icon-sparkr-16:before {
  content: "\f15b";
}
.dku-icon-sparkr-20:before {
  content: "\f15c";
}
.dku-icon-sparkr-24:before {
  content: "\f15d";
}
.dku-icon-sparkr-32:before {
  content: "\f15e";
}
.dku-icon-sparkr-48:before {
  content: "\f15f";
}
.dku-icon-sparkscala-12:before {
  content: "\f160";
}
.dku-icon-sparkscala-16:before {
  content: "\f161";
}
.dku-icon-sparkscala-20:before {
  content: "\f162";
}
.dku-icon-sparkscala-24:before {
  content: "\f163";
}
.dku-icon-sparkscala-32:before {
  content: "\f164";
}
.dku-icon-sparkscala-48:before {
  content: "\f165";
}
.dku-icon-sparksql-12:before {
  content: "\f166";
}
.dku-icon-sparksql-16:before {
  content: "\f167";
}
.dku-icon-sparksql-20:before {
  content: "\f168";
}
.dku-icon-sparksql-24:before {
  content: "\f169";
}
.dku-icon-sparksql-32:before {
  content: "\f16a";
}
.dku-icon-sparksql-48:before {
  content: "\f16b";
}
.dku-icon-speech-to-text-12:before {
  content: "\f16c";
}
.dku-icon-speech-to-text-16:before {
  content: "\f16d";
}
.dku-icon-speech-to-text-20:before {
  content: "\f16e";
}
.dku-icon-speech-to-text-24:before {
  content: "\f16f";
}
.dku-icon-speech-to-text-32:before {
  content: "\f170";
}
.dku-icon-speech-to-text-48:before {
  content: "\f171";
}
.dku-icon-splunk-12:before {
  content: "\f172";
}
.dku-icon-splunk-16:before {
  content: "\f173";
}
.dku-icon-splunk-20:before {
  content: "\f174";
}
.dku-icon-splunk-24:before {
  content: "\f175";
}
.dku-icon-splunk-32:before {
  content: "\f176";
}
.dku-icon-splunk-48:before {
  content: "\f177";
}
.dku-icon-sql-12:before {
  content: "\f178";
}
.dku-icon-sql-16:before {
  content: "\f179";
}
.dku-icon-sql-20:before {
  content: "\f17a";
}
.dku-icon-sql-24:before {
  content: "\f17b";
}
.dku-icon-sql-32:before {
  content: "\f17c";
}
.dku-icon-sql-48:before {
  content: "\f17d";
}
.dku-icon-sql-server-12:before {
  content: "\f17e";
}
.dku-icon-sql-server-16:before {
  content: "\f17f";
}
.dku-icon-sql-server-20:before {
  content: "\f180";
}
.dku-icon-sql-server-24:before {
  content: "\f181";
}
.dku-icon-sql-server-32:before {
  content: "\f182";
}
.dku-icon-sql-server-48:before {
  content: "\f183";
}
.dku-icon-square-card-view-12:before {
  content: "\f184";
}
.dku-icon-square-card-view-16:before {
  content: "\f185";
}
.dku-icon-square-card-view-20:before {
  content: "\f186";
}
.dku-icon-square-card-view-24:before {
  content: "\f187";
}
.dku-icon-square-card-view-32:before {
  content: "\f188";
}
.dku-icon-square-card-view-48:before {
  content: "\f189";
}
.dku-icon-square-circle-outline-12:before {
  content: "\f18a";
}
.dku-icon-square-circle-outline-16:before {
  content: "\f18b";
}
.dku-icon-square-circle-outline-20:before {
  content: "\f18c";
}
.dku-icon-square-circle-outline-24:before {
  content: "\f18d";
}
.dku-icon-square-circle-outline-32:before {
  content: "\f18e";
}
.dku-icon-square-circle-outline-48:before {
  content: "\f18f";
}
.dku-icon-square-fill-12:before {
  content: "\f190";
}
.dku-icon-square-fill-16:before {
  content: "\f191";
}
.dku-icon-square-fill-20:before {
  content: "\f192";
}
.dku-icon-square-fill-24:before {
  content: "\f193";
}
.dku-icon-square-fill-32:before {
  content: "\f194";
}
.dku-icon-square-fill-48:before {
  content: "\f195";
}
.dku-icon-square-outline-12:before {
  content: "\f196";
}
.dku-icon-square-outline-16:before {
  content: "\f197";
}
.dku-icon-square-outline-20:before {
  content: "\f198";
}
.dku-icon-square-outline-24:before {
  content: "\f199";
}
.dku-icon-square-outline-32:before {
  content: "\f19a";
}
.dku-icon-square-outline-48:before {
  content: "\f19b";
}
.dku-icon-square-stack-12:before {
  content: "\f19c";
}
.dku-icon-square-stack-16:before {
  content: "\f19d";
}
.dku-icon-square-stack-20:before {
  content: "\f19e";
}
.dku-icon-square-stack-24:before {
  content: "\f19f";
}
.dku-icon-square-stack-32:before {
  content: "\f1a0";
}
.dku-icon-square-stack-48:before {
  content: "\f1a1";
}
.dku-icon-stability-ai-12:before {
  content: "\f1a2";
}
.dku-icon-stability-ai-16:before {
  content: "\f1a3";
}
.dku-icon-stability-ai-20:before {
  content: "\f1a4";
}
.dku-icon-stability-ai-24:before {
  content: "\f1a5";
}
.dku-icon-stability-ai-32:before {
  content: "\f1a6";
}
.dku-icon-stability-ai-48:before {
  content: "\f1a7";
}
.dku-icon-stacked-12:before {
  content: "\f1a8";
}
.dku-icon-stacked-16:before {
  content: "\f1a9";
}
.dku-icon-stacked-20:before {
  content: "\f1aa";
}
.dku-icon-stacked-24:before {
  content: "\f1ab";
}
.dku-icon-stacked-32:before {
  content: "\f1ac";
}
.dku-icon-stacked-48:before {
  content: "\f1ad";
}
.dku-icon-star-fill-12:before {
  content: "\f1ae";
}
.dku-icon-star-fill-16:before {
  content: "\f1af";
}
.dku-icon-star-fill-20:before {
  content: "\f1b0";
}
.dku-icon-star-fill-24:before {
  content: "\f1b1";
}
.dku-icon-star-fill-32:before {
  content: "\f1b2";
}
.dku-icon-star-fill-48:before {
  content: "\f1b3";
}
.dku-icon-star-fill-off-12:before {
  content: "\f1b4";
}
.dku-icon-star-fill-off-16:before {
  content: "\f1b5";
}
.dku-icon-star-fill-off-20:before {
  content: "\f1b6";
}
.dku-icon-star-fill-off-24:before {
  content: "\f1b7";
}
.dku-icon-star-fill-off-32:before {
  content: "\f1b8";
}
.dku-icon-star-fill-off-48:before {
  content: "\f1b9";
}
.dku-icon-star-outline-12:before {
  content: "\f1ba";
}
.dku-icon-star-outline-16:before {
  content: "\f1bb";
}
.dku-icon-star-outline-20:before {
  content: "\f1bc";
}
.dku-icon-star-outline-24:before {
  content: "\f1bd";
}
.dku-icon-star-outline-32:before {
  content: "\f1be";
}
.dku-icon-star-outline-48:before {
  content: "\f1bf";
}
.dku-icon-starburst-12:before {
  content: "\f1c0";
}
.dku-icon-starburst-16:before {
  content: "\f1c1";
}
.dku-icon-starburst-20:before {
  content: "\f1c2";
}
.dku-icon-starburst-24:before {
  content: "\f1c3";
}
.dku-icon-starburst-32:before {
  content: "\f1c4";
}
.dku-icon-starburst-48:before {
  content: "\f1c5";
}
.dku-icon-starburst-half-12:before {
  content: "\f1c6";
}
.dku-icon-starburst-half-16:before {
  content: "\f1c7";
}
.dku-icon-starburst-half-20:before {
  content: "\f1c8";
}
.dku-icon-starburst-half-24:before {
  content: "\f1c9";
}
.dku-icon-starburst-half-32:before {
  content: "\f1ca";
}
.dku-icon-starburst-half-48:before {
  content: "\f1cb";
}
.dku-icon-stars-12:before {
  content: "\f1cc";
}
.dku-icon-stars-16:before {
  content: "\f1cd";
}
.dku-icon-stars-20:before {
  content: "\f1ce";
}
.dku-icon-stars-24:before {
  content: "\f1cf";
}
.dku-icon-stars-28:before {
  content: "\f1d0";
}
.dku-icon-stars-32:before {
  content: "\f1d1";
}
.dku-icon-stars-48:before {
  content: "\f1d2";
}
.dku-icon-stars-circle-fill-12:before {
  content: "\f1d3";
}
.dku-icon-stars-circle-fill-16:before {
  content: "\f1d4";
}
.dku-icon-stars-circle-fill-20:before {
  content: "\f1d5";
}
.dku-icon-stars-circle-fill-24:before {
  content: "\f1d6";
}
.dku-icon-stars-circle-fill-32:before {
  content: "\f1d7";
}
.dku-icon-stars-circle-fill-48:before {
  content: "\f1d8";
}
.dku-icon-statistical-test-12:before {
  content: "\f1d9";
}
.dku-icon-statistical-test-16:before {
  content: "\f1da";
}
.dku-icon-statistical-test-20:before {
  content: "\f1db";
}
.dku-icon-statistical-test-24:before {
  content: "\f1dc";
}
.dku-icon-statistical-test-32:before {
  content: "\f1dd";
}
.dku-icon-statistical-test-48:before {
  content: "\f1de";
}
.dku-icon-statistics-12:before {
  content: "\f1df";
}
.dku-icon-statistics-16:before {
  content: "\f1e0";
}
.dku-icon-statistics-20:before {
  content: "\f1e1";
}
.dku-icon-statistics-24:before {
  content: "\f1e2";
}
.dku-icon-statistics-32:before {
  content: "\f1e3";
}
.dku-icon-statistics-48:before {
  content: "\f1e4";
}
.dku-icon-stethoscope-12:before {
  content: "\f1e5";
}
.dku-icon-stethoscope-16:before {
  content: "\f1e6";
}
.dku-icon-stethoscope-20:before {
  content: "\f1e7";
}
.dku-icon-stethoscope-24:before {
  content: "\f1e8";
}
.dku-icon-stethoscope-32:before {
  content: "\f1e9";
}
.dku-icon-stethoscope-48:before {
  content: "\f1ea";
}
.dku-icon-sun-12:before {
  content: "\f1eb";
}
.dku-icon-sun-16:before {
  content: "\f1ec";
}
.dku-icon-sun-20:before {
  content: "\f1ed";
}
.dku-icon-sun-24:before {
  content: "\f1ee";
}
.dku-icon-sun-32:before {
  content: "\f1ef";
}
.dku-icon-sun-48:before {
  content: "\f1f0";
}
.dku-icon-table-12:before {
  content: "\f1f1";
}
.dku-icon-table-16:before {
  content: "\f1f2";
}
.dku-icon-table-20:before {
  content: "\f1f3";
}
.dku-icon-table-24:before {
  content: "\f1f4";
}
.dku-icon-table-32:before {
  content: "\f1f5";
}
.dku-icon-table-48:before {
  content: "\f1f6";
}
.dku-icon-tableau-12:before {
  content: "\f1f7";
}
.dku-icon-tableau-16:before {
  content: "\f1f8";
}
.dku-icon-tableau-20:before {
  content: "\f1f9";
}
.dku-icon-tableau-24:before {
  content: "\f1fa";
}
.dku-icon-tableau-32:before {
  content: "\f1fb";
}
.dku-icon-tableau-48:before {
  content: "\f1fc";
}
.dku-icon-tag-12:before {
  content: "\f1fd";
}
.dku-icon-tag-16:before {
  content: "\f1fe";
}
.dku-icon-tag-20:before {
  content: "\f1ff";
}
.dku-icon-tag-24:before {
  content: "\f200";
}
.dku-icon-tag-32:before {
  content: "\f201";
}
.dku-icon-tag-48:before {
  content: "\f202";
}
.dku-icon-target-12:before {
  content: "\f203";
}
.dku-icon-target-16:before {
  content: "\f204";
}
.dku-icon-target-20:before {
  content: "\f205";
}
.dku-icon-target-24:before {
  content: "\f206";
}
.dku-icon-target-32:before {
  content: "\f207";
}
.dku-icon-target-48:before {
  content: "\f208";
}
.dku-icon-task-12:before {
  content: "\f209";
}
.dku-icon-task-16:before {
  content: "\f20a";
}
.dku-icon-task-20:before {
  content: "\f20b";
}
.dku-icon-task-24:before {
  content: "\f20c";
}
.dku-icon-task-32:before {
  content: "\f20d";
}
.dku-icon-task-48:before {
  content: "\f20e";
}
.dku-icon-teams-12:before {
  content: "\f20f";
}
.dku-icon-teams-16:before {
  content: "\f210";
}
.dku-icon-teams-20:before {
  content: "\f211";
}
.dku-icon-teams-24:before {
  content: "\f212";
}
.dku-icon-teams-32:before {
  content: "\f213";
}
.dku-icon-teams-48:before {
  content: "\f214";
}
.dku-icon-template-12:before {
  content: "\f215";
}
.dku-icon-template-16:before {
  content: "\f216";
}
.dku-icon-template-20:before {
  content: "\f217";
}
.dku-icon-template-24:before {
  content: "\f218";
}
.dku-icon-template-32:before {
  content: "\f219";
}
.dku-icon-template-48:before {
  content: "\f21a";
}
.dku-icon-teradata-12:before {
  content: "\f21b";
}
.dku-icon-teradata-16:before {
  content: "\f21c";
}
.dku-icon-teradata-20:before {
  content: "\f21d";
}
.dku-icon-teradata-24:before {
  content: "\f21e";
}
.dku-icon-teradata-32:before {
  content: "\f21f";
}
.dku-icon-teradata-48:before {
  content: "\f220";
}
.dku-icon-terminal-12:before {
  content: "\f221";
}
.dku-icon-terminal-16:before {
  content: "\f222";
}
.dku-icon-terminal-20:before {
  content: "\f223";
}
.dku-icon-terminal-24:before {
  content: "\f224";
}
.dku-icon-terminal-32:before {
  content: "\f225";
}
.dku-icon-terminal-48:before {
  content: "\f226";
}
.dku-icon-terminal-ssh-12:before {
  content: "\f227";
}
.dku-icon-terminal-ssh-16:before {
  content: "\f228";
}
.dku-icon-terminal-ssh-20:before {
  content: "\f229";
}
.dku-icon-terminal-ssh-24:before {
  content: "\f22a";
}
.dku-icon-terminal-ssh-32:before {
  content: "\f22b";
}
.dku-icon-terminal-ssh-48:before {
  content: "\f22c";
}
.dku-icon-test-scenario-12:before {
  content: "\f22d";
}
.dku-icon-test-scenario-16:before {
  content: "\f22e";
}
.dku-icon-test-scenario-20:before {
  content: "\f22f";
}
.dku-icon-test-scenario-24:before {
  content: "\f230";
}
.dku-icon-test-scenario-32:before {
  content: "\f231";
}
.dku-icon-test-scenario-48:before {
  content: "\f232";
}
.dku-icon-test-tube-12:before {
  content: "\f233";
}
.dku-icon-test-tube-16:before {
  content: "\f234";
}
.dku-icon-test-tube-20:before {
  content: "\f235";
}
.dku-icon-test-tube-24:before {
  content: "\f236";
}
.dku-icon-test-tube-32:before {
  content: "\f237";
}
.dku-icon-test-tube-48:before {
  content: "\f238";
}
.dku-icon-test-tube-filled-12:before {
  content: "\f239";
}
.dku-icon-test-tube-filled-16:before {
  content: "\f23a";
}
.dku-icon-test-tube-filled-20:before {
  content: "\f23b";
}
.dku-icon-test-tube-filled-24:before {
  content: "\f23c";
}
.dku-icon-test-tube-filled-32:before {
  content: "\f23d";
}
.dku-icon-test-tube-filled-48:before {
  content: "\f23e";
}
.dku-icon-test-tube-revert-12:before {
  content: "\f23f";
}
.dku-icon-test-tube-revert-16:before {
  content: "\f240";
}
.dku-icon-test-tube-revert-20:before {
  content: "\f241";
}
.dku-icon-test-tube-revert-24:before {
  content: "\f242";
}
.dku-icon-test-tube-revert-32:before {
  content: "\f243";
}
.dku-icon-test-tube-revert-48:before {
  content: "\f244";
}
.dku-icon-text-align-center-12:before {
  content: "\f245";
}
.dku-icon-text-align-center-16:before {
  content: "\f246";
}
.dku-icon-text-align-center-20:before {
  content: "\f247";
}
.dku-icon-text-align-center-24:before {
  content: "\f248";
}
.dku-icon-text-align-center-32:before {
  content: "\f249";
}
.dku-icon-text-align-center-48:before {
  content: "\f24a";
}
.dku-icon-text-align-justified-12:before {
  content: "\f24b";
}
.dku-icon-text-align-justified-16:before {
  content: "\f24c";
}
.dku-icon-text-align-justified-20:before {
  content: "\f24d";
}
.dku-icon-text-align-justified-24:before {
  content: "\f24e";
}
.dku-icon-text-align-justified-32:before {
  content: "\f24f";
}
.dku-icon-text-align-justified-48:before {
  content: "\f250";
}
.dku-icon-text-align-left-12:before {
  content: "\f251";
}
.dku-icon-text-align-left-16:before {
  content: "\f252";
}
.dku-icon-text-align-left-20:before {
  content: "\f253";
}
.dku-icon-text-align-left-24:before {
  content: "\f254";
}
.dku-icon-text-align-left-32:before {
  content: "\f255";
}
.dku-icon-text-align-left-48:before {
  content: "\f256";
}
.dku-icon-text-align-right-12:before {
  content: "\f257";
}
.dku-icon-text-align-right-16:before {
  content: "\f258";
}
.dku-icon-text-align-right-20:before {
  content: "\f259";
}
.dku-icon-text-align-right-24:before {
  content: "\f25a";
}
.dku-icon-text-align-right-32:before {
  content: "\f25b";
}
.dku-icon-text-align-right-48:before {
  content: "\f25c";
}
.dku-icon-text-bold-12:before {
  content: "\f25d";
}
.dku-icon-text-bold-16:before {
  content: "\f25e";
}
.dku-icon-text-bold-20:before {
  content: "\f25f";
}
.dku-icon-text-bold-24:before {
  content: "\f260";
}
.dku-icon-text-bold-32:before {
  content: "\f261";
}
.dku-icon-text-bold-48:before {
  content: "\f262";
}
.dku-icon-text-box-12:before {
  content: "\f263";
}
.dku-icon-text-box-16:before {
  content: "\f264";
}
.dku-icon-text-box-20:before {
  content: "\f265";
}
.dku-icon-text-box-24:before {
  content: "\f266";
}
.dku-icon-text-box-32:before {
  content: "\f267";
}
.dku-icon-text-box-48:before {
  content: "\f268";
}
.dku-icon-text-bullet-list-circle-12:before {
  content: "\f269";
}
.dku-icon-text-bullet-list-circle-16:before {
  content: "\f26a";
}
.dku-icon-text-bullet-list-circle-20:before {
  content: "\f26b";
}
.dku-icon-text-bullet-list-circle-24:before {
  content: "\f26c";
}
.dku-icon-text-bullet-list-circle-32:before {
  content: "\f26d";
}
.dku-icon-text-bullet-list-circle-48:before {
  content: "\f26e";
}
.dku-icon-text-case-sensitive-12:before {
  content: "\f26f";
}
.dku-icon-text-case-sensitive-16:before {
  content: "\f270";
}
.dku-icon-text-case-sensitive-20:before {
  content: "\f271";
}
.dku-icon-text-case-sensitive-24:before {
  content: "\f272";
}
.dku-icon-text-case-sensitive-32:before {
  content: "\f273";
}
.dku-icon-text-case-sensitive-48:before {
  content: "\f274";
}
.dku-icon-text-exclamation-12:before {
  content: "\f275";
}
.dku-icon-text-exclamation-16:before {
  content: "\f276";
}
.dku-icon-text-exclamation-20:before {
  content: "\f277";
}
.dku-icon-text-exclamation-24:before {
  content: "\f278";
}
.dku-icon-text-exclamation-32:before {
  content: "\f279";
}
.dku-icon-text-exclamation-48:before {
  content: "\f27a";
}
.dku-icon-text-field-12:before {
  content: "\f27b";
}
.dku-icon-text-field-16:before {
  content: "\f27c";
}
.dku-icon-text-field-20:before {
  content: "\f27d";
}
.dku-icon-text-field-24:before {
  content: "\f27e";
}
.dku-icon-text-field-32:before {
  content: "\f27f";
}
.dku-icon-text-field-48:before {
  content: "\f280";
}
.dku-icon-text-headline-12:before {
  content: "\f281";
}
.dku-icon-text-headline-16:before {
  content: "\f282";
}
.dku-icon-text-headline-20:before {
  content: "\f283";
}
.dku-icon-text-headline-24:before {
  content: "\f284";
}
.dku-icon-text-headline-32:before {
  content: "\f285";
}
.dku-icon-text-headline-48:before {
  content: "\f286";
}
.dku-icon-text-indent-12:before {
  content: "\f287";
}
.dku-icon-text-indent-16:before {
  content: "\f288";
}
.dku-icon-text-indent-20:before {
  content: "\f289";
}
.dku-icon-text-indent-24:before {
  content: "\f28a";
}
.dku-icon-text-indent-32:before {
  content: "\f28b";
}
.dku-icon-text-indent-48:before {
  content: "\f28c";
}
.dku-icon-text-italic-12:before {
  content: "\f28d";
}
.dku-icon-text-italic-16:before {
  content: "\f28e";
}
.dku-icon-text-italic-20:before {
  content: "\f28f";
}
.dku-icon-text-italic-24:before {
  content: "\f290";
}
.dku-icon-text-italic-32:before {
  content: "\f291";
}
.dku-icon-text-italic-48:before {
  content: "\f292";
}
.dku-icon-text-letter-character-12:before {
  content: "\f293";
}
.dku-icon-text-letter-character-16:before {
  content: "\f294";
}
.dku-icon-text-letter-character-20:before {
  content: "\f295";
}
.dku-icon-text-letter-character-24:before {
  content: "\f296";
}
.dku-icon-text-letter-character-32:before {
  content: "\f297";
}
.dku-icon-text-letter-character-48:before {
  content: "\f298";
}
.dku-icon-text-number-character-12:before {
  content: "\f299";
}
.dku-icon-text-number-character-16:before {
  content: "\f29a";
}
.dku-icon-text-number-character-20:before {
  content: "\f29b";
}
.dku-icon-text-number-character-24:before {
  content: "\f29c";
}
.dku-icon-text-number-character-32:before {
  content: "\f29d";
}
.dku-icon-text-number-character-48:before {
  content: "\f29e";
}
.dku-icon-text-number-symbol-12:before {
  content: "\f29f";
}
.dku-icon-text-number-symbol-16:before {
  content: "\f2a0";
}
.dku-icon-text-number-symbol-20:before {
  content: "\f2a1";
}
.dku-icon-text-number-symbol-24:before {
  content: "\f2a2";
}
.dku-icon-text-number-symbol-32:before {
  content: "\f2a3";
}
.dku-icon-text-number-symbol-48:before {
  content: "\f2a4";
}
.dku-icon-text-outdent-12:before {
  content: "\f2a5";
}
.dku-icon-text-outdent-16:before {
  content: "\f2a6";
}
.dku-icon-text-outdent-20:before {
  content: "\f2a7";
}
.dku-icon-text-outdent-24:before {
  content: "\f2a8";
}
.dku-icon-text-outdent-32:before {
  content: "\f2a9";
}
.dku-icon-text-outdent-48:before {
  content: "\f2aa";
}
.dku-icon-text-quote-12:before {
  content: "\f2ab";
}
.dku-icon-text-quote-16:before {
  content: "\f2ac";
}
.dku-icon-text-quote-20:before {
  content: "\f2ad";
}
.dku-icon-text-quote-24:before {
  content: "\f2ae";
}
.dku-icon-text-quote-32:before {
  content: "\f2af";
}
.dku-icon-text-quote-48:before {
  content: "\f2b0";
}
.dku-icon-text-strikethrough-12:before {
  content: "\f2b1";
}
.dku-icon-text-strikethrough-16:before {
  content: "\f2b2";
}
.dku-icon-text-strikethrough-20:before {
  content: "\f2b3";
}
.dku-icon-text-strikethrough-24:before {
  content: "\f2b4";
}
.dku-icon-text-strikethrough-32:before {
  content: "\f2b5";
}
.dku-icon-text-strikethrough-48:before {
  content: "\f2b6";
}
.dku-icon-text-string-character-12:before {
  content: "\f2b7";
}
.dku-icon-text-string-character-16:before {
  content: "\f2b8";
}
.dku-icon-text-string-character-20:before {
  content: "\f2b9";
}
.dku-icon-text-string-character-24:before {
  content: "\f2ba";
}
.dku-icon-text-string-character-32:before {
  content: "\f2bb";
}
.dku-icon-text-string-character-48:before {
  content: "\f2bc";
}
.dku-icon-text-superscript-12:before {
  content: "\f2bd";
}
.dku-icon-text-superscript-16:before {
  content: "\f2be";
}
.dku-icon-text-superscript-20:before {
  content: "\f2bf";
}
.dku-icon-text-superscript-24:before {
  content: "\f2c0";
}
.dku-icon-text-superscript-32:before {
  content: "\f2c1";
}
.dku-icon-text-superscript-48:before {
  content: "\f2c2";
}
.dku-icon-text-to-speech-12:before {
  content: "\f2c3";
}
.dku-icon-text-to-speech-16:before {
  content: "\f2c4";
}
.dku-icon-text-to-speech-20:before {
  content: "\f2c5";
}
.dku-icon-text-to-speech-24:before {
  content: "\f2c6";
}
.dku-icon-text-to-speech-32:before {
  content: "\f2c7";
}
.dku-icon-text-to-speech-48:before {
  content: "\f2c8";
}
.dku-icon-text-underline-12:before {
  content: "\f2c9";
}
.dku-icon-text-underline-16:before {
  content: "\f2ca";
}
.dku-icon-text-underline-20:before {
  content: "\f2cb";
}
.dku-icon-text-underline-24:before {
  content: "\f2cc";
}
.dku-icon-text-underline-32:before {
  content: "\f2cd";
}
.dku-icon-text-underline-48:before {
  content: "\f2ce";
}
.dku-icon-threshold-12:before {
  content: "\f2cf";
}
.dku-icon-threshold-16:before {
  content: "\f2d0";
}
.dku-icon-threshold-20:before {
  content: "\f2d1";
}
.dku-icon-threshold-24:before {
  content: "\f2d2";
}
.dku-icon-threshold-32:before {
  content: "\f2d3";
}
.dku-icon-threshold-48:before {
  content: "\f2d4";
}
.dku-icon-threshold-optimal-12:before {
  content: "\f2d5";
}
.dku-icon-threshold-optimal-16:before {
  content: "\f2d6";
}
.dku-icon-threshold-optimal-20:before {
  content: "\f2d7";
}
.dku-icon-threshold-optimal-24:before {
  content: "\f2d8";
}
.dku-icon-threshold-optimal-32:before {
  content: "\f2d9";
}
.dku-icon-threshold-optimal-48:before {
  content: "\f2da";
}
.dku-icon-thumbs-down-12:before {
  content: "\f2db";
}
.dku-icon-thumbs-down-16:before {
  content: "\f2dc";
}
.dku-icon-thumbs-down-20:before {
  content: "\f2dd";
}
.dku-icon-thumbs-down-24:before {
  content: "\f2de";
}
.dku-icon-thumbs-down-32:before {
  content: "\f2df";
}
.dku-icon-thumbs-down-48:before {
  content: "\f2e0";
}
.dku-icon-thumbs-down-filled-12:before {
  content: "\f2e1";
}
.dku-icon-thumbs-down-filled-16:before {
  content: "\f2e2";
}
.dku-icon-thumbs-down-filled-20:before {
  content: "\f2e3";
}
.dku-icon-thumbs-down-filled-24:before {
  content: "\f2e4";
}
.dku-icon-thumbs-down-filled-32:before {
  content: "\f2e5";
}
.dku-icon-thumbs-down-filled-48:before {
  content: "\f2e6";
}
.dku-icon-thumbs-up-12:before {
  content: "\f2e7";
}
.dku-icon-thumbs-up-16:before {
  content: "\f2e8";
}
.dku-icon-thumbs-up-20:before {
  content: "\f2e9";
}
.dku-icon-thumbs-up-24:before {
  content: "\f2ea";
}
.dku-icon-thumbs-up-32:before {
  content: "\f2eb";
}
.dku-icon-thumbs-up-48:before {
  content: "\f2ec";
}
.dku-icon-thumbs-up-filled-12:before {
  content: "\f2ed";
}
.dku-icon-thumbs-up-filled-16:before {
  content: "\f2ee";
}
.dku-icon-thumbs-up-filled-20:before {
  content: "\f2ef";
}
.dku-icon-thumbs-up-filled-24:before {
  content: "\f2f0";
}
.dku-icon-thumbs-up-filled-32:before {
  content: "\f2f1";
}
.dku-icon-thumbs-up-filled-48:before {
  content: "\f2f2";
}
.dku-icon-time-series-12:before {
  content: "\f2f3";
}
.dku-icon-time-series-16:before {
  content: "\f2f4";
}
.dku-icon-time-series-20:before {
  content: "\f2f5";
}
.dku-icon-time-series-24:before {
  content: "\f2f6";
}
.dku-icon-time-series-32:before {
  content: "\f2f7";
}
.dku-icon-time-series-48:before {
  content: "\f2f8";
}
.dku-icon-tool-wrench-12:before {
  content: "\f2f9";
}
.dku-icon-tool-wrench-16:before {
  content: "\f2fa";
}
.dku-icon-tool-wrench-20:before {
  content: "\f2fb";
}
.dku-icon-tool-wrench-24:before {
  content: "\f2fc";
}
.dku-icon-tool-wrench-32:before {
  content: "\f2fd";
}
.dku-icon-tool-wrench-48:before {
  content: "\f2fe";
}
.dku-icon-tooltip-quote-12:before {
  content: "\f2ff";
}
.dku-icon-tooltip-quote-16:before {
  content: "\f300";
}
.dku-icon-tooltip-quote-20:before {
  content: "\f301";
}
.dku-icon-tooltip-quote-24:before {
  content: "\f302";
}
.dku-icon-tooltip-quote-32:before {
  content: "\f303";
}
.dku-icon-tooltip-quote-48:before {
  content: "\f304";
}
.dku-icon-trace-12:before {
  content: "\f305";
}
.dku-icon-trace-16:before {
  content: "\f306";
}
.dku-icon-trace-20:before {
  content: "\f307";
}
.dku-icon-trace-24:before {
  content: "\f308";
}
.dku-icon-trace-28:before {
  content: "\f309";
}
.dku-icon-trace-32:before {
  content: "\f30a";
}
.dku-icon-trace-48:before {
  content: "\f30b";
}
.dku-icon-translation-12:before {
  content: "\f30c";
}
.dku-icon-translation-16:before {
  content: "\f30d";
}
.dku-icon-translation-20:before {
  content: "\f30e";
}
.dku-icon-translation-24:before {
  content: "\f30f";
}
.dku-icon-translation-32:before {
  content: "\f310";
}
.dku-icon-translation-48:before {
  content: "\f311";
}
.dku-icon-trash-12:before {
  content: "\f312";
}
.dku-icon-trash-16:before {
  content: "\f313";
}
.dku-icon-trash-20:before {
  content: "\f314";
}
.dku-icon-trash-24:before {
  content: "\f315";
}
.dku-icon-trash-32:before {
  content: "\f316";
}
.dku-icon-trash-48:before {
  content: "\f317";
}
.dku-icon-treasure-data-12:before {
  content: "\f318";
}
.dku-icon-treasure-data-16:before {
  content: "\f319";
}
.dku-icon-treasure-data-20:before {
  content: "\f31a";
}
.dku-icon-treasure-data-24:before {
  content: "\f31b";
}
.dku-icon-treasure-data-32:before {
  content: "\f31c";
}
.dku-icon-treasure-data-48:before {
  content: "\f31d";
}
.dku-icon-triangle-12:before {
  content: "\f31e";
}
.dku-icon-triangle-16:before {
  content: "\f31f";
}
.dku-icon-triangle-20:before {
  content: "\f320";
}
.dku-icon-triangle-24:before {
  content: "\f321";
}
.dku-icon-triangle-32:before {
  content: "\f322";
}
.dku-icon-triangle-48:before {
  content: "\f323";
}
.dku-icon-triangle-down-fill-12:before {
  content: "\f324";
}
.dku-icon-triangle-down-fill-16:before {
  content: "\f325";
}
.dku-icon-triangle-down-fill-20:before {
  content: "\f326";
}
.dku-icon-triangle-down-fill-24:before {
  content: "\f327";
}
.dku-icon-triangle-down-fill-32:before {
  content: "\f328";
}
.dku-icon-triangle-down-fill-48:before {
  content: "\f329";
}
.dku-icon-triangle-fill-12:before {
  content: "\f32a";
}
.dku-icon-triangle-fill-16:before {
  content: "\f32b";
}
.dku-icon-triangle-fill-20:before {
  content: "\f32c";
}
.dku-icon-triangle-fill-24:before {
  content: "\f32d";
}
.dku-icon-triangle-fill-32:before {
  content: "\f32e";
}
.dku-icon-triangle-fill-48:before {
  content: "\f32f";
}
.dku-icon-trino-12:before {
  content: "\f330";
}
.dku-icon-trino-16:before {
  content: "\f331";
}
.dku-icon-trino-20:before {
  content: "\f332";
}
.dku-icon-trino-24:before {
  content: "\f333";
}
.dku-icon-trino-32:before {
  content: "\f334";
}
.dku-icon-trino-48:before {
  content: "\f335";
}
.dku-icon-trivial-model-12:before {
  content: "\f336";
}
.dku-icon-trivial-model-16:before {
  content: "\f337";
}
.dku-icon-trivial-model-20:before {
  content: "\f338";
}
.dku-icon-trivial-model-24:before {
  content: "\f339";
}
.dku-icon-trivial-model-32:before {
  content: "\f33a";
}
.dku-icon-trivial-model-48:before {
  content: "\f33b";
}
.dku-icon-trophy-12:before {
  content: "\f33c";
}
.dku-icon-trophy-16:before {
  content: "\f33d";
}
.dku-icon-trophy-20:before {
  content: "\f33e";
}
.dku-icon-trophy-24:before {
  content: "\f33f";
}
.dku-icon-trophy-32:before {
  content: "\f340";
}
.dku-icon-trophy-48:before {
  content: "\f341";
}
.dku-icon-truck-12:before {
  content: "\f342";
}
.dku-icon-truck-16:before {
  content: "\f343";
}
.dku-icon-truck-20:before {
  content: "\f344";
}
.dku-icon-truck-24:before {
  content: "\f345";
}
.dku-icon-truck-32:before {
  content: "\f346";
}
.dku-icon-truck-48:before {
  content: "\f347";
}
.dku-icon-true-false-12:before {
  content: "\f348";
}
.dku-icon-true-false-16:before {
  content: "\f349";
}
.dku-icon-true-false-20:before {
  content: "\f34a";
}
.dku-icon-true-false-24:before {
  content: "\f34b";
}
.dku-icon-true-false-32:before {
  content: "\f34c";
}
.dku-icon-true-false-48:before {
  content: "\f34d";
}
.dku-icon-twitter-12:before {
  content: "\f34e";
}
.dku-icon-twitter-16:before {
  content: "\f34f";
}
.dku-icon-twitter-20:before {
  content: "\f350";
}
.dku-icon-twitter-24:before {
  content: "\f351";
}
.dku-icon-twitter-32:before {
  content: "\f352";
}
.dku-icon-twitter-48:before {
  content: "\f353";
}
.dku-icon-ui-path-12:before {
  content: "\f354";
}
.dku-icon-ui-path-16:before {
  content: "\f355";
}
.dku-icon-ui-path-20:before {
  content: "\f356";
}
.dku-icon-ui-path-24:before {
  content: "\f357";
}
.dku-icon-ui-path-32:before {
  content: "\f358";
}
.dku-icon-ui-path-48:before {
  content: "\f359";
}
.dku-icon-ungroup-12:before {
  content: "\f35a";
}
.dku-icon-ungroup-16:before {
  content: "\f35b";
}
.dku-icon-ungroup-20:before {
  content: "\f35c";
}
.dku-icon-ungroup-24:before {
  content: "\f35d";
}
.dku-icon-ungroup-32:before {
  content: "\f35e";
}
.dku-icon-ungroup-48:before {
  content: "\f35f";
}
.dku-icon-univariate-analysis-12:before {
  content: "\f360";
}
.dku-icon-univariate-analysis-16:before {
  content: "\f361";
}
.dku-icon-univariate-analysis-20:before {
  content: "\f362";
}
.dku-icon-univariate-analysis-24:before {
  content: "\f363";
}
.dku-icon-univariate-analysis-32:before {
  content: "\f364";
}
.dku-icon-univariate-analysis-48:before {
  content: "\f365";
}
.dku-icon-unlink-12:before {
  content: "\f366";
}
.dku-icon-unlink-16:before {
  content: "\f367";
}
.dku-icon-unlink-20:before {
  content: "\f368";
}
.dku-icon-unlink-24:before {
  content: "\f369";
}
.dku-icon-unlink-32:before {
  content: "\f36a";
}
.dku-icon-unlink-48:before {
  content: "\f36b";
}
.dku-icon-update-12:before {
  content: "\f36c";
}
.dku-icon-update-16:before {
  content: "\f36d";
}
.dku-icon-update-20:before {
  content: "\f36e";
}
.dku-icon-update-24:before {
  content: "\f36f";
}
.dku-icon-update-32:before {
  content: "\f370";
}
.dku-icon-update-48:before {
  content: "\f371";
}
.dku-icon-user-12:before {
  content: "\f372";
}
.dku-icon-user-16:before {
  content: "\f373";
}
.dku-icon-user-20:before {
  content: "\f374";
}
.dku-icon-user-24:before {
  content: "\f375";
}
.dku-icon-user-32:before {
  content: "\f376";
}
.dku-icon-user-48:before {
  content: "\f377";
}
.dku-icon-user-group-12:before {
  content: "\f378";
}
.dku-icon-user-group-16:before {
  content: "\f379";
}
.dku-icon-user-group-20:before {
  content: "\f37a";
}
.dku-icon-user-group-24:before {
  content: "\f37b";
}
.dku-icon-user-group-32:before {
  content: "\f37c";
}
.dku-icon-user-group-48:before {
  content: "\f37d";
}
.dku-icon-user-upgrade-12:before {
  content: "\f37e";
}
.dku-icon-user-upgrade-16:before {
  content: "\f37f";
}
.dku-icon-user-upgrade-20:before {
  content: "\f380";
}
.dku-icon-user-upgrade-24:before {
  content: "\f381";
}
.dku-icon-user-upgrade-32:before {
  content: "\f382";
}
.dku-icon-user-upgrade-48:before {
  content: "\f383";
}
.dku-icon-vertica-12:before {
  content: "\f384";
}
.dku-icon-vertica-16:before {
  content: "\f385";
}
.dku-icon-vertica-20:before {
  content: "\f386";
}
.dku-icon-vertica-24:before {
  content: "\f387";
}
.dku-icon-vertica-32:before {
  content: "\f388";
}
.dku-icon-vertica-48:before {
  content: "\f389";
}
.dku-icon-vertical-text-align-bottom-12:before {
  content: "\f38a";
}
.dku-icon-vertical-text-align-bottom-16:before {
  content: "\f38b";
}
.dku-icon-vertical-text-align-bottom-20:before {
  content: "\f38c";
}
.dku-icon-vertical-text-align-bottom-24:before {
  content: "\f38d";
}
.dku-icon-vertical-text-align-bottom-32:before {
  content: "\f38e";
}
.dku-icon-vertical-text-align-bottom-48:before {
  content: "\f38f";
}
.dku-icon-vertical-text-align-center-12:before {
  content: "\f390";
}
.dku-icon-vertical-text-align-center-16:before {
  content: "\f391";
}
.dku-icon-vertical-text-align-center-20:before {
  content: "\f392";
}
.dku-icon-vertical-text-align-center-24:before {
  content: "\f393";
}
.dku-icon-vertical-text-align-center-32:before {
  content: "\f394";
}
.dku-icon-vertical-text-align-center-48:before {
  content: "\f395";
}
.dku-icon-vertical-text-align-top-12:before {
  content: "\f396";
}
.dku-icon-vertical-text-align-top-16:before {
  content: "\f397";
}
.dku-icon-vertical-text-align-top-20:before {
  content: "\f398";
}
.dku-icon-vertical-text-align-top-24:before {
  content: "\f399";
}
.dku-icon-vertical-text-align-top-32:before {
  content: "\f39a";
}
.dku-icon-vertical-text-align-top-48:before {
  content: "\f39b";
}
.dku-icon-video-12:before {
  content: "\f39c";
}
.dku-icon-video-16:before {
  content: "\f39d";
}
.dku-icon-video-20:before {
  content: "\f39e";
}
.dku-icon-video-24:before {
  content: "\f39f";
}
.dku-icon-video-32:before {
  content: "\f3a0";
}
.dku-icon-video-48:before {
  content: "\f3a1";
}
.dku-icon-view-line-12:before {
  content: "\f3a2";
}
.dku-icon-view-line-16:before {
  content: "\f3a3";
}
.dku-icon-view-line-20:before {
  content: "\f3a4";
}
.dku-icon-view-line-24:before {
  content: "\f3a5";
}
.dku-icon-view-line-32:before {
  content: "\f3a6";
}
.dku-icon-view-line-48:before {
  content: "\f3a7";
}
.dku-icon-view-side-12:before {
  content: "\f3a8";
}
.dku-icon-view-side-16:before {
  content: "\f3a9";
}
.dku-icon-view-side-20:before {
  content: "\f3aa";
}
.dku-icon-view-side-24:before {
  content: "\f3ab";
}
.dku-icon-view-side-32:before {
  content: "\f3ac";
}
.dku-icon-view-side-48:before {
  content: "\f3ad";
}
.dku-icon-visual-studio-12:before {
  content: "\f3ae";
}
.dku-icon-visual-studio-16:before {
  content: "\f3af";
}
.dku-icon-visual-studio-20:before {
  content: "\f3b0";
}
.dku-icon-visual-studio-24:before {
  content: "\f3b1";
}
.dku-icon-visual-studio-32:before {
  content: "\f3b2";
}
.dku-icon-visual-studio-48:before {
  content: "\f3b3";
}
.dku-icon-voila-12:before {
  content: "\f3b4";
}
.dku-icon-voila-16:before {
  content: "\f3b5";
}
.dku-icon-voila-20:before {
  content: "\f3b6";
}
.dku-icon-voila-24:before {
  content: "\f3b7";
}
.dku-icon-voila-32:before {
  content: "\f3b8";
}
.dku-icon-voila-48:before {
  content: "\f3b9";
}
.dku-icon-warning-fill-12:before {
  content: "\f3ba";
}
.dku-icon-warning-fill-16:before {
  content: "\f3bb";
}
.dku-icon-warning-fill-20:before {
  content: "\f3bc";
}
.dku-icon-warning-fill-24:before {
  content: "\f3bd";
}
.dku-icon-warning-fill-32:before {
  content: "\f3be";
}
.dku-icon-warning-fill-48:before {
  content: "\f3bf";
}
.dku-icon-warning-outline-12:before {
  content: "\f3c0";
}
.dku-icon-warning-outline-16:before {
  content: "\f3c1";
}
.dku-icon-warning-outline-20:before {
  content: "\f3c2";
}
.dku-icon-warning-outline-24:before {
  content: "\f3c3";
}
.dku-icon-warning-outline-32:before {
  content: "\f3c4";
}
.dku-icon-warning-outline-48:before {
  content: "\f3c5";
}
.dku-icon-water-drop-12:before {
  content: "\f3c6";
}
.dku-icon-water-drop-16:before {
  content: "\f3c7";
}
.dku-icon-water-drop-20:before {
  content: "\f3c8";
}
.dku-icon-water-drop-24:before {
  content: "\f3c9";
}
.dku-icon-water-drop-32:before {
  content: "\f3ca";
}
.dku-icon-water-drop-48:before {
  content: "\f3cb";
}
.dku-icon-water-drop-strike-12:before {
  content: "\f3cc";
}
.dku-icon-water-drop-strike-16:before {
  content: "\f3cd";
}
.dku-icon-water-drop-strike-20:before {
  content: "\f3ce";
}
.dku-icon-water-drop-strike-24:before {
  content: "\f3cf";
}
.dku-icon-water-drop-strike-32:before {
  content: "\f3d0";
}
.dku-icon-water-drop-strike-48:before {
  content: "\f3d1";
}
.dku-icon-weights-12:before {
  content: "\f3d2";
}
.dku-icon-weights-16:before {
  content: "\f3d3";
}
.dku-icon-weights-20:before {
  content: "\f3d4";
}
.dku-icon-weights-24:before {
  content: "\f3d5";
}
.dku-icon-weights-32:before {
  content: "\f3d6";
}
.dku-icon-weights-48:before {
  content: "\f3d7";
}
.dku-icon-wiki-12:before {
  content: "\f3d8";
}
.dku-icon-wiki-16:before {
  content: "\f3d9";
}
.dku-icon-wiki-20:before {
  content: "\f3da";
}
.dku-icon-wiki-24:before {
  content: "\f3db";
}
.dku-icon-wiki-32:before {
  content: "\f3dc";
}
.dku-icon-wiki-48:before {
  content: "\f3dd";
}
.dku-icon-wikipedia-12:before {
  content: "\f3de";
}
.dku-icon-wikipedia-16:before {
  content: "\f3df";
}
.dku-icon-wikipedia-20:before {
  content: "\f3e0";
}
.dku-icon-wikipedia-24:before {
  content: "\f3e1";
}
.dku-icon-wikipedia-32:before {
  content: "\f3e2";
}
.dku-icon-wikipedia-48:before {
  content: "\f3e3";
}
.dku-icon-window-12:before {
  content: "\f3e4";
}
.dku-icon-window-16:before {
  content: "\f3e5";
}
.dku-icon-window-20:before {
  content: "\f3e6";
}
.dku-icon-window-24:before {
  content: "\f3e7";
}
.dku-icon-window-32:before {
  content: "\f3e8";
}
.dku-icon-window-48:before {
  content: "\f3e9";
}
.dku-icon-wordpress-12:before {
  content: "\f3ea";
}
.dku-icon-wordpress-16:before {
  content: "\f3eb";
}
.dku-icon-wordpress-20:before {
  content: "\f3ec";
}
.dku-icon-wordpress-24:before {
  content: "\f3ed";
}
.dku-icon-wordpress-32:before {
  content: "\f3ee";
}
.dku-icon-wordpress-48:before {
  content: "\f3ef";
}
.dku-icon-workspaces-12:before {
  content: "\f3f0";
}
.dku-icon-workspaces-16:before {
  content: "\f3f1";
}
.dku-icon-workspaces-20:before {
  content: "\f3f2";
}
.dku-icon-workspaces-24:before {
  content: "\f3f3";
}
.dku-icon-workspaces-32:before {
  content: "\f3f4";
}
.dku-icon-workspaces-48:before {
  content: "\f3f5";
}
.dku-icon-x-12:before {
  content: "\f3f6";
}
.dku-icon-x-16:before {
  content: "\f3f7";
}
.dku-icon-x-20:before {
  content: "\f3f8";
}
.dku-icon-x-24:before {
  content: "\f3f9";
}
.dku-icon-x-32:before {
  content: "\f3fa";
}
.dku-icon-x-48:before {
  content: "\f3fb";
}
.dku-icon-youtube-12:before {
  content: "\f3fc";
}
.dku-icon-youtube-16:before {
  content: "\f3fd";
}
.dku-icon-youtube-20:before {
  content: "\f3fe";
}
.dku-icon-youtube-24:before {
  content: "\f3ff";
}
.dku-icon-youtube-32:before {
  content: "\f400";
}
.dku-icon-youtube-48:before {
  content: "\f401";
}
.dku-icon-zendesk-12:before {
  content: "\f402";
}
.dku-icon-zendesk-16:before {
  content: "\f403";
}
.dku-icon-zendesk-20:before {
  content: "\f404";
}
.dku-icon-zendesk-24:before {
  content: "\f405";
}
.dku-icon-zendesk-32:before {
  content: "\f406";
}
.dku-icon-zendesk-48:before {
  content: "\f407";
}
.dku-icon-zone-12:before {
  content: "\f408";
}
.dku-icon-zone-16:before {
  content: "\f409";
}
.dku-icon-zone-20:before {
  content: "\f40a";
}
.dku-icon-zone-24:before {
  content: "\f40b";
}
.dku-icon-zone-32:before {
  content: "\f40c";
}
.dku-icon-zone-48:before {
  content: "\f40d";
}
.dku-icon-zone-add-12:before {
  content: "\f40e";
}
.dku-icon-zone-add-16:before {
  content: "\f40f";
}
.dku-icon-zone-add-20:before {
  content: "\f410";
}
.dku-icon-zone-add-24:before {
  content: "\f411";
}
.dku-icon-zone-add-32:before {
  content: "\f412";
}
.dku-icon-zone-add-48:before {
  content: "\f413";
}
.dku-icon-zone-export-12:before {
  content: "\f414";
}
.dku-icon-zone-export-16:before {
  content: "\f415";
}
.dku-icon-zone-export-20:before {
  content: "\f416";
}
.dku-icon-zone-export-24:before {
  content: "\f417";
}
.dku-icon-zone-export-32:before {
  content: "\f418";
}
.dku-icon-zone-export-48:before {
  content: "\f419";
}
.dku-icon-zone-import-12:before {
  content: "\f41a";
}
.dku-icon-zone-import-16:before {
  content: "\f41b";
}
.dku-icon-zone-import-20:before {
  content: "\f41c";
}
.dku-icon-zone-import-24:before {
  content: "\f41d";
}
.dku-icon-zone-import-32:before {
  content: "\f41e";
}
.dku-icon-zone-import-48:before {
  content: "\f41f";
}
.dku-icon-zone-move-12:before {
  content: "\f420";
}
.dku-icon-zone-move-16:before {
  content: "\f421";
}
.dku-icon-zone-move-20:before {
  content: "\f422";
}
.dku-icon-zone-move-24:before {
  content: "\f423";
}
.dku-icon-zone-move-32:before {
  content: "\f424";
}
.dku-icon-zone-move-48:before {
  content: "\f425";
}
.dku-icon-zone-share-12:before {
  content: "\f426";
}
.dku-icon-zone-share-16:before {
  content: "\f427";
}
.dku-icon-zone-share-20:before {
  content: "\f428";
}
.dku-icon-zone-share-24:before {
  content: "\f429";
}
.dku-icon-zone-share-32:before {
  content: "\f42a";
}
.dku-icon-zone-share-48:before {
  content: "\f42b";
}
.dku-icon-zone-unshare-12:before {
  content: "\f42c";
}
.dku-icon-zone-unshare-16:before {
  content: "\f42d";
}
.dku-icon-zone-unshare-20:before {
  content: "\f42e";
}
.dku-icon-zone-unshare-24:before {
  content: "\f42f";
}
.dku-icon-zone-unshare-32:before {
  content: "\f430";
}
.dku-icon-zone-unshare-48:before {
  content: "\f431";
}
.dku-icon-zoom-in-12:before {
  content: "\f432";
}
.dku-icon-zoom-in-16:before {
  content: "\f433";
}
.dku-icon-zoom-in-20:before {
  content: "\f434";
}
.dku-icon-zoom-in-24:before {
  content: "\f435";
}
.dku-icon-zoom-in-32:before {
  content: "\f436";
}
.dku-icon-zoom-in-48:before {
  content: "\f437";
}
.dku-icon-zoom-out-12:before {
  content: "\f438";
}
.dku-icon-zoom-out-16:before {
  content: "\f439";
}
.dku-icon-zoom-out-20:before {
  content: "\f43a";
}
.dku-icon-zoom-out-24:before {
  content: "\f43b";
}
.dku-icon-zoom-out-32:before {
  content: "\f43c";
}
.dku-icon-zoom-out-48:before {
  content: "\f43d";
}
.children-vertical-spacing-half > * {
  margin-block: 0 !important;
}
.children-vertical-spacing-half > * + * {
  margin-block-start: 4px !important;
}
.children-vertical-spacing-half .children-vertical-spacing-exception + * {
  margin-block-start: 0 !important;
}
.children-vertical-spacing > * {
  margin-block: 0 !important;
}
.children-vertical-spacing > * + * {
  margin-block-start: 8px !important;
}
.children-vertical-spacing .children-vertical-spacing-exception + * {
  margin-block-start: 0 !important;
}
.children-vertical-spacing-2x > * {
  margin-block: 0 !important;
}
.children-vertical-spacing-2x > * + * {
  margin-block-start: 16px !important;
}
.children-vertical-spacing-2x .children-vertical-spacing-exception + * {
  margin-block-start: 0 !important;
}
.children-vertical-spacing-3x > * {
  margin-block: 0 !important;
}
.children-vertical-spacing-3x > * + * {
  margin-block-start: 24px !important;
}
.children-vertical-spacing-3x .children-vertical-spacing-exception + * {
  margin-block-start: 0 !important;
}
.children-vertical-spacing-4x > * {
  margin-block: 0 !important;
}
.children-vertical-spacing-4x > * + * {
  margin-block-start: 32px !important;
}
.children-vertical-spacing-4x .children-vertical-spacing-exception + * {
  margin-block-start: 0 !important;
}
.children-vertical-spacing-5x > * {
  margin-block: 0 !important;
}
.children-vertical-spacing-5x > * + * {
  margin-block-start: 40px !important;
}
.children-vertical-spacing-5x .children-vertical-spacing-exception + * {
  margin-block-start: 0 !important;
}
.children-horizontal-spacing-half > * {
  margin-inline-start: 0 !important;
}
.children-horizontal-spacing-half > * + * {
  margin-inline-start: 4px !important;
}
.children-horizontal-spacing-half .children-horizontal-spacing-exception + * {
  margin-block-start: 0 !important;
}
.children-horizontal-spacing > * {
  margin-inline-start: 0 !important;
}
.children-horizontal-spacing > * + * {
  margin-inline-start: 8px !important;
}
.children-horizontal-spacing .children-horizontal-spacing-exception + * {
  margin-block-start: 0 !important;
}
.children-horizontal-spacing-2x > * {
  margin-inline-start: 0 !important;
}
.children-horizontal-spacing-2x > * + * {
  margin-inline-start: 16px !important;
}
.children-horizontal-spacing-2x .children-horizontal-spacing-exception + * {
  margin-block-start: 0 !important;
}
.children-horizontal-spacing-3x > * {
  margin-inline-start: 0 !important;
}
.children-horizontal-spacing-3x > * + * {
  margin-inline-start: 24px !important;
}
.children-horizontal-spacing-3x .children-horizontal-spacing-exception + * {
  margin-block-start: 0 !important;
}
.children-horizontal-spacing-4x > * {
  margin-inline-start: 0 !important;
}
.children-horizontal-spacing-4x > * + * {
  margin-inline-start: 32px !important;
}
.children-horizontal-spacing-4x .children-horizontal-spacing-exception + * {
  margin-block-start: 0 !important;
}
.cluster-spacing > * {
  display: flex;
  flex-wrap: wrap;
  align-content: flex-start;
  margin: calc(8px / 2 * -1) !important;
}
.cluster-spacing > * > * {
  margin: calc(8px / 2) !important;
}
.cluster-spacing-2x > * {
  display: flex;
  flex-wrap: wrap;
  align-content: flex-start;
  margin: calc(16px / 2 * -1) !important;
}
.cluster-spacing-2x > * > * {
  margin: calc(16px / 2) !important;
}
.cluster-spacing-3x > * {
  display: flex;
  flex-wrap: wrap;
  align-content: flex-start;
  margin: calc(24px / 2 * -1) !important;
}
.cluster-spacing-3x > * > * {
  margin: calc(24px / 2) !important;
}
.cluster-spacing-4x > * {
  display: flex;
  flex-wrap: wrap;
  align-content: flex-start;
  margin: calc(32px / 2 * -1) !important;
}
.cluster-spacing-4x > * > * {
  margin: calc(32px / 2) !important;
}
.cluster-wrapper {
  display: flex;
  align-items: center;
}
@keyframes fade-in {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@keyframes fade-out {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}
@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);
  }
}
@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%;
  }
}
@keyframes turn_transparent {
  0% {
    background-color: #ffffff;
  }
  100% {
    background-color: transparent;
  }
}
/* Reused components */
.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 .modal-header {
  background: #ffffff;
  height: calc(54px);
  border-top: 1px solid transparent;
  border-bottom: 1px solid #dddddd;
  padding: 0 16px;
  display: flex;
  align-items: center;
}
.modal3 .modal-header .modal-header__totem {
  flex: 0 0 24px;
  color: var(--modal-totem-color, #666666);
  width: 24px;
  font-size: 20px;
  line-height: 24px;
  margin-right: 8px;
}
.modal3 .modal-header .modal-header__totem.modal-header__totem--action {
  cursor: pointer;
}
.modal3 .modal-header h4.modal-header__title {
  margin: 0;
  flex: 1 1 auto;
  line-height: initial;
  min-width: none;
  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;
  margin-right: 24px;
}
.modal3 .modal-header .modal-header__menu-wrapper {
  margin-right: 24px;
}
.modal3 .modal-header .modal-header__button-wrapper {
  margin: 0 -10px;
  flex: 0 0 auto;
  display: flex;
  align-items: center;
  gap: calc(4px);
}
.modal3 .modal-header .modal-header__button-wrapper button:hover > .dku-modal-see-through__icon--not-hovered {
  display: none;
}
.modal3 .modal-header .modal-header__button-wrapper button:not(:hover) > .dku-modal-see-through__icon--hovered {
  display: none;
}
.modal3 .modal-header .modal-header__button-wrapper button {
  width: 40px;
  height: 40px;
  color: #666666;
}
.modal3 .modal-header .modal-header__button-wrapper button:not(:focus) {
  background-color: transparent;
}
.modal3 .modal-header .modal-header__button-wrapper button:hover {
  background-color: transparent;
  color: #222222;
}
.modal3 .modal-tabs {
  box-sizing: border-box;
  height: 32px;
  margin: 0 16px;
  border-bottom: 1px solid #dddddd;
}
.modal3 .modal-tabs:empty {
  display: none;
}
.modal3 .modal-tabs dku-modal-tabs {
  display: flex;
}
.modal3 .modal-tabs dku-modal-tabs .tab {
  display: inline-block;
  box-sizing: border-box;
  height: 32px;
  padding: 8px 16px 0;
  font-family: 'SourceSansPro';
  font-weight: 500;
  font-size: 13px;
  line-height: 20px;
}
.modal3 .modal-tabs dku-modal-tabs .tab a {
  color: #333333;
  opacity: 0.55;
  text-transform: uppercase;
}
.modal3 .modal-tabs dku-modal-tabs .tab a:hover {
  text-decoration: none;
}
.modal3 .modal-tabs dku-modal-tabs .tab a:focus {
  outline: none;
}
.modal3 .modal-tabs dku-modal-tabs .tab.active {
  border-bottom: 2px solid #333333;
}
.modal3 .modal-tabs dku-modal-tabs .tab.active a {
  opacity: 1;
  color: #333333;
}
.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 {
  min-height: 96px;
  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 {
  box-sizing: border-box;
  height: 48px;
  border-top: 1px solid #dddddd;
  border-bottom: 1px solid transparent;
  background-color: #ffffff;
  padding: 8px 16px;
  line-height: calc(30px);
}
.modal3 .modal-footer.modal-footer--no-border {
  border: none;
  line-height: calc(32px);
}
.modal-footer-std-buttons {
  font-size: 0;
}
.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: 4px;
}
.modal-footer-std-buttons .btn--dku-icon {
  padding: 3px 10px;
  line-height: 1.2;
}
.modal-footer-left-content {
  float: left;
}
.modal-footer-left-content .btn {
  font-size: 15px;
  padding: 2px 10px;
}
.modal-footer-left-content .btn--dku-icon {
  padding: 3px 10px;
  line-height: 1.2;
}
.modal-footer-std-input {
  display: flex;
  align-items: baseline;
  gap: 8px;
}
.modal-footer-std-input .help-inline {
  font-size: 12px;
  line-height: 24px;
}
.modal-footer-std-input 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;
}
.modal-footer-std-input input[type="text"]:focus,
.modal-footer-std-input input[type="text"]:hover {
  color: #333333;
}
.modal-footer-std-input input[type="text"]:focus {
  box-shadow: none;
  border: 1px solid #3b99fc;
}
.modal-footer-std-input input[type="text"].ng-dirty.ng-invalid {
  border: 1px solid #ce1228;
}
.modal-footer-std-input input[type="text"].invalid-ignores-dirty.ng-invalid,
.invalid-ignores-dirty .modal-footer-std-input input[type="text"].ng-invalid {
  border: 1px solid #ce1228;
}
.filter-modal {
  max-width: 800px;
  max-height: 600px;
  width: fit-content;
}
.modal .modal-body .control-label:after {
  content: none;
}
.modal .modal-footer {
  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;
}
.modal3.modal-medium {
  width: 720px;
}
.modal-backdrop {
  z-index: 3002;
}
.modal3__info-subheader {
  margin-bottom: 16px;
}
.modal-container--from-angular ~ .modal-backdrop {
  z-index: 4000;
}
.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;
}
.io-modal .recipe-modal-io__dropdown {
  line-height: 30px;
}
.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-w700 {
  min-width: 700px;
  width: 700px;
}
.modal-w800 {
  min-width: 800px;
  width: 800px;
}
.modal-w1000 {
  min-width: 1000px;
  width: 1000px;
}
.modal-w1200 {
  min-width: 1200px;
  width: 1200px;
}
.modal-w1400 {
  min-width: 1400px;
  width: 1400px;
}
.modal-body {
  max-height: 430px;
}
.modal-body.modal-taller {
  max-height: 730px;
}
.modal {
  position: initial;
  margin-left: 0;
  z-index: 3003;
}
.modal .CodeMirror {
  height: auto;
}
.modal-container--from-angular .modal {
  z-index: 4001;
}
.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__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-actions > .flex-no-grow {
  -webkit-flex: 0 1 auto;
  flex: 0 1 auto;
}
.global-finder-modal__top-right-actions > .flex-no-basis {
  -webkit-flex: 1;
  flex: 1;
}
.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-nothoverable:hover {
  background-color: unset !important;
}
.global-finder-modal__list {
  max-height: calc(97vh - 46px);
  flex: 1;
}
.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__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__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;
}
.quick-sharing .std-list-search-box {
  display: inline-block;
  position: relative;
}
.quick-sharing .std-list-search-box .icon-remove {
  position: absolute;
  right: 5px;
  top: 5px;
  font-size: 15px;
  color: #dddddd;
  cursor: pointer;
}
.quick-sharing .std-list-search-box > input {
  width: auto;
}
.quick-sharing ul.rule-list {
  margin: 0;
  margin: O 24px;
}
.quick-sharing ul.rule-list li {
  list-style: none;
}
.quick-sharing ul.rule-list > li {
  height: 35px;
  line-height: 35px;
}
.quick-sharing ul.rule-list > li .icon-dkubird {
  font-size: 15px;
  margin-right: 5px;
}
.share-projects__quick-sharing-help {
  padding-left: 8px;
  vertical-align: text-bottom;
  font-size: 0.8em;
}
.add-to-data-collection-modal .alert-info .control-label {
  color: #144c71;
}
.add-to-data-collection-modal .controls.add-to-data-collection__collection-select {
  --dku-ng-select-max-width: 206px;
}
.add-to-data-collection-modal .controls.add-to-data-collection__collection-select.add-to-data-collection__collection-select--multi {
  margin-left: calc(100% - 382px);
}
.add-to-data-collection-modal .modal-body {
  overflow-x: hidden;
}
.add-to-data-collection-modal .dku-icon-question-circle-fill-16 {
  color: #bbbbbb;
}
.add-to-data-collection-modal .control-checkbox {
  line-height: 26px;
}
.add-to-data-collection-modal .add-to-data-collection__info-icon {
  margin-left: 4px;
}
.add-to-data-collection-modal table.table {
  table-layout: fixed;
  margin-bottom: 0;
}
.add-to-data-collection-modal table.table th.add-to-data-collection__authorization-header {
  width: 206px;
}
.add-to-data-collection-modal table.table th.add-to-data-collection__quick-share-header {
  width: 152px;
}
.add-to-data-collection-modal table.table add-to-data-collection-quick-sharing-info,
.add-to-data-collection-modal table.table add-to-data-collection-authorization-info {
  display: flex;
}
.add-to-data-collection-modal table.table .add-to-data-collection__table-header {
  font-weight: bold;
}
.add-to-data-collection-modal table.table .add-to-data-collection__object-name-container {
  vertical-align: middle;
}
.add-to-data-collection-modal table.table .add-to-data-collection__object-name-container .add-to-data-collection__dataset-name {
  display: flex;
  align-items: center;
  gap: 4px;
}
.add-to-data-collection-modal table.table .add-to-data-collection__object-name-container .add-to-data-collection__dataset-name > i {
  flex: 0 0 auto;
}
.add-to-data-collection-modal table.table .add-to-data-collection__object-name-container .add-to-data-collection__dataset-name > div {
  flex: 1 1 auto;
}
.add-to-data-collection-modal table.table .add-to-data-collection__checkbox-cell {
  text-align: center;
}
.new-external-model-selector-modal .external-model-tile {
  display: flex;
  flex-direction: column;
  justify-content: start;
  border: solid #dddddd 1px;
  padding: 64px 8px 0px 8px;
  height: 200px;
  width: 150px;
  align-items: center;
  gap: 16px;
  cursor: pointer;
}
.new-external-model-selector-modal .external-model-tile i {
  text-align: center;
}
.new-external-model-selector-modal .external-model-tile .external-model-tile-title {
  text-align: center;
  font-weight: bold;
}
.new-external-model-selector-modal .external-model-tile .external-model-tile-description {
  text-align: center;
  color: #666666;
  font-size: small;
}
.new-external-model-selector-modal .external-model-tile-list {
  display: flex;
  gap: 8px;
  justify-content: center;
  align-items: center;
  padding: 16px;
  margin: 0 0 0 0;
}
.modal3 .new-proxy-smv-modal {
  --dku-ng-select-max-width: 100%;
}
.modal3 .new-proxy-smv-modal .new-proxy-smv-modal__input-format.control-group,
.modal3 .new-proxy-smv-modal .new-proxy-smv-modal__input-format .control-group:not(:first-child) {
  margin: 0 0 8px 0;
}
.modal3 .new-proxy-smv-modal .new-proxy-smv-modal__input-format .controls {
  margin-left: 50px;
}
.modal3 .new-proxy-smv-modal .new-proxy-smv-modal__input-format .controls .bootstrap-select.bootstrap-select.bootstrap-select.bootstrap-select.bootstrap-select.bootstrap-select {
  width: 220px;
}
.modal3 .new-proxy-smv-modal .new-proxy-smv-modal__input-format label {
  width: 110px;
}
.modal3 .new-proxy-smv-modal .new-proxy-smv-modal-body__readonly-sm-info {
  margin-left: 16px;
  display: inline-block;
}
.modal3 .new-proxy-smv-modal .new-proxy-smv-modal-body__readonly-sm-section {
  display: inline;
}
.modal3 .new-proxy-smv-modal-protocol-parameters,
.modal3 .new-proxy-smv-modal-dss-parameters,
.modal3 .new-proxy-smv-modal-io-parameters {
  margin-top: 19px;
  padding: 10px;
}
.modal3 .new-proxy-smv-modal-protocol-parameters > .control-group,
.modal3 .new-proxy-smv-modal-dss-parameters > .control-group,
.modal3 .new-proxy-smv-modal-io-parameters > .control-group {
  padding: 0 5px;
}
.modal3 .new-proxy-smv-modal-dss-parameters.control-group:not(:first-child),
.modal3 .new-proxy-smv-modal-io-parameters.control-group:not(:first-child) {
  margin-top: 0;
}
.modal3 .new-proxy-smv-modal-protocol-parameters i {
  color: #29af5d;
}
.modal3 .new-proxy-smv-modal-protocol-parameters,
.modal3 .new-proxy-smv-modal-dss-parameters:not(:last-child) {
  padding-bottom: 19px;
  border-bottom: 1px solid #dddddd;
}
.modal3 .new-proxy-smv-modal .long-help-inline {
  width: 450px;
}
.modal3 .new-proxy-smv-modal .help-inline {
  width: 330px;
}
.modal3 .new-proxy-smv-modal .control-group .new-proxy-smv-modal__select ng-select {
  width: 260px;
}
.modal3 .new-proxy-smv-modal .control-group .controls .new-proxy-smv-modal__field-with-help,
.modal3 .new-proxy-smv-modal .control-group .controls input[type="text"],
.modal3 .new-proxy-smv-modal .control-group .controls input[type=number],
.modal3 .new-proxy-smv-modal .control-group .controls .bootstrap-select.bootstrap-select.bootstrap-select.bootstrap-select.bootstrap-select {
  width: 260px;
  vertical-align: top;
}
.modal3 .new-proxy-smv-modal .control-group:last-child {
  margin-bottom: 0;
}
.modal3 .new-proxy-smv-modal__field-with-help {
  display: inline-block;
  position: relative;
}
.modal3 .new-proxy-smv-modal__classes {
  display: flex;
  align-items: flex-start;
}
.modal3 .new-proxy-smv-modal__classes__copy-paste {
  display: inline;
}
.modal3 .new-proxy-smv-modal__classes__copy-paste-buttons {
  display: inline;
  position: absolute;
  left: 102px;
  bottom: 3px;
}
.modal3 .new-proxy-smv-modal .modal-body {
  max-height: 75vh !important;
}
.modal3 .new-proxy-smv-modal .dss-object-selector-mainzone {
  min-height: 26px;
}
.modal3 .new-proxy-smv-modal .dataset-selector__no-dataset {
  line-height: 22px;
}
.modal-w1200--responsive {
  width: 100%;
  min-width: 800x;
  max-width: 1200px;
}
/* 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:not(.disabled).active > a,
ul.dropdown-menu.typeahead > li:not(.disabled).active > a,
.dropdown-menu ul.dropdown-menu > li:not(.disabled):hover > a,
ul.dropdown-menu.typeahead > li:not(.disabled):hover > a {
  background-image: none;
  background-color: #f2f2f2;
  color: #333333;
}
ul.dropdown-menu > li > a[disabled],
ul.dropdown-menu > li > a:disabled,
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: 3002;
  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__tile {
  margin-left: 4px;
  flex: 0 0 auto;
}
.master-nav__tile--grow {
  flex: 1 1 auto;
}
.master-nav__logo a {
  width: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.master-nav__logo a .dku-icon-dataiku-24 {
  margin-top: 2px;
}
.master-nav__logo a .only-hover {
  display: none;
}
.master-nav__logo a .not-hover {
  display: block;
}
.master-nav__logo a.master-nav__logo--not-in-home:hover .only-hover {
  display: block;
}
.master-nav__logo a.master-nav__logo--not-in-home:hover .not-hover {
  display: none;
}
.master-nav__ws-error a {
  min-width: 16px;
}
.master-nav__logo {
  display: flex;
}
.master-nav__logo .master-nav__logo-bird {
  display: block;
  box-sizing: border-box;
  width: 40px;
  height: 40px;
  padding: 8px;
  line-height: 24px;
}
.master-nav__logo .master-nav__logo-bird .dku-icon-dataiku-24 {
  line-height: 26px;
}
.master-nav__logo .master-nav__logo-bird .only-hover {
  display: none;
}
.master-nav__logo .master-nav__logo-bird .not-hover {
  display: block;
}
.master-nav__logo .master-nav__logo-bird.master-nav__logo--not-in-home:hover .only-hover {
  display: block;
}
.master-nav__logo .master-nav__logo-bird.master-nav__logo--not-in-home:hover .not-hover {
  display: none;
}
.master-nav__home {
  font-family: 'SourceSansPro';
  font-weight: 500;
  font-size: 16px;
}
.master-nav__home a {
  display: inline-block;
  max-width: 300px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.master-nav__home .master-nav__home--project-title-with-branch {
  display: flex;
  align-items: baseline;
}
.master-nav__home .master-nav__home--project-title-with-branch .master-nav__home--project-title {
  padding-right: 4px;
  max-width: 250px;
}
.master-nav__home .master-nav__home--project-title-with-branch .master-nav__home--branch-separator {
  font-family: 'SourceSansPro';
  font-weight: 400;
  font-size: 13px;
  color: rgba(255, 255, 255, 0.5);
}
.master-nav__home .master-nav__home--project-title-with-branch .dku-icon-git-24 {
  align-self: center;
  padding-left: 2px;
}
.master-nav__home .master-nav__home--project-title-with-branch .master-nav__home--branch {
  padding-left: 2px;
  max-width: 124px;
}
.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: 3002;
}
.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-section.master-section__code-studios {
  display: flex;
}
.master-nav__menu.master-nav__menu--right {
  right: 0;
  left: auto;
}
/* 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: 230px;
}
.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--flow .master-section.labeling-task.active:before {
  background: #f9bd38;
}
.master-nav__menu-trigger:hover:not(.js-blurred).master-nav__menu--genai .master-section.active:before {
  position: absolute;
  content: '';
  height: 100%;
  left: 0;
  width: 4px;
  background: #d66f9e;
}
.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--labeling-task .master-section.active:before {
  position: absolute;
  content: '';
  height: 100%;
  left: 0;
  width: 4px;
  background: #f9bd38;
}
.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--genai:not(.active) {
  color: #d66f9e;
}
.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:hover:not(.js-blurred) .master-universe__icon--labeling-task:not(.active) {
  color: #f9bd38;
}
.master-nav__menu-trigger--on-focus {
  position: relative;
}
.master-nav__menu-trigger--on-focus a + .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 a + .master-nav__menu.master-nav__menu--with-icons {
  width: 300px;
}
/* Clickable Dropdown Menu opening */
.master-nav__menu-trigger--on-focus a:focus:not(.js-blurred) + .master-nav__menu {
  outline: none;
  visibility: visible;
  display: block;
}
.master-universe {
  display: -webkit-flex;
  display: flex;
}
.master-universe__icon {
  flex: 0 0 auto;
  width: 40px;
  height: 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--flow.labeling-task.active {
  background-color: #f9bd38;
}
.master-universe__icon.master-universe__icon--datasets.active {
  background-color: #28a9dd;
}
.master-universe__icon.master-universe__icon--genai.active {
  background-color: #d66f9e;
}
.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--labeling-task.active {
  background-color: #f9bd38;
}
.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-nav__section {
  margin-left: 16px;
  color: #ffffff;
  font-family: 'SourceSansPro';
  font-weight: 500;
  font-size: 14px;
}
.master-nav__section .master-nav__section-item {
  position: relative;
  display: inline-block;
  text-transform: capitalize;
  white-space: nowrap;
}
.master-nav__section .master-nav__section-item--with-bottom-caret {
  position: relative;
  display: inline-block;
  text-transform: capitalize;
  white-space: nowrap;
}
.master-nav__section .master-nav__section-item--with-bottom-caret:before {
  position: absolute;
  display: block;
  content: ' ';
  width: 0;
  height: 0;
  bottom: 0;
  left: calc(50% - 4px);
  border-left: 4px solid transparent;
  border-right: 4px solid transparent;
  border-bottom: 4px solid #ffffff;
}
.master-nav__section .master-nav__section-heading {
  display: inline-block;
  padding: 0px 16px;
  text-transform: capitalize;
  white-space: nowrap;
}
.master-nav__section.master-nav__section--deployer .master-nav__section-item {
  padding: 0 16px;
}
.master-nav__section.master-nav__section--deployer .master-nav__section-icon {
  vertical-align: bottom;
  margin-right: 4px;
}
.master-nav__section.master-nav__section--deployer .master-section--api-deployer {
  background-color: #2ab1ac;
}
.master-nav__section.master-nav__section--deployer .master-section--project-deployer {
  background-color: #3f51b5;
}
.master-nav__section.master-nav__section--deployer .master-section--unified-monitoring {
  background-color: #3f51b5;
}
.master-nav__request-status.pending {
  background: rgba(255, 255, 255, 0.2);
}
.master-nav__request-status {
  margin-right: 4px;
  background-color: #31708f;
}
.master-nav__request-status a.master-nav__request-status-text {
  font-family: 'SourceSansPro';
  font-weight: 400;
  font-size: 13px;
  color: #ffffff;
  padding: 0 8px;
}
.master-nav__request-status .alert.alert-error.api-error-alert .actions a {
  min-width: 16px;
  font-size: 16px;
}
.master-nav__node-name {
  padding: 0 8px;
  background: rgba(255, 255, 255, 0.2);
  font-family: 'SourceSansPro';
  font-weight: 500;
  font-size: 13px;
  min-width: 32px;
  max-width: 600px;
  flex-shrink: 1;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}
.master-nav__windows-warning {
  margin-left: 8px;
  padding: 0 8px;
  font-family: 'SourceSansPro';
  font-weight: 400;
  font-size: 13px;
}
.master-nav__windows-warning a {
  display: flex;
  align-items: center;
  gap: 4px;
}
.global-finder-nav-box {
  margin: 6px 0 6px 8px;
  box-sizing: border-box;
  width: 184px;
  min-width: calc(28px);
  height: 28px;
  border-radius: 4px;
  background-color: rgba(255, 255, 255, 0.1);
  padding: 4px 6px;
  display: flex;
  align-items: center;
  gap: 8px;
  overflow: hidden;
  cursor: pointer;
}
.global-finder-nav-box:hover .global-finder-nav-box__text {
  opacity: 1;
}
.global-finder-nav-box:hover .global-finder-nav-box__shortcut {
  display: inline-block;
}
.global-finder-nav-box .global-finder-nav-box__icon {
  flex: 0 0 auto;
  line-height: 16px;
}
.global-finder-nav-box .global-finder-nav-box__text {
  min-width: 0;
  flex: 1 1 auto;
  opacity: 0.4;
  font-size: 13px;
  line-height: 20px;
}
.global-finder-nav-box .global-finder-nav-box__shortcut {
  flex: 0 0 auto;
  opacity: 0.4;
  font-size: 12px;
  line-height: 20px;
  display: none;
}
.master-nav__app-icons {
  margin-left: 8px;
  margin-right: 2px;
}
.master-nav__icon {
  width: 36px;
}
.master-nav__icon a {
  display: block;
  width: 36px;
  height: 40px;
  color: #ffffff;
  text-align: center;
}
.master-nav__icon a i {
  opacity: 0.7;
}
.master-nav__icon:not(.master-status__icon--usercenter):hover a > i,
.master-nav__icon.master-nav__icon--active a > i {
  opacity: 1;
}
.master-nav__icon.master-status__icon--usercenter:hover a > div,
.master-nav__icon.master-status__icon--usercenter.master-nav__icon--active a > div {
  outline-offset: 1px;
  outline: 1px solid white;
}
.master-nav__icon.master-status__icon--usercenter .avatar20 {
  position: relative;
  top: -2px;
  width: 17px;
  height: 17px;
  border-radius: 10px;
  display: inline-block;
}
.master-nav__icon.master-status__icon--usercenter .unread {
  border-radius: 50%;
  background-color: #ce1228;
  color: #ffffff;
  font-size: 16px;
  min-width: 35px;
  width: 35px;
  height: 35px;
}
.master-nav__icon.master-status__icon--usercenter .unread i {
  position: relative !important;
  top: -2px;
}
.master-nav__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);
  }
}
.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 .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 {
  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;
}
.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 .tooltip {
  font-weight: 100;
}
.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 .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 .tooltip {
  font-weight: 100;
}
.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 .otherLinks {
  display: inline-block;
  font-size: 0;
  vertical-align: top;
  margin-right: 8px;
  white-space: nowrap;
}
.object-nav .otherLinks a {
  text-decoration: none !important;
}
.object-nav .otherLinks .btn {
  margin-top: 11px;
  height: 26px;
  margin-left: 8px;
}
.object-nav .otherLinks .btn-group .btn:not(:first-child) {
  margin-left: 1px;
}
.object-nav .otherLinks .btn-group .btn:not(:first-child).btn--outline {
  margin-left: -1px;
}
.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;
}
.object-nav .object-nav__links {
  display: flex;
  align-items: center;
  gap: 16px;
  margin: 0 8px;
}
.object-nav .object-nav__link {
  color: #666666;
  color: #3b99fc;
  display: flex;
  align-items: center;
}
.object-nav .object-nav__link:hover {
  text-decoration: none;
}
.object-nav .object-nav__link:focus {
  outline: none;
}
.object-nav .object-nav__link:hover,
.object-nav .object-nav__link:focus {
  color: #333333;
}
.object-nav .object-nav__link i {
  margin-right: 4px;
}
.object-nav .object-nav__link:visited {
  color: #3b99fc;
}
.object-nav .object-nav__link:hover,
.object-nav .object-nav__link:focus {
  color: #196bfa;
}
.object-nav .object-nav__actions {
  display: inline-block;
  font-size: 0;
  vertical-align: top;
  margin-right: 8px;
  white-space: nowrap;
  display: flex;
  gap: 8px;
  margin: 0 8px;
}
.object-nav .object-nav__actions a {
  text-decoration: none !important;
}
.object-nav .object-nav__actions .btn {
  margin-top: 11px;
  height: 26px;
  margin-left: 8px;
}
.object-nav .object-nav__actions .btn-group .btn:not(:first-child) {
  margin-left: 1px;
}
.object-nav .object-nav__actions .btn-group .btn:not(:first-child).btn--outline {
  margin-left: -1px;
}
.object-nav .object-nav__actions .btn-info {
  background: #3b99fc;
  color: #ffffff;
  border: 1px solid transparent;
}
.object-nav .object-nav__actions .btn-info:hover {
  color: #ffffff;
  transition: all 0.2s ease;
  background: #459efc;
}
.object-nav .object-nav__actions .btn-info:active,
.object-nav .object-nav__actions .btn-info:focus {
  color: #ffffff;
  box-shadow: none;
  background: #3194fc;
}
.object-nav .object-nav__actions .btn-info[disabled],
.object-nav .object-nav__actions .btn-info:disabled,
.object-nav .object-nav__actions .btn-info.disabled {
  background: #3b99fc;
  color: #ffffff;
  opacity: 0.65;
  pointer-events: none;
}
.object-nav .object-nav__actions .dropdown a.dropdown-toggle {
  color: #333333;
}
.object-nav .object-nav__actions .btn.snippet-selector-switch.active {
  background: #f2f2f2;
}
.object-nav .object-nav__actions .btn.snippet-selector-switch.active:hover {
  color: #222222;
}
.object-nav .object-nav__actions .btn {
  margin-top: 0;
  margin-left: 0;
}
.object-nav .object-nav__notification {
  font-size: 13px;
  display: flex;
  align-items: center;
  gap: 8px;
  color: #3b99fc;
}
.object-nav .object-nav__notification lottie {
  max-width: 16px;
  max-height: 16px;
}
.object-nav .object-nav__separator {
  position: relative;
  display: inline-block;
  height: 100%;
  box-sizing: border-box;
  margin: 0 8px;
}
.object-nav .object-nav__separator::after {
  content: "";
  display: block;
  position: absolute;
  border-left: 1px solid #dddddd;
  height: 26px;
  right: 0;
  left: 0;
  top: 0;
  bottom: 0;
  margin: auto 0;
}
.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-breadcrumb .item {
  height: 48px;
  display: block;
  padding: 0;
  color: #333333;
  font-size: 0;
  display: flex;
}
.object-breadcrumb .item:hover {
  text-decoration: none;
}
.object-breadcrumb .item:focus {
  outline: none;
}
.object-breadcrumb .item .icon {
  width: 50px;
  text-align: center;
  font-size: 28px !important;
  line-height: 48px;
  color: #ffffff;
  display: inline-block;
  flex: 0 0 auto;
}
.object-breadcrumb .item .icon:before {
  top: 1px;
}
.object-breadcrumb .item i.nav-icon {
  margin-left: 15px;
  text-align: center;
  font-size: 20px;
  color: #cccccc;
  display: inline-block;
  line-height: 48px;
  flex: 0 0 auto;
}
.object-breadcrumb .item i.nav-icon:hover {
  color: #bbbbbb;
}
.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-breadcrumb .item .title.title--flex {
  display: flex;
  min-width: 0;
}
.object-breadcrumb .item .ellipsis {
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}
.object-breadcrumb .item .button--git-action .icon {
  color: #222222;
  line-height: normal;
  width: auto;
  font-size: 14px !important;
}
.object-breadcrumb .item:not(.universe-background).icon {
  background-color: #666666;
}
.object-breadcrumb .item.flow .icon {
  background-color: #f9bd38;
}
.object-breadcrumb .item.dataset .icon {
  background-color: #28a9dd;
}
.object-breadcrumb .item.streaming-endpoint .icon {
  background-color: #3b7879;
}
.object-breadcrumb .item.folder .icon {
  background-color: #28a9dd;
}
.object-breadcrumb .item.analysis .icon {
  background-color: #29af5d;
}
.object-breadcrumb .item.model .icon {
  background-color: #29af5d;
}
.object-breadcrumb .item.saved-model .icon {
  background-color: #29af5d;
}
.object-breadcrumb .item.llm-saved-model .icon {
  background-color: #d66f9e;
}
.object-breadcrumb .item.evaluation-store .icon {
  background-color: #29af5d;
}
.object-breadcrumb .item.experiment-tracking .icon {
  background-color: #29af5d;
}
.object-breadcrumb .item.model-comparison .icon {
  background-color: #29af5d;
}
.object-breadcrumb .item.notebook .icon {
  background-color: #f28c38;
}
.object-breadcrumb .item.job .icon {
  background-color: #8541aa;
}
.object-breadcrumb .item.continuous-activity .icon {
  background-color: #3b7879;
}
.object-breadcrumb .item.dashboard .icon {
  background-color: #f44336;
}
.object-breadcrumb .item.bundle .icon {
  background-color: #54707e;
}
.object-breadcrumb .item.macro .icon {
  background-color: #222222;
}
.object-breadcrumb .item.lambdaservice .icon {
  background-color: #2ab1ac;
}
.object-breadcrumb .item.unified-monitoring .icon {
  background-color: #3f51b5;
}
.object-breadcrumb .icon-caret-down {
  text-decoration: none;
}
.object-breadcrumb__link {
  color: #333333;
  cursor: pointer;
  padding: 4px;
  font-weight: 400;
  margin-left: -4px;
  margin-right: 4px;
  border-radius: 3px;
}
.object-breadcrumb__link:not(.object-breadcrumb__link--disabled):hover {
  text-decoration: none;
  background-color: #f2f2f2;
  color: inherit;
}
.object-breadcrumb__link-icon:hover {
  text-decoration: none;
}
.object-breadcrumb__divider {
  color: #999999;
  font-weight: 400;
}
.object-breadcrumb__divider + .object-breadcrumb__link {
  margin-left: 4px;
}
.object-breadcrumb--tooltip-on-overflow {
  -webkit-flex: 1;
  -moz-flex: 1;
  flex: 1;
  overflow: hidden;
}
.object-breadcrumb--tooltip-on-overflow .item .title {
  display: flex;
  align-items: center;
  overflow: hidden;
}
.object-breadcrumb--tooltip-on-overflow .object-breadcrumb__divider {
  margin: 4px;
}
.object-breadcrumb--tooltip-on-overflow .object-breadcrumb__link {
  margin-left: 0;
  line-height: normal;
}
.object-breadcrumb--tooltip-on-overflow .object-breadcrumb__no-tooltip {
  flex: 0 0 auto;
}
.object-breadcrumb--tooltip-on-overflow .object-breadcrumb__item {
  display: block;
  flex: 0 1 auto;
  position: relative;
  margin-left: 8px;
  margin-right: 4px;
}
.object-breadcrumb--tooltip-on-overflow-no-expand {
  -webkit-flex: 0 1 auto;
  -moz-flex: 0 1 auto;
  flex: 0 1 auto;
  overflow: hidden;
}
.object-breadcrumb--tooltip-on-overflow-no-expand .item .title {
  display: flex;
  align-items: center;
  overflow: hidden;
}
.object-breadcrumb--tooltip-on-overflow-no-expand .object-breadcrumb__divider {
  margin: 4px;
}
.object-breadcrumb--tooltip-on-overflow-no-expand .object-breadcrumb__link {
  margin-left: 0;
  line-height: normal;
}
.object-breadcrumb--tooltip-on-overflow-no-expand .object-breadcrumb__no-tooltip {
  flex: 0 0 auto;
}
.object-breadcrumb--tooltip-on-overflow-no-expand .object-breadcrumb__item {
  display: block;
  flex: 0 1 auto;
  position: relative;
  margin-left: 8px;
  margin-right: 4px;
}
.object-breadcrumb__dropdown-label {
  display: flex;
  align-items: center;
}
.object-breadcrumb__dropdown-label-text {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  margin-right: 8px;
  line-height: normal;
}
.object-breadcrumb__dropdown-menu {
  min-width: 100px;
}
.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;
}
.boxed-under-subnav {
  height: calc(100% - 48px);
  box-sizing: border-box;
}
.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 {
  overflow-y: auto;
  max-height: 70vh;
  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: 500px;
}
.subnav-page-header-name:hover {
  text-decoration: none;
}
.subnav-page-header-name:focus {
  outline: none;
}
.subnav-page-header-name__detail {
  line-height: 19px;
}
.subnav-page-header-name:not(:hover):not(:focus) .subnav-page-header-name__detail {
  color: #999999;
}
.activity-animation {
  height: 40px;
  vertical-align: initial;
}
.activity-indicator {
  position: absolute;
  display: block;
  margin: 0 auto;
  left: 50%;
  width: 400px;
  max-width: 100%;
  transform: translateX(-50%);
  height: 15px;
  /* FIXME : this is certainly not the best way to fix the problem */
  visibility: hidden;
  z-index: -1;
}
.activity-indicator.in {
  visibility: visible;
  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);
  overflow: hidden;
  text-overflow: ellipsis;
}
.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;
}
#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;
}
.summary-section {
  padding: 10px;
  margin-top: 30px;
  width: 600px;
}
.summary-section__title {
  border-bottom: 1px solid #dddddd;
  padding-bottom: 10px;
}
.summary-section__table {
  margin-left: 23px;
  text-align: left;
  font-size: 13px;
}
.summary-section__table th,
.summary-section__table td {
  border-bottom: 1px solid #dddddd;
}
.summary-section__table th {
  width: 170px;
}
.summary-section__table ul.partitions {
  list-style-type: none;
  max-height: 70px;
  overflow: hidden;
  overflow-y: scroll;
  margin-left: 0px;
}
.summary-section__table--highlighted {
  background-color: #f2f2f2;
}
.summary-section__table .summary-section-table__control-value {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  line-height: 13px;
  max-width: 200px;
}
.summary-section--highlighted {
  border: 1px solid #dddddd;
  background-color: #f2f2f2;
}
.summary-section--legend {
  width: 310px;
  float: left;
  margin-left: 25px;
  margin-top: 60px;
}
@media (max-width: 1229px) {
  .summary-section--legend {
    margin-top: 0px;
    margin-bottom: 20px;
    margin-left: 10px;
  }
}
.summary-section--legend .summary-section__table {
  width: 100%;
  margin-left: 0px;
}
.summary-section--legend .summary-section__table td {
  text-align: right;
}
.summary-section--legend li {
  list-style: none;
}
.summary-section--legend i {
  margin-right: 8px;
}
.summary-section--legend i.icon-info-sign {
  color: #999999;
}
.summary-metrics {
  margin-left: 80px;
  margin-top: 30px;
  padding: 10px;
  border: 1px solid #dddddd;
  height: 100%;
}
.summary-metrics .summary-metrics__metric--active {
  font-weight: 600;
  background-color: #f2f2f2;
  color: #222222;
}
.list-page-4.negative-margin {
  position: relative;
  margin: -16px -20px -16px -20px;
}
.list-page-4 .alert.alert-error {
  margin-bottom: 0;
}
.list-page-4 .sort-box {
  font-size: 0;
  white-space: nowrap;
  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 .h30 {
  height: 30px;
  min-height: 30px;
}
.list-page-4 .main-list-zone .empty-list-cta {
  width: 75%;
}
.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.h14 {
  height: 14px;
  line-height: 14px;
  padding: 8px 10px 7px;
}
.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: 14px;
  top: -9px;
}
.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__error {
  color: #ce1228;
  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;
}
.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;
  display: inline-block;
}
.sort-box-menu__icon {
  width: 32px;
  text-align: center;
  display: inline-block;
  font-size: 20px;
  vertical-align: middle;
}
.sort-box-menu__label {
  vertical-align: middle;
}
.empty-list-cta {
  margin: 110px auto 0 auto;
  color: #666666;
  text-align: center;
}
.empty-list-cta h1,
.empty-list-cta span.empty-state-title {
  font-weight: 400;
  margin-top: 0;
  margin-bottom: 28px;
  font-size: 32px;
  display: block;
}
.empty-list-cta p {
  font-weight: 400;
  font-size: 22px;
  line-height: 28px;
  margin-bottom: 20px;
}
.empty-list-cta p.small,
.empty-list-cta div.small {
  font-weight: 400;
  font-size: 17px;
  margin-bottom: 20px;
}
.empty-list-cta a {
  text-decoration: none;
}
.empty-list-cta.empty-list-cta--small {
  margin-top: 32px;
}
.empty-list-cta.empty-list-cta--small h1 {
  font-size: 24px;
  line-height: initial;
  margin-bottom: 16px;
}
.empty-list-cta.empty-list-cta--small p {
  font-size: 14px;
  line-height: initial;
  margin-bottom: 8px;
}
.main-list-zone .loaded {
  margin-top: -8px;
  float: right;
}
.navbar-icon-button:hover {
  text-decoration: none;
}
.popover {
  max-width: 800px;
  width: auto;
}
.popover--small-height {
  max-height: 300px;
  overflow-y: auto;
}
.popover--width {
  max-width: 500px;
}
.item-header {
  min-height: 42px;
  position: relative;
  background-color: #f2f2f2;
}
.item-header h2.flex {
  margin: 0 0 0 42px;
  padding: 10px;
  font-family: 'SourceSansPro';
  font-weight: regular;
  font-size: 14px;
  line-height: normal;
  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;
  line-height: 1;
}
.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: 0 8px;
  white-space: nowrap;
}
.item-header .btn-header-item {
  box-sizing: content-box;
  line-height: 15px;
}
.item-header .multi-select-title {
  line-height: 24px;
}
.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;
}
.project-folder-breadcrumb {
  line-height: 48px;
  height: 48px;
  display: flex;
  align-items: center;
  overflow: hidden;
  white-space: nowrap;
  max-width: 100%;
  margin-left: 20px;
  margin-right: 20px;
}
.project-folder-breadcrumb a {
  text-decoration: none;
  color: #333333;
}
.project-folder-breadcrumb a:hover {
  color: #222222;
}
.project-folder-breadcrumb .folder {
  display: flex;
  color: #333333;
  font-size: 16px;
  font-weight: 400;
  align-items: center;
  min-width: 64px;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  flex-shrink: 1;
}
.project-folder-breadcrumb .folder .project-breadcrumb__root-icon {
  margin-right: 4px;
}
.project-folder-breadcrumb .folder .project-breadcrumb__item {
  font-size: 16px;
  min-width: auto;
  cursor: pointer;
}
.project-folder-breadcrumb .folder .project-breadcrumb__separator {
  margin-left: 8px;
  margin-right: 8px;
}
.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 .timeline-tab ul.timeline .timeline-item {
  border-left: none;
  border-right: none;
  margin: 0;
}
.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-main--with-title.icons-main {
  padding: 16px 16px 0 16px;
}
.object-right-column-summary .icons-section.icons-main.icons-main--with-title,
.object-right-column-summary .icons-section.icons-main--with-title.icons-main--with-title {
  padding: 0 16px 16px;
}
.object-right-column-summary .icons-section.icons-main .action-icon,
.object-right-column-summary .icons-section.icons-main--with-title .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-main--with-title .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-main--with-title .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-main--with-title .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-main--with-title .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-main--with-title .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-main--with-title .action-icon.disabled i,
.object-right-column-summary .icons-section.icons-main .action-icon.disabled i:hover,
.object-right-column-summary .icons-section.icons-main--with-title .action-icon.disabled i:hover,
.object-right-column-summary .icons-section.icons-main .action-icon.disabled label,
.object-right-column-summary .icons-section.icons-main--with-title .action-icon.disabled label {
  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;
  cursor: pointer;
  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 {
  display: block;
  height: 100%;
  width: 100%;
}
.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;
  color: #333333;
  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 {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(60px, 1fr));
  gap: 4px;
}
.object-right-column-summary .actions-tab .icons-plugins .action-icon {
  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: 65px;
  max-height: 30px;
}
.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;
  display: flex;
  justify-content: 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.accordion-title--multi-items {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.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: 16px;
  padding-right: 5px;
  position: relative;
}
.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-nlp i {
  color: #d66f9e;
}
.object-right-column-summary .icons-nlp .action-icon {
  padding-top: 6px;
  text-indent: 0;
}
.object-right-column-summary .icons-nlp .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-nlp,
  .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-nlp .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 44px;
    flex: 0 0 44px;
  }
  .object-right-column-summary .icons-section.icons-nlp .action-icon {
    -webkit-flex: 0 0 44px;
    flex: 0 0 44px;
  }
}
@media (max-width: 1350px) {
  .object-right-column-summary .icons-section.icons-visual,
  .object-right-column-summary .icons-section.icons-code,
  .object-right-column-summary .icons-section.icons-nlp {
    padding: 0 2px;
  }
  .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-nlp .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-right-column-summary .object-summary-tab-content .disabled {
  cursor: default;
}
.object-right-column-summary .object-summary-tab-content .disabled label {
  cursor: default;
}
.object-right-column-summary .object-summary-tab-content .disabled:active {
  pointer-events: none;
}
.object-right-column-summary * > .right-panel-schema__full-height {
  flex: 1;
  display: flex;
  flex-direction: column;
  overflow: hidden;
}
.object-right-column-summary__scenario__steps {
  margin: 0px 15px 10px;
}
.object-right-column-summary__scenario__steps__step {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.object-right-column-summary__scenario__steps__step__type {
  font-weight: bold;
}
.object-right-column-summary__scenario__steps__step--disabled {
  color: #cccccc;
}
.object-right-column-summary__scenario__steps__step--disabled .add-component__item {
  cursor: inherit;
}
.object-right-column-summary__scenario__steps__step--disabled .add-component__item-name,
.object-right-column-summary__scenario__steps__step--disabled .add-component__item-icon,
.object-right-column-summary__scenario__steps__step--disabled .add-component__item-description {
  color: #cccccc;
}
.object-right-column-summary .project-folder-section {
  display: flex;
  flex-wrap: wrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.object-right-column-summary .project-folder-section a {
  text-decoration: none;
  color: #333333;
}
.object-right-column-summary .project-folder-section a:hover {
  color: #222222;
}
.object-right-column-summary .project-folder-section .folder {
  display: flex;
  align-items: flex-start;
  overflow: hidden;
}
.object-right-column-summary .project-folder-section .project-breadcrumb__root-icon {
  margin-right: 4px;
}
.object-right-column-summary .project-folder-section .project-breadcrumb__item {
  cursor: pointer;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 175px;
}
.object-right-column-summary .project-folder-section .project-breadcrumb__separator {
  margin-right: 4px;
  margin-left: 4px;
}
.text_to_recipe_cta_section {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-left: auto;
  margin-right: 5px;
}
.text_to_recipe_button {
  display: flex;
  align-items: center;
  color: #2ab1ac;
  background-color: transparent;
  height: 26px;
}
.text_to_recipe_button:hover {
  color: #2ab1ac;
  background-color: #f2f2f2;
}
.text_to_recipe_button i {
  color: #2ab1ac !important;
}
.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 .clickable {
  cursor: pointer;
}
.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: 1 1 auto;
  flex: 1 1 auto;
  position: relative;
  margin: 0 5px 0 0;
  font-weight: 500;
}
.object-details .line > h4 .override-min-width {
  min-width: 0px;
}
.object-details .line > p,
.object-details .line > div {
  -webkit-flex: 0 0 auto;
  flex: 0 0 auto;
  text-align: right;
  margin: 0;
  height: 20px;
}
.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 .data-steward-details {
  white-space: normal;
  position: inherit;
  display: flex;
  height: 100%;
  justify-content: flex-end;
  align-items: center;
}
.object-details .line .data-steward-details .data-steward-details__login {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.object-details .line .data-steward-details .edit-data-steward-button {
  background: transparent;
  border: none;
  font-size: 13px;
}
.object-details .line .data-steward-details .edit-data-steward-button:hover i {
  opacity: 0.7;
}
.object-details .line .data-steward-details .edit-data-steward-button:hover,
.object-details .line .data-steward-details .edit-data-steward-button:focus {
  background: transparent;
}
.object-details .line .responsive-tags-list__container {
  flex: 0 1 100%;
  height: 23px;
}
.object-details .line .responsive-tags-list__container responsive-tags-list {
  position: relative;
}
.object-details .line .responsive-tags-list__container .tags.inline .tag {
  margin-right: 0.5em;
}
.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 .markdown {
  line-height: 18px;
}
.object-details .metadata-details .markdown p,
.object-details .metadata-details .markdown h1,
.object-details .metadata-details .markdown h2,
.object-details .metadata-details .markdown h3,
.object-details .metadata-details .markdown h4,
.object-details .metadata-details .markdown h5,
.object-details .metadata-details .markdown h6,
.object-details .metadata-details .markdown ul,
.object-details .metadata-details .markdown ol,
.object-details .metadata-details .markdown pre,
.object-details .metadata-details .markdown table,
.object-details .metadata-details .markdown blockquote,
.object-details .metadata-details .markdown hr {
  margin: 10px 0;
}
.object-details .metadata-details .markdown ul li {
  list-style: disc outside;
  margin-left: 25px;
}
.object-details .metadata-details .markdown ol {
  list-style-position: inside;
}
.object-details .metadata-details .markdown ol li {
  margin-left: 10px;
}
.object-details .metadata-details .markdown h1,
.object-details .metadata-details .markdown h2,
.object-details .metadata-details .markdown h3,
.object-details .metadata-details .markdown h4,
.object-details .metadata-details .markdown h5,
.object-details .metadata-details .markdown h6 {
  font-family: 'SourceSansPro';
  font-weight: 500;
  font-size: 13px;
  line-height: 18px;
  text-transform: none;
}
.object-details .metadata-details .markdown h1 {
  font-family: 'SourceSansPro';
  font-weight: 600;
  font-size: 15px;
}
.object-details .metadata-details .markdown h2 {
  font-family: 'SourceSansPro';
  font-weight: 600;
  font-size: 14px;
}
.object-details .metadata-details .markdown h3 {
  font-family: 'SourceSansPro';
  font-weight: 600;
  font-size: 13px;
}
.object-details .metadata-details .markdown h4 {
  font-family: 'SourceSansPro';
  font-weight: 600;
  font-size: 12px;
}
.object-details .metadata-details .markdown h5 {
  font-family: 'SourceSansPro';
  font-weight: 600;
  font-size: 11px;
}
.object-details .metadata-details .markdown h6 {
  font-family: 'SourceSansPro';
  font-weight: 600;
  font-size: 11px;
}
.object-details .metadata-details .markdown table {
  background-color: inherit;
  width: 100%;
  text-align: left;
  table-layout: fixed;
}
.object-details .metadata-details .markdown table th {
  font-size: 13px;
  padding-bottom: 8px;
  font-weight: 500;
}
.object-details .metadata-details .markdown table td {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  padding-bottom: 8px;
  text-align: right;
}
.object-details .metadata-details .block.horizontal-flex {
  align-items: baseline;
}
.object-details .metadata-details .block h5 {
  font-weight: 400;
  font-size: 13px;
}
.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;
}
.data-steward-modal__select .dropdown-menu {
  max-height: 40vh;
}
.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 a.link-std:hover {
  background-color: #dddddd;
  border-radius: 50%;
}
.metadata-details .toggle-button:hover i {
  opacity: 0.7;
}
.metadata-details .toggle-button:hover,
.metadata-details .toggle-button:focus {
  background: transparent;
}
.metadata-details .toggle-button.active {
  color: #3b99fc;
  box-shadow: none;
}
/* 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 .editable-project-summary__project-title-edit-button {
  font-size: 17px;
  padding-left: 4px;
  padding-right: 4px;
}
.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 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 .description-field--relative {
  position: relative;
}
.object-or-project-summary-column-base .description-field--relative > .fh {
  padding: 10px;
}
.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 {
  max-height: 500px;
}
.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: 8px;
  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 {
  overflow-y: auto;
  max-height: 100%;
  box-sizing: border-box;
  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;
}
.tab-content > .tab-pane.theme-tab {
  background: #ffffff;
  overflow-y: auto;
}
/*********************************************************
 * 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;
}
standardized-side-panel[single-type="LAMBDA_PACKAGE"] > .right-panel {
  z-index: 0;
}
.right-panel__bubbles {
  display: flex;
  flex-direction: column;
  padding: 2px 8px;
  box-sizing: border-box;
  width: 40px;
}
.right-panel__bubbles .right-panel__bubbles__title {
  writing-mode: vertical-rl;
  text-orientation: mixed;
  font-size: 16px;
  margin-top: 16px;
}
.right-panel__bubble {
  text-align: center;
  margin: 12px 0px;
  width: 24px;
  height: 24px;
  cursor: pointer;
}
.right-panel__button-toggle {
  margin: 12px 0 12px -1px;
}
.right-panel__button-toggle i {
  color: #222222;
}
.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,
.fixedPanes .bottomPane {
  left: 0px;
  right: 0px;
}
.fixedPanes .leftPane,
.fixedPanes .rightPane {
  width: 300px;
}
.fixedPanes .leftPane {
  left: -300px;
}
.fixedPanes .rightPane {
  right: -301px;
}
.fixedPanes.showRightPane .mainPane,
.fixedPanes.showRightPane .bottomPane {
  right: 300px;
}
.fixedPanes.showRightPane .rightPane {
  right: 0;
}
.fixedPanes.showLeftPane .mainPane,
.fixedPanes.showLeftPane .bottomPane {
  left: 300px;
}
.fixedPanes.showLeftPane .leftPane {
  left: 0;
}
.fixedPanes.fixedPanes--wide-pane .mainPane,
.fixedPanes.fixedPanes--wide-pane .bottomPane {
  left: 0px;
  right: 0px;
}
.fixedPanes.fixedPanes--wide-pane .leftPane,
.fixedPanes.fixedPanes--wide-pane .rightPane {
  width: 400px;
}
.fixedPanes.fixedPanes--wide-pane .leftPane {
  left: -400px;
}
.fixedPanes.fixedPanes--wide-pane .rightPane {
  right: -401px;
}
.fixedPanes.fixedPanes--wide-pane.showRightPane .mainPane,
.fixedPanes.fixedPanes--wide-pane.showRightPane .bottomPane {
  right: 400px;
}
.fixedPanes.fixedPanes--wide-pane.showRightPane .rightPane {
  right: 0;
}
.fixedPanes.fixedPanes--wide-pane.showLeftPane .mainPane,
.fixedPanes.fixedPanes--wide-pane.showLeftPane .bottomPane {
  left: 400px;
}
.fixedPanes.fixedPanes--wide-pane.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 .mainPane.mainPane--half-height {
  bottom: 50%;
}
.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, width 0.25s ease-out;
  -moz-transition: right 0.25s ease-out, left 0.25s ease-out, width 0.25s ease-out;
  -o-transition: right 0.25s ease-out, left 0.25s ease-out, width 0.25s ease-out;
  transition: right 0.25s ease-out, left 0.25s ease-out, width 0.25s ease-out;
}
.fixedPanes .leftPane {
  border-width: 0 1px 0 0;
}
.fixedPanes .leftPane > .handle {
  background: #cccccc;
  position: absolute;
  top: 25%;
  height: 100px;
  width: 15px;
  cursor: pointer;
}
.fixedPanes .leftPane > .handle:before,
.fixedPanes .leftPane > .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 {
  left: auto;
  right: 30%;
}
.fixedPanes .leftPane > .handle[title] {
  width: 19px;
}
.fixedPanes .leftPane > .handle[title]:before {
  display: none;
}
.fixedPanes .leftPane > .handle[title]:after {
  content: attr(title);
  border: none;
  top: auto;
  bottom: auto;
  left: 19px;
  right: auto;
  transform: 'rotate(90deg)';
  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 .handle {
  left: 100%;
  border-radius: 0 10px 10px 0;
}
.fixedPanes .rightPane {
  border-width: 0 0 0 1px;
}
.fixedPanes .rightPane > .handle {
  background: #cccccc;
  position: absolute;
  top: 25%;
  height: 100px;
  width: 15px;
  cursor: pointer;
}
.fixedPanes .rightPane > .handle:before,
.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 .rightPane > .handle:after {
  left: auto;
  right: 30%;
}
.fixedPanes .rightPane > .handle[title] {
  width: 19px;
}
.fixedPanes .rightPane > .handle[title]:before {
  display: none;
}
.fixedPanes .rightPane > .handle[title]:after {
  content: attr(title);
  border: none;
  top: auto;
  bottom: auto;
  left: 19px;
  right: auto;
  transform: 'rotate(90deg)';
  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 .rightPane .handle {
  right: 100%;
  border-radius: 10px 0 0 10px;
}
.fixedPanes .bottomPane {
  position: absolute;
  box-sizing: border-box;
  bottom: 0;
  min-height: 320px;
  height: 50%;
  max-height: 90%;
}
/*********************************************************
 * 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 {
  width: fit-content;
}
.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;
}
.nav-list-sidebar .l3 {
  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;
  padding-left: 40px;
}
.nav-list-sidebar .l3 a {
  color: #666666;
}
.nav-list-sidebar .l3.active {
  font-weight: 600;
  border-left-width: 3px;
  border-left-style: solid;
}
.nav-list-sidebar .l3.active {
  margin-left: 20px;
  font-weight: 500;
}
.model-side-bar__toggle {
  display: inline-block;
  padding-left: 20px;
  height: 40px;
  text-align: center;
  margin-bottom: 8px;
}
.model-side-bar__toggle a {
  border: 1px solid #dddddd;
  padding: 4px 9px 4px 9px;
  display: inline-block;
  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,
.boxed-under-subnav {
  padding: 10px;
  padding-bottom: 0;
  position: relative;
}
.boxed-next-to-sidebar > *:not([block-api-error]),
.boxed-under-subnav > *: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]),
.boxed-under-subnav:not(.no-padding) > *:not([block-api-error]) {
  padding: 15px 20px;
}
.sidebar-analysis .sidebar-header,
.sidebar-experiment-tracking .sidebar-header,
.sidebar-ANALYSES .sidebar-header,
.sidebar-MODEL_COMPARISONS .sidebar-header,
.sidebar-MODEL_EVALUATION_STORES .sidebar-header,
.sidebar-SAVED_MODELS .sidebar-header,
.sidebar-EXPERIMENT_TRACKING .sidebar-header {
  text-transform: uppercase;
  font-size: 14px;
  font-weight: 600;
  margin: 14px 4px;
  cursor: pointer;
}
.sidebar-analysis .l1.active,
.sidebar-experiment-tracking .l1.active,
.sidebar-ANALYSES .l1.active,
.sidebar-MODEL_COMPARISONS .l1.active,
.sidebar-MODEL_EVALUATION_STORES .l1.active,
.sidebar-SAVED_MODELS .l1.active,
.sidebar-EXPERIMENT_TRACKING .l1.active {
  border-left-color: #29af5d;
}
.sidebar-analysis .l1.active a,
.sidebar-experiment-tracking .l1.active a,
.sidebar-ANALYSES .l1.active a,
.sidebar-MODEL_COMPARISONS .l1.active a,
.sidebar-MODEL_EVALUATION_STORES .l1.active a,
.sidebar-SAVED_MODELS .l1.active a,
.sidebar-EXPERIMENT_TRACKING .l1.active a {
  color: #29af5d;
}
.sidebar-analysis .l2.active,
.sidebar-experiment-tracking .l2.active,
.sidebar-ANALYSES .l2.active,
.sidebar-MODEL_COMPARISONS .l2.active,
.sidebar-MODEL_EVALUATION_STORES .l2.active,
.sidebar-SAVED_MODELS .l2.active,
.sidebar-EXPERIMENT_TRACKING .l2.active {
  border-left-color: #29af5d;
}
.sidebar-analysis .l2.active a,
.sidebar-experiment-tracking .l2.active a,
.sidebar-ANALYSES .l2.active a,
.sidebar-MODEL_COMPARISONS .l2.active a,
.sidebar-MODEL_EVALUATION_STORES .l2.active a,
.sidebar-SAVED_MODELS .l2.active a,
.sidebar-EXPERIMENT_TRACKING .l2.active a {
  color: #29af5d;
}
.sidebar-analysis .l1:hover a,
.sidebar-experiment-tracking .l1:hover a,
.sidebar-ANALYSES .l1:hover a,
.sidebar-MODEL_COMPARISONS .l1:hover a,
.sidebar-MODEL_EVALUATION_STORES .l1:hover a,
.sidebar-SAVED_MODELS .l1:hover a,
.sidebar-EXPERIMENT_TRACKING .l1:hover a {
  color: #29af5d;
}
.sidebar-analysis .l2:hover a,
.sidebar-experiment-tracking .l2:hover a,
.sidebar-ANALYSES .l2:hover a,
.sidebar-MODEL_COMPARISONS .l2:hover a,
.sidebar-MODEL_EVALUATION_STORES .l2:hover a,
.sidebar-SAVED_MODELS .l2:hover a,
.sidebar-EXPERIMENT_TRACKING .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 .l3.active {
  border-left-color: #3b99fc;
}
.sidebar-admin .l3.active a {
  color: #3b99fc;
}
.sidebar-admin .l1:hover a {
  color: #3b99fc;
}
.sidebar-admin .l2:hover a {
  color: #3b99fc;
}
.sidebar-admin .l3:hover a {
  color: #333333;
}
.sidebar-admin .totem {
  width: 100%;
}
.sidebar-admin .ui-sref-overflow-ellipsis div {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.sidebar-admin .l1.invalid:not(.active)::before,
.sidebar-admin .invalid .l1:not(.active)::before {
  content: "\f06a";
  font-family: FontAwesome;
  color: #ce1228;
  margin-right: 8px;
  vertical-align: top;
}
.sidebar-admin.nav-list-sidebar .l2.invalid:not(.active)::before,
.sidebar-admin.nav-list-sidebar .invalid .l2:not(.active)::before {
  content: "\f06a";
  font-family: FontAwesome;
  color: #ce1228;
  margin-left: -19px;
  margin-right: 4px;
  vertical-align: top;
}
.sidebar-admin.nav-list-sidebar .l2.invalid:not(.active) a,
.sidebar-admin.nav-list-sidebar .invalid .l2:not(.active) a {
  max-width: calc(119%);
}
.sidebar-separator {
  height: 1px;
  background-color: #cccccc;
  margin: 15px 10px 0 20px;
}
.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: 0;
  top: 40px;
  bottom: 0;
  z-index: 4000;
  background-color: #ffffff;
  padding: 0 0;
  border-color: #bbbbbb;
  border-radius: 0;
  border-style: solid;
  border-width: 0 0 0 1px;
  box-shadow: -10px 0 10px -5px rgba(34, 34, 34, 0.15), 10px 0px 10px -5px rgba(34, 34, 34, 0.15);
  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;
}
div.top-bar-drawer.request-drawer-menu {
  display: flex;
  flex-direction: column;
  margin-top: 1px;
  bottom: auto;
  border-left: none;
  height: auto;
  max-height: 400px;
  overflow: auto;
  width: 300px;
  padding: 8px 16px;
  box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.16), 0 2px 5px 0 rgba(0, 0, 0, 0.26);
  font-weight: 400;
  font-size: 13px;
  line-height: 16px;
  color: #222222;
}
div.top-bar-drawer.request-drawer-menu form {
  /* Color invalid dataset uniqueness issues, even when non dirty */
}
div.top-bar-drawer.request-drawer-menu form input[type=text],
div.top-bar-drawer.request-drawer-menu form input[type=email],
div.top-bar-drawer.request-drawer-menu form input[type=url],
div.top-bar-drawer.request-drawer-menu form input[type=number],
div.top-bar-drawer.request-drawer-menu form input[type=date],
div.top-bar-drawer.request-drawer-menu form input[type=time],
div.top-bar-drawer.request-drawer-menu form input[type=datetime-local],
div.top-bar-drawer.request-drawer-menu form input[type=password],
div.top-bar-drawer.request-drawer-menu form textarea,
div.top-bar-drawer.request-drawer-menu form select,
div.top-bar-drawer.request-drawer-menu 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;
}
div.top-bar-drawer.request-drawer-menu form input[type=text]:focus,
div.top-bar-drawer.request-drawer-menu form input[type=email]:focus,
div.top-bar-drawer.request-drawer-menu form input[type=url]:focus,
div.top-bar-drawer.request-drawer-menu form input[type=number]:focus,
div.top-bar-drawer.request-drawer-menu form input[type=date]:focus,
div.top-bar-drawer.request-drawer-menu form input[type=time]:focus,
div.top-bar-drawer.request-drawer-menu form input[type=datetime-local]:focus,
div.top-bar-drawer.request-drawer-menu form input[type=password]:focus,
div.top-bar-drawer.request-drawer-menu form textarea:focus,
div.top-bar-drawer.request-drawer-menu form select:focus,
div.top-bar-drawer.request-drawer-menu form button.btn.selectpicker:focus,
div.top-bar-drawer.request-drawer-menu form input[type=text]:hover,
div.top-bar-drawer.request-drawer-menu form input[type=email]:hover,
div.top-bar-drawer.request-drawer-menu form input[type=url]:hover,
div.top-bar-drawer.request-drawer-menu form input[type=number]:hover,
div.top-bar-drawer.request-drawer-menu form input[type=date]:hover,
div.top-bar-drawer.request-drawer-menu form input[type=time]:hover,
div.top-bar-drawer.request-drawer-menu form input[type=datetime-local]:hover,
div.top-bar-drawer.request-drawer-menu form input[type=password]:hover,
div.top-bar-drawer.request-drawer-menu form textarea:hover,
div.top-bar-drawer.request-drawer-menu form select:hover,
div.top-bar-drawer.request-drawer-menu form button.btn.selectpicker:hover {
  color: #333333;
}
div.top-bar-drawer.request-drawer-menu form input[type=text]:focus,
div.top-bar-drawer.request-drawer-menu form input[type=email]:focus,
div.top-bar-drawer.request-drawer-menu form input[type=url]:focus,
div.top-bar-drawer.request-drawer-menu form input[type=number]:focus,
div.top-bar-drawer.request-drawer-menu form input[type=date]:focus,
div.top-bar-drawer.request-drawer-menu form input[type=time]:focus,
div.top-bar-drawer.request-drawer-menu form input[type=datetime-local]:focus,
div.top-bar-drawer.request-drawer-menu form input[type=password]:focus,
div.top-bar-drawer.request-drawer-menu form textarea:focus,
div.top-bar-drawer.request-drawer-menu form select:focus,
div.top-bar-drawer.request-drawer-menu form button.btn.selectpicker:focus {
  box-shadow: none;
  border: 1px solid #3b99fc;
}
div.top-bar-drawer.request-drawer-menu form input[type=text].ng-dirty.ng-invalid,
div.top-bar-drawer.request-drawer-menu form input[type=email].ng-dirty.ng-invalid,
div.top-bar-drawer.request-drawer-menu form input[type=url].ng-dirty.ng-invalid,
div.top-bar-drawer.request-drawer-menu form input[type=number].ng-dirty.ng-invalid,
div.top-bar-drawer.request-drawer-menu form input[type=date].ng-dirty.ng-invalid,
div.top-bar-drawer.request-drawer-menu form input[type=time].ng-dirty.ng-invalid,
div.top-bar-drawer.request-drawer-menu form input[type=datetime-local].ng-dirty.ng-invalid,
div.top-bar-drawer.request-drawer-menu form input[type=password].ng-dirty.ng-invalid,
div.top-bar-drawer.request-drawer-menu form textarea.ng-dirty.ng-invalid,
div.top-bar-drawer.request-drawer-menu form select.ng-dirty.ng-invalid,
div.top-bar-drawer.request-drawer-menu form button.btn.selectpicker.ng-dirty.ng-invalid {
  border: 1px solid #ce1228;
}
div.top-bar-drawer.request-drawer-menu form input[type=text].invalid-ignores-dirty.ng-invalid,
div.top-bar-drawer.request-drawer-menu form input[type=email].invalid-ignores-dirty.ng-invalid,
div.top-bar-drawer.request-drawer-menu form input[type=url].invalid-ignores-dirty.ng-invalid,
div.top-bar-drawer.request-drawer-menu form input[type=number].invalid-ignores-dirty.ng-invalid,
div.top-bar-drawer.request-drawer-menu form input[type=date].invalid-ignores-dirty.ng-invalid,
div.top-bar-drawer.request-drawer-menu form input[type=time].invalid-ignores-dirty.ng-invalid,
div.top-bar-drawer.request-drawer-menu form input[type=datetime-local].invalid-ignores-dirty.ng-invalid,
div.top-bar-drawer.request-drawer-menu form input[type=password].invalid-ignores-dirty.ng-invalid,
div.top-bar-drawer.request-drawer-menu form textarea.invalid-ignores-dirty.ng-invalid,
div.top-bar-drawer.request-drawer-menu form select.invalid-ignores-dirty.ng-invalid,
div.top-bar-drawer.request-drawer-menu form button.btn.selectpicker.invalid-ignores-dirty.ng-invalid,
.invalid-ignores-dirty div.top-bar-drawer.request-drawer-menu form input[type=text].ng-invalid,
.invalid-ignores-dirty div.top-bar-drawer.request-drawer-menu form input[type=email].ng-invalid,
.invalid-ignores-dirty div.top-bar-drawer.request-drawer-menu form input[type=url].ng-invalid,
.invalid-ignores-dirty div.top-bar-drawer.request-drawer-menu form input[type=number].ng-invalid,
.invalid-ignores-dirty div.top-bar-drawer.request-drawer-menu form input[type=date].ng-invalid,
.invalid-ignores-dirty div.top-bar-drawer.request-drawer-menu form input[type=time].ng-invalid,
.invalid-ignores-dirty div.top-bar-drawer.request-drawer-menu form input[type=datetime-local].ng-invalid,
.invalid-ignores-dirty div.top-bar-drawer.request-drawer-menu form input[type=password].ng-invalid,
.invalid-ignores-dirty div.top-bar-drawer.request-drawer-menu form textarea.ng-invalid,
.invalid-ignores-dirty div.top-bar-drawer.request-drawer-menu form select.ng-invalid,
.invalid-ignores-dirty div.top-bar-drawer.request-drawer-menu form button.btn.selectpicker.ng-invalid {
  border: 1px solid #ce1228;
}
div.top-bar-drawer.request-drawer-menu form button.btn.selectpicker {
  line-height: 16px;
  padding: 1px 20px 1px 4px;
  background-color: #ffffff;
}
div.top-bar-drawer.request-drawer-menu form button.btn.selectpicker:hover {
  background-color: #f2f2f2;
}
div.top-bar-drawer.request-drawer-menu form button.btn.selectpicker.none-selected-text .filter-option {
  color: var(--dku-select-placeholder-color, #999999);
}
div.top-bar-drawer.request-drawer-menu form button.btn.selectpicker.none-selected-text .filter-option::before {
  content: var(--dku-select-placeholder-emphasis--before, '- ');
}
div.top-bar-drawer.request-drawer-menu form button.btn.selectpicker.none-selected-text .filter-option::after {
  content: var(--dku-select-placeholder-emphasis--after, ' -');
}
div.top-bar-drawer.request-drawer-menu form button.btn.selectpicker.disabled.none-selected-text .filter-option {
  color: #cccccc;
}
div.top-bar-drawer.request-drawer-menu form button.btn.selectpicker.disabled {
  background-color: #f2f2f2;
}
div.top-bar-drawer.request-drawer-menu form button.btn.selectpicker.disabled:hover {
  background-color: #f2f2f2;
}
div.top-bar-drawer.request-drawer-menu form button.btn.selectpicker.disabled:focus {
  border: 1px #bbbbbb solid;
}
div.top-bar-drawer.request-drawer-menu form input[type=checkbox],
div.top-bar-drawer.request-drawer-menu form input[type=radio] {
  margin: 0 5px 0 0;
  float: none;
}
div.top-bar-drawer.request-drawer-menu form input[type=radio] {
  position: relative;
  top: -1px;
}
div.top-bar-drawer.request-drawer-menu form input:focus {
  border: 1px #31708f solid;
}
div.top-bar-drawer.request-drawer-menu form input.ng-invalid-dataset-name-unique {
  border-color: #d53648;
}
div.top-bar-drawer.request-drawer-menu form textarea {
  line-height: 14px;
  height: auto;
  padding: 4px 4px;
}
div.top-bar-drawer.request-drawer-menu form a:hover {
  text-decoration: none;
}
div.top-bar-drawer.request-drawer-menu form a:focus {
  outline: none;
}
div.top-bar-drawer.request-drawer-menu form .alert {
  border-radius: 0;
}
div.top-bar-drawer.request-drawer-menu form input[type="date"]::-webkit-clear-button {
  /* Removes the cross to clear */
  -webkit-appearance: none;
  margin: 0;
}
div.top-bar-drawer.request-drawer-menu form > * {
  margin-block: 0 !important;
}
div.top-bar-drawer.request-drawer-menu form > * + * {
  margin-block-start: 8px !important;
}
div.top-bar-drawer.request-drawer-menu form .children-vertical-spacing-exception + * {
  margin-block-start: 0 !important;
}
div.top-bar-drawer.request-drawer-menu form textarea {
  height: 80px;
  width: auto;
  resize: none;
}
div.top-bar-drawer.apps-menu {
  background-color: #333333;
  position: absolute;
  right: 0;
  bottom: auto;
  border-left: none;
  height: auto;
  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);
  display: flex;
  overflow-x: hidden;
  overflow-y: auto;
  scrollbar-width: thin;
  width: 1200px;
  flex-wrap: wrap;
  align-content: flex-start;
  max-height: calc(100vh - 40px - 10px);
  padding-bottom: 16px;
}
div.top-bar-drawer.apps-menu .apps-menu-section__title {
  font-weight: 500;
  font-size: 16px;
  line-height: 20px;
  color: #222222;
  color: #ffffff;
  padding: 16px;
}
div.top-bar-drawer.apps-menu .apps-menu-section__separator {
  border-bottom: 1px solid #666666;
  margin: 8px 16px;
}
div.top-bar-drawer.apps-menu ul,
div.top-bar-drawer.apps-menu li {
  list-style: none;
  padding-left: 0;
  margin: 0;
}
div.top-bar-drawer.apps-menu div.apps-menu-section {
  min-width: 300px;
  max-width: 300px;
}
div.top-bar-drawer.apps-menu ul:not(:last-child) li {
  border-right: 1px solid #444444;
}
div.top-bar-drawer.apps-menu li {
  color: #ffffff;
}
div.top-bar-drawer.apps-menu li:hover {
  background-color: #444444;
}
div.top-bar-drawer.apps-menu li .master-section {
  -webkit-transition: color 400ms ease-out;
  transition: color 400ms ease-out;
}
div.top-bar-drawer.apps-menu hr {
  margin: 0;
  border-top: 1px solid #444444;
  border-bottom: 0;
}
div.top-bar-drawer.apps-menu .vertical-line {
  border: 1px solid #444444;
}
div.top-bar-drawer.apps-menu .master-section {
  display: block;
  line-height: initial;
  height: 50px;
  font-size: 15px;
  padding: 0 16px;
  color: #ffffff;
  opacity: 0.8;
  text-decoration: none;
  transition: color 400ms ease-out;
  -webkit-transition: color 400ms ease-out;
  text-transform: capitalize;
  text-align: left;
}
div.top-bar-drawer.apps-menu .master-section a:hover > i {
  color: #ffffff;
  opacity: 1;
}
div.top-bar-drawer.apps-menu .master-section .master-section__shortcut {
  float: right;
  color: #bbbbbb;
  font-size: 12px;
  line-height: 50px;
}
div.top-bar-drawer.apps-menu .master-section .master-section__title-block {
  display: flex;
  flex-wrap: wrap;
  flex-direction: column;
  justify-content: center;
  height: 50px;
  line-height: 1.4;
}
div.top-bar-drawer.apps-menu .master-section .master-section__title-block .master-section__subtitle {
  font-size: 13px;
  color: #bbbbbb;
  text-transform: initial;
  max-width: 228px;
  text-overflow: ellipsis;
}
div.top-bar-drawer.apps-menu .master-section .master-section__title {
  display: flex;
  align-items: center;
}
div.top-bar-drawer.apps-menu .master-section .master-section__icon {
  float: left;
  color: #bbbbbb;
  font-size: 20px;
  padding-right: 4px;
  line-height: 50px;
  width: 36px;
}
div.top-bar-drawer.apps-menu .master-section a:focus:not(.js-blurred) {
  outline: none;
  visibility: visible;
  display: block;
}
div.top-bar-drawer.apps-menu .master-section a {
  /* Disable visibility by default, delay to enable clicks */
  visibility: hidden;
  transition: visibility 0.2s;
  width: 300px;
}
@media (max-width: 1200px) {
  div.top-bar-drawer.apps-menu {
    width: 600px;
  }
}
@media (max-width: 600px) {
  div.top-bar-drawer.apps-menu {
    width: 300px;
  }
}
div.top-bar-drawer.top-bar-drawer--sticky {
  top: 0;
  z-index: 3001;
}
div.top-bar-drawer.top-bar-drawer--moving {
  opacity: 0.75;
}
.master-nav__home--docked-left div.top-bar-drawer,
.main-view__drawer--docked-left div.top-bar-drawer {
  border-width: 0 1px 0 0;
  right: auto;
}
.master-nav__home--not-docked div.top-bar-drawer,
.main-view__drawer--not-docked div.top-bar-drawer {
  border-color: #cccccc;
  border-width: 1px;
  box-shadow: 4px -5px 7px 0px rgba(0, 0, 0, 0.1);
  width: 100%;
}
.topbar-drawer-popup {
  z-index: 4000;
}
.modal-container--from-angular ~ div > .topbar-drawer-popup {
  z-index: 4001;
}
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;
  background-color: white;
}
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;
}
@keyframes notif-fade-in {
  from {
    opacity: 0;
    transform: scale(1.1);
  }
  to {
    opacity: 1;
    transform: scale(1);
  }
}
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-item.unread {
  -webkit-animation: notif-fade-in 0.5s;
  animation: notif-fade-in 0.5s;
}
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,
.mass-action-btn a b.dku-icon-caret-down-12 {
  margin-top: 10px !important;
  vertical-align: top !important;
  color: #333333;
}
/* 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;
}
.right-col-share-button-menu__container {
  width: 100%;
  height: 100%;
}
.right-col-share-button-menu__container .action-icon {
  width: 100%;
  height: 100%;
}
.dropdown .caret.right-col-share-button-menu__caret {
  margin-top: 6px;
  margin-left: 5px;
}
.dropdown > ul.right-col-share-button-menu__dropdown {
  min-width: 200px;
}
.dropdown > ul.right-col-share-button-menu__dropdown li.detailed-dropdown-menu__item.right-col-share-button-menu__item {
  grid-template-columns: 0.20fr 0.80fr;
}
.dropdown > ul.right-col-share-button-menu__dropdown i.detailed-dropdown-menu__item-icon.right-col-share-button-menu__item-icon {
  margin-bottom: 14px;
}
.object-right-column-summary__prepare-summary {
  display: flex;
  align-items: start;
  line-height: 18px;
  padding-top: 4px !important;
  padding-bottom: 4px !important;
}
.object-right-column-summary__prepare-summary > * {
  margin-inline-start: 0 !important;
}
.object-right-column-summary__prepare-summary > * + * {
  margin-inline-start: 8px !important;
}
.object-right-column-summary__prepare-summary .children-horizontal-spacing-exception + * {
  margin-block-start: 0 !important;
}
.object-right-column-summary__prepare-summary i {
  line-height: 18px;
  width: 16px;
  text-align: center;
}
.object-right-column-summary__prepare-summary p {
  white-space: initial;
  word-break: break-word;
  margin-bottom: 0;
}
.object-right-column-summary__prepare-summary p .action-verb {
  font-weight: 500;
}
.object-right-column-summary__prepare-summary p .meaning-label {
  font-style: italic;
}
.object-right-column-summary__prepare-summary p .deprecation-tag {
  font-weight: 500;
  color: #ec6f23;
}
show-ellipsed-text-and-copy a {
  text-decoration: none;
}
show-ellipsed-text-and-copy a:hover {
  text-decoration: none;
}
show-ellipsed-text-and-copy a i {
  margin-left: 3px;
}
.table-no-bottom-border tr:last-child > td,
.table-no-bottom-border tr:last-child > th {
  border-bottom: none;
}
.data-quality-icon {
  margin-left: 4px;
}
.data-lineage-icon {
  margin-left: 8px;
}
.data-lineage-icon .btn {
  display: flex;
}
.data-lineage-icon .btn a {
  text-decoration: none;
}
/**
 * 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;
}
.placeholder-as-invalid-value.placeholder-as-invalid-value {
  --dku-select-placeholder-color: #999999;
  --dku-select-placeholder-emphasis--before: '- ';
  --dku-select-placeholder-emphasis--after: ' -';
}
.placeholder-as-default-value.placeholder-as-default-value {
  --dku-select-placeholder-color: #333333;
  --dku-select-placeholder-emphasis--before: none;
  --dku-select-placeholder-emphasis--after: none;
}
.common-styles-only {
  /* Color invalid dataset uniqueness issues, even when non dirty */
}
.common-styles-only input[type=text],
.common-styles-only input[type=email],
.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=datetime-local],
.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=email]: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=datetime-local]: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=email]: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=datetime-local]: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=email]: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=datetime-local]: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=email].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=datetime-local].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 input[type=text].invalid-ignores-dirty.ng-invalid,
.common-styles-only input[type=email].invalid-ignores-dirty.ng-invalid,
.common-styles-only input[type=url].invalid-ignores-dirty.ng-invalid,
.common-styles-only input[type=number].invalid-ignores-dirty.ng-invalid,
.common-styles-only input[type=date].invalid-ignores-dirty.ng-invalid,
.common-styles-only input[type=time].invalid-ignores-dirty.ng-invalid,
.common-styles-only input[type=datetime-local].invalid-ignores-dirty.ng-invalid,
.common-styles-only input[type=password].invalid-ignores-dirty.ng-invalid,
.common-styles-only textarea.invalid-ignores-dirty.ng-invalid,
.common-styles-only select.invalid-ignores-dirty.ng-invalid,
.common-styles-only button.btn.selectpicker.invalid-ignores-dirty.ng-invalid,
.invalid-ignores-dirty .common-styles-only input[type=text].ng-invalid,
.invalid-ignores-dirty .common-styles-only input[type=email].ng-invalid,
.invalid-ignores-dirty .common-styles-only input[type=url].ng-invalid,
.invalid-ignores-dirty .common-styles-only input[type=number].ng-invalid,
.invalid-ignores-dirty .common-styles-only input[type=date].ng-invalid,
.invalid-ignores-dirty .common-styles-only input[type=time].ng-invalid,
.invalid-ignores-dirty .common-styles-only input[type=datetime-local].ng-invalid,
.invalid-ignores-dirty .common-styles-only input[type=password].ng-invalid,
.invalid-ignores-dirty .common-styles-only textarea.ng-invalid,
.invalid-ignores-dirty .common-styles-only select.ng-invalid,
.invalid-ignores-dirty .common-styles-only button.btn.selectpicker.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 button.btn.selectpicker.none-selected-text .filter-option {
  color: var(--dku-select-placeholder-color, #999999);
}
.common-styles-only button.btn.selectpicker.none-selected-text .filter-option::before {
  content: var(--dku-select-placeholder-emphasis--before, '- ');
}
.common-styles-only button.btn.selectpicker.none-selected-text .filter-option::after {
  content: var(--dku-select-placeholder-emphasis--after, ' -');
}
.common-styles-only button.btn.selectpicker.disabled.none-selected-text .filter-option {
  color: #cccccc;
}
.common-styles-only button.btn.selectpicker.disabled {
  background-color: #f2f2f2;
}
.common-styles-only button.btn.selectpicker.disabled:hover {
  background-color: #f2f2f2;
}
.common-styles-only button.btn.selectpicker.disabled:focus {
  border: 1px #bbbbbb solid;
}
.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 {
  border-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;
}
.modal .help-inline {
  word-break: break-word;
}
/**
 * Vertical form from formatting pane
 */
.dkuform-vertical .control-group {
  margin-bottom: 8px;
  margin-top: 8px;
}
.dkuform-vertical .control-group .number-of-ticks-input.number-of-ticks-input.number-of-ticks-input {
  margin-left: 4px;
  width: 74px;
}
.dkuform-vertical .control-group .number-of-ticks-input.number-of-ticks-input.number-of-ticks-input.add-icon-warning {
  width: 48px;
}
/**
 * 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:not(.no-cascade) {
  margin-bottom: 8px;
  margin-top: 8px;
}
.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=email],
.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=datetime-local],
.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=email]: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=datetime-local]: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=email]: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=datetime-local]: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=email]: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=datetime-local]: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=email].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=datetime-local].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 input[type=text].invalid-ignores-dirty.ng-invalid,
.dkuform-horizontal .control-group .control-label input[type=email].invalid-ignores-dirty.ng-invalid,
.dkuform-horizontal .control-group .control-label input[type=url].invalid-ignores-dirty.ng-invalid,
.dkuform-horizontal .control-group .control-label input[type=number].invalid-ignores-dirty.ng-invalid,
.dkuform-horizontal .control-group .control-label input[type=date].invalid-ignores-dirty.ng-invalid,
.dkuform-horizontal .control-group .control-label input[type=time].invalid-ignores-dirty.ng-invalid,
.dkuform-horizontal .control-group .control-label input[type=datetime-local].invalid-ignores-dirty.ng-invalid,
.dkuform-horizontal .control-group .control-label input[type=password].invalid-ignores-dirty.ng-invalid,
.dkuform-horizontal .control-group .control-label textarea.invalid-ignores-dirty.ng-invalid,
.dkuform-horizontal .control-group .control-label select.invalid-ignores-dirty.ng-invalid,
.dkuform-horizontal .control-group .control-label button.btn.selectpicker.invalid-ignores-dirty.ng-invalid,
.invalid-ignores-dirty .dkuform-horizontal .control-group .control-label input[type=text].ng-invalid,
.invalid-ignores-dirty .dkuform-horizontal .control-group .control-label input[type=email].ng-invalid,
.invalid-ignores-dirty .dkuform-horizontal .control-group .control-label input[type=url].ng-invalid,
.invalid-ignores-dirty .dkuform-horizontal .control-group .control-label input[type=number].ng-invalid,
.invalid-ignores-dirty .dkuform-horizontal .control-group .control-label input[type=date].ng-invalid,
.invalid-ignores-dirty .dkuform-horizontal .control-group .control-label input[type=time].ng-invalid,
.invalid-ignores-dirty .dkuform-horizontal .control-group .control-label input[type=datetime-local].ng-invalid,
.invalid-ignores-dirty .dkuform-horizontal .control-group .control-label input[type=password].ng-invalid,
.invalid-ignores-dirty .dkuform-horizontal .control-group .control-label textarea.ng-invalid,
.invalid-ignores-dirty .dkuform-horizontal .control-group .control-label select.ng-invalid,
.invalid-ignores-dirty .dkuform-horizontal .control-group .control-label button.btn.selectpicker.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 button.btn.selectpicker.none-selected-text .filter-option {
  color: var(--dku-select-placeholder-color, #999999);
}
.dkuform-horizontal .control-group .control-label button.btn.selectpicker.none-selected-text .filter-option::before {
  content: var(--dku-select-placeholder-emphasis--before, '- ');
}
.dkuform-horizontal .control-group .control-label button.btn.selectpicker.none-selected-text .filter-option::after {
  content: var(--dku-select-placeholder-emphasis--after, ' -');
}
.dkuform-horizontal .control-group .control-label button.btn.selectpicker.disabled.none-selected-text .filter-option {
  color: #cccccc;
}
.dkuform-horizontal .control-group .control-label button.btn.selectpicker.disabled {
  background-color: #f2f2f2;
}
.dkuform-horizontal .control-group .control-label button.btn.selectpicker.disabled:hover {
  background-color: #f2f2f2;
}
.dkuform-horizontal .control-group .control-label button.btn.selectpicker.disabled:focus {
  border: 1px #bbbbbb solid;
}
.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 {
  border-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 .control-label.auto-width {
  width: auto;
  padding-right: 1em;
}
.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 .help-inline.multiline {
  display: inline;
}
.dkuform-horizontal .control-group .controls label:not(.no-cascade) {
  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 input[type=password],
.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 input[type=password].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 input[type=password].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 input[type=password].input-half-size,
.dkuform-horizontal .control-group .controls select.input-half-size {
  width: 102px;
}
.dkuform-horizontal .control-group .controls input[type=text].input-fit-content,
.dkuform-horizontal .control-group .controls input[type=number].input-fit-content,
.dkuform-horizontal .control-group .controls input[type=password].input-fit-content,
.dkuform-horizontal .control-group .controls select.input-fit-content {
  width: fit-content;
  width: -moz-fit-content;
}
.dkuform-horizontal .control-group .controls input[type=text].full-width {
  width: 100%;
}
.dkuform-horizontal .control-group .controls .text-field-container {
  width: 206px;
}
.dkuform-horizontal .control-group .controls .text-field-container .field-error-message {
  padding: 8px;
  box-sizing: border-box;
  width: 100%;
}
.dkuform-horizontal .control-group .controls .text-field-container.input-xlarge {
  width: 270px;
}
.dkuform-horizontal .control-group .controls .text-field-container.input-xxlarge {
  width: 430px;
}
.dkuform-horizontal .control-group .controls .text-field-container.input-half-size {
  width: 102px;
}
.dkuform-horizontal .control-group .controls .text-field-container.input-fit-content {
  width: fit-content;
  width: -moz-fit-content;
}
.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 .ng-select {
  --dku-ng-select-max-width: 206px;
}
.dkuform-horizontal .control-group .controls input[type=text],
.dkuform-horizontal .control-group .controls input[type=email],
.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=datetime-local],
.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=email]: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=datetime-local]: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=email]: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=datetime-local]: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=email]: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=datetime-local]: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=email].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=datetime-local].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 input[type=text].invalid-ignores-dirty.ng-invalid,
.dkuform-horizontal .control-group .controls input[type=email].invalid-ignores-dirty.ng-invalid,
.dkuform-horizontal .control-group .controls input[type=url].invalid-ignores-dirty.ng-invalid,
.dkuform-horizontal .control-group .controls input[type=number].invalid-ignores-dirty.ng-invalid,
.dkuform-horizontal .control-group .controls input[type=date].invalid-ignores-dirty.ng-invalid,
.dkuform-horizontal .control-group .controls input[type=time].invalid-ignores-dirty.ng-invalid,
.dkuform-horizontal .control-group .controls input[type=datetime-local].invalid-ignores-dirty.ng-invalid,
.dkuform-horizontal .control-group .controls input[type=password].invalid-ignores-dirty.ng-invalid,
.dkuform-horizontal .control-group .controls textarea.invalid-ignores-dirty.ng-invalid,
.dkuform-horizontal .control-group .controls select.invalid-ignores-dirty.ng-invalid,
.dkuform-horizontal .control-group .controls button.btn.selectpicker.invalid-ignores-dirty.ng-invalid,
.invalid-ignores-dirty .dkuform-horizontal .control-group .controls input[type=text].ng-invalid,
.invalid-ignores-dirty .dkuform-horizontal .control-group .controls input[type=email].ng-invalid,
.invalid-ignores-dirty .dkuform-horizontal .control-group .controls input[type=url].ng-invalid,
.invalid-ignores-dirty .dkuform-horizontal .control-group .controls input[type=number].ng-invalid,
.invalid-ignores-dirty .dkuform-horizontal .control-group .controls input[type=date].ng-invalid,
.invalid-ignores-dirty .dkuform-horizontal .control-group .controls input[type=time].ng-invalid,
.invalid-ignores-dirty .dkuform-horizontal .control-group .controls input[type=datetime-local].ng-invalid,
.invalid-ignores-dirty .dkuform-horizontal .control-group .controls input[type=password].ng-invalid,
.invalid-ignores-dirty .dkuform-horizontal .control-group .controls textarea.ng-invalid,
.invalid-ignores-dirty .dkuform-horizontal .control-group .controls select.ng-invalid,
.invalid-ignores-dirty .dkuform-horizontal .control-group .controls button.btn.selectpicker.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 button.btn.selectpicker.none-selected-text .filter-option {
  color: var(--dku-select-placeholder-color, #999999);
}
.dkuform-horizontal .control-group .controls button.btn.selectpicker.none-selected-text .filter-option::before {
  content: var(--dku-select-placeholder-emphasis--before, '- ');
}
.dkuform-horizontal .control-group .controls button.btn.selectpicker.none-selected-text .filter-option::after {
  content: var(--dku-select-placeholder-emphasis--after, ' -');
}
.dkuform-horizontal .control-group .controls button.btn.selectpicker.disabled.none-selected-text .filter-option {
  color: #cccccc;
}
.dkuform-horizontal .control-group .controls button.btn.selectpicker.disabled {
  background-color: #f2f2f2;
}
.dkuform-horizontal .control-group .controls button.btn.selectpicker.disabled:hover {
  background-color: #f2f2f2;
}
.dkuform-horizontal .control-group .controls button.btn.selectpicker.disabled:focus {
  border: 1px #bbbbbb solid;
}
.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 {
  border-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 .control-group .controls .plain-text {
  font-family: 'SourceSansPro';
  font-weight: regular;
  font-size: 14px;
  color: #444444;
  line-height: 24px;
  height: 26px;
  padding: 0;
  margin: 0;
  text-align: left;
}
.dkuform-horizontal .control-group .controls .plain-text.disabled {
  color: #999999;
}
.dkuform-horizontal .control-group .controls .control-error-message {
  padding-top: 4px;
  color: #ce1228;
  font-size: 10px;
  line-height: 15px;
}
/**
 * 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:not(.no-cascade) {
  margin-bottom: 8px;
  margin-top: 8px;
}
.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=email],
.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=datetime-local],
.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=email]: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=datetime-local]: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=email]: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=datetime-local]: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=email]: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=datetime-local]: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=email].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=datetime-local].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 input[type=text].invalid-ignores-dirty.ng-invalid,
.dkuform-horizontal- .control-group .control-label input[type=email].invalid-ignores-dirty.ng-invalid,
.dkuform-horizontal- .control-group .control-label input[type=url].invalid-ignores-dirty.ng-invalid,
.dkuform-horizontal- .control-group .control-label input[type=number].invalid-ignores-dirty.ng-invalid,
.dkuform-horizontal- .control-group .control-label input[type=date].invalid-ignores-dirty.ng-invalid,
.dkuform-horizontal- .control-group .control-label input[type=time].invalid-ignores-dirty.ng-invalid,
.dkuform-horizontal- .control-group .control-label input[type=datetime-local].invalid-ignores-dirty.ng-invalid,
.dkuform-horizontal- .control-group .control-label input[type=password].invalid-ignores-dirty.ng-invalid,
.dkuform-horizontal- .control-group .control-label textarea.invalid-ignores-dirty.ng-invalid,
.dkuform-horizontal- .control-group .control-label select.invalid-ignores-dirty.ng-invalid,
.dkuform-horizontal- .control-group .control-label button.btn.selectpicker.invalid-ignores-dirty.ng-invalid,
.invalid-ignores-dirty .dkuform-horizontal- .control-group .control-label input[type=text].ng-invalid,
.invalid-ignores-dirty .dkuform-horizontal- .control-group .control-label input[type=email].ng-invalid,
.invalid-ignores-dirty .dkuform-horizontal- .control-group .control-label input[type=url].ng-invalid,
.invalid-ignores-dirty .dkuform-horizontal- .control-group .control-label input[type=number].ng-invalid,
.invalid-ignores-dirty .dkuform-horizontal- .control-group .control-label input[type=date].ng-invalid,
.invalid-ignores-dirty .dkuform-horizontal- .control-group .control-label input[type=time].ng-invalid,
.invalid-ignores-dirty .dkuform-horizontal- .control-group .control-label input[type=datetime-local].ng-invalid,
.invalid-ignores-dirty .dkuform-horizontal- .control-group .control-label input[type=password].ng-invalid,
.invalid-ignores-dirty .dkuform-horizontal- .control-group .control-label textarea.ng-invalid,
.invalid-ignores-dirty .dkuform-horizontal- .control-group .control-label select.ng-invalid,
.invalid-ignores-dirty .dkuform-horizontal- .control-group .control-label button.btn.selectpicker.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 button.btn.selectpicker.none-selected-text .filter-option {
  color: var(--dku-select-placeholder-color, #999999);
}
.dkuform-horizontal- .control-group .control-label button.btn.selectpicker.none-selected-text .filter-option::before {
  content: var(--dku-select-placeholder-emphasis--before, '- ');
}
.dkuform-horizontal- .control-group .control-label button.btn.selectpicker.none-selected-text .filter-option::after {
  content: var(--dku-select-placeholder-emphasis--after, ' -');
}
.dkuform-horizontal- .control-group .control-label button.btn.selectpicker.disabled.none-selected-text .filter-option {
  color: #cccccc;
}
.dkuform-horizontal- .control-group .control-label button.btn.selectpicker.disabled {
  background-color: #f2f2f2;
}
.dkuform-horizontal- .control-group .control-label button.btn.selectpicker.disabled:hover {
  background-color: #f2f2f2;
}
.dkuform-horizontal- .control-group .control-label button.btn.selectpicker.disabled:focus {
  border: 1px #bbbbbb solid;
}
.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 {
  border-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 .control-label.auto-width {
  width: auto;
  padding-right: 1em;
}
.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 .help-inline.multiline {
  display: inline;
}
.dkuform-horizontal- .control-group .controls label:not(.no-cascade) {
  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 input[type=password],
.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 input[type=password].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 input[type=password].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 input[type=password].input-half-size,
.dkuform-horizontal- .control-group .controls select.input-half-size {
  width: 102px;
}
.dkuform-horizontal- .control-group .controls input[type=text].input-fit-content,
.dkuform-horizontal- .control-group .controls input[type=number].input-fit-content,
.dkuform-horizontal- .control-group .controls input[type=password].input-fit-content,
.dkuform-horizontal- .control-group .controls select.input-fit-content {
  width: fit-content;
  width: -moz-fit-content;
}
.dkuform-horizontal- .control-group .controls input[type=text].full-width {
  width: 100%;
}
.dkuform-horizontal- .control-group .controls .text-field-container {
  width: 206px;
}
.dkuform-horizontal- .control-group .controls .text-field-container .field-error-message {
  padding: 8px;
  box-sizing: border-box;
  width: 100%;
}
.dkuform-horizontal- .control-group .controls .text-field-container.input-xlarge {
  width: 270px;
}
.dkuform-horizontal- .control-group .controls .text-field-container.input-xxlarge {
  width: 430px;
}
.dkuform-horizontal- .control-group .controls .text-field-container.input-half-size {
  width: 102px;
}
.dkuform-horizontal- .control-group .controls .text-field-container.input-fit-content {
  width: fit-content;
  width: -moz-fit-content;
}
.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 .ng-select {
  --dku-ng-select-max-width: 206px;
}
.dkuform-horizontal- .control-group .controls input[type=text],
.dkuform-horizontal- .control-group .controls input[type=email],
.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=datetime-local],
.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=email]: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=datetime-local]: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=email]: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=datetime-local]: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=email]: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=datetime-local]: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=email].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=datetime-local].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 input[type=text].invalid-ignores-dirty.ng-invalid,
.dkuform-horizontal- .control-group .controls input[type=email].invalid-ignores-dirty.ng-invalid,
.dkuform-horizontal- .control-group .controls input[type=url].invalid-ignores-dirty.ng-invalid,
.dkuform-horizontal- .control-group .controls input[type=number].invalid-ignores-dirty.ng-invalid,
.dkuform-horizontal- .control-group .controls input[type=date].invalid-ignores-dirty.ng-invalid,
.dkuform-horizontal- .control-group .controls input[type=time].invalid-ignores-dirty.ng-invalid,
.dkuform-horizontal- .control-group .controls input[type=datetime-local].invalid-ignores-dirty.ng-invalid,
.dkuform-horizontal- .control-group .controls input[type=password].invalid-ignores-dirty.ng-invalid,
.dkuform-horizontal- .control-group .controls textarea.invalid-ignores-dirty.ng-invalid,
.dkuform-horizontal- .control-group .controls select.invalid-ignores-dirty.ng-invalid,
.dkuform-horizontal- .control-group .controls button.btn.selectpicker.invalid-ignores-dirty.ng-invalid,
.invalid-ignores-dirty .dkuform-horizontal- .control-group .controls input[type=text].ng-invalid,
.invalid-ignores-dirty .dkuform-horizontal- .control-group .controls input[type=email].ng-invalid,
.invalid-ignores-dirty .dkuform-horizontal- .control-group .controls input[type=url].ng-invalid,
.invalid-ignores-dirty .dkuform-horizontal- .control-group .controls input[type=number].ng-invalid,
.invalid-ignores-dirty .dkuform-horizontal- .control-group .controls input[type=date].ng-invalid,
.invalid-ignores-dirty .dkuform-horizontal- .control-group .controls input[type=time].ng-invalid,
.invalid-ignores-dirty .dkuform-horizontal- .control-group .controls input[type=datetime-local].ng-invalid,
.invalid-ignores-dirty .dkuform-horizontal- .control-group .controls input[type=password].ng-invalid,
.invalid-ignores-dirty .dkuform-horizontal- .control-group .controls textarea.ng-invalid,
.invalid-ignores-dirty .dkuform-horizontal- .control-group .controls select.ng-invalid,
.invalid-ignores-dirty .dkuform-horizontal- .control-group .controls button.btn.selectpicker.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 button.btn.selectpicker.none-selected-text .filter-option {
  color: var(--dku-select-placeholder-color, #999999);
}
.dkuform-horizontal- .control-group .controls button.btn.selectpicker.none-selected-text .filter-option::before {
  content: var(--dku-select-placeholder-emphasis--before, '- ');
}
.dkuform-horizontal- .control-group .controls button.btn.selectpicker.none-selected-text .filter-option::after {
  content: var(--dku-select-placeholder-emphasis--after, ' -');
}
.dkuform-horizontal- .control-group .controls button.btn.selectpicker.disabled.none-selected-text .filter-option {
  color: #cccccc;
}
.dkuform-horizontal- .control-group .controls button.btn.selectpicker.disabled {
  background-color: #f2f2f2;
}
.dkuform-horizontal- .control-group .controls button.btn.selectpicker.disabled:hover {
  background-color: #f2f2f2;
}
.dkuform-horizontal- .control-group .controls button.btn.selectpicker.disabled:focus {
  border: 1px #bbbbbb solid;
}
.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 {
  border-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- .control-group .controls .plain-text {
  font-family: 'SourceSansPro';
  font-weight: regular;
  font-size: 14px;
  color: #444444;
  line-height: 24px;
  height: 26px;
  padding: 0;
  margin: 0;
  text-align: left;
}
.dkuform-horizontal- .control-group .controls .plain-text.disabled {
  color: #999999;
}
.dkuform-horizontal- .control-group .controls .control-error-message {
  padding-top: 4px;
  color: #ce1228;
  font-size: 10px;
  line-height: 15px;
}
/** full width and items use the full space unless noflex is applied somewhere **/
.dkuform-horizontal-controls-full-width {
  margin-bottom: 0;
}
.dkuform-horizontal-controls-full-width input,
.dkuform-horizontal-controls-full-width textarea,
.dkuform-horizontal-controls-full-width select,
.dkuform-horizontal-controls-full-width .help-inline,
.dkuform-horizontal-controls-full-width .uneditable-input,
.dkuform-horizontal-controls-full-width .input-prepend,
.dkuform-horizontal-controls-full-width .input-append {
  display: inline-block;
  *display: inline;
  /* IE7 inline-block hack */
  *zoom: 1;
  margin-bottom: 0;
  vertical-align: middle;
}
.dkuform-horizontal-controls-full-width .hide {
  display: none;
}
.dkuform-horizontal-controls-full-width .control-group {
  margin-bottom: 20px;
  *zoom: 1;
}
.dkuform-horizontal-controls-full-width .control-group:before,
.dkuform-horizontal-controls-full-width .control-group:after {
  display: table;
  content: "";
  line-height: 0;
}
.dkuform-horizontal-controls-full-width .control-group:after {
  clear: both;
}
.dkuform-horizontal-controls-full-width .control-label {
  float: left;
  width: 160px;
  padding-top: 5px;
  text-align: right;
}
.dkuform-horizontal-controls-full-width .controls {
  *display: inline-block;
  *padding-left: 20px;
  margin-left: 180px;
  *margin-left: 0;
}
.dkuform-horizontal-controls-full-width .controls:first-child {
  *padding-left: 180px;
}
.dkuform-horizontal-controls-full-width .help-block {
  margin-bottom: 0;
}
.dkuform-horizontal-controls-full-width input + .help-block,
.dkuform-horizontal-controls-full-width select + .help-block,
.dkuform-horizontal-controls-full-width textarea + .help-block,
.dkuform-horizontal-controls-full-width .uneditable-input + .help-block,
.dkuform-horizontal-controls-full-width .input-prepend + .help-block,
.dkuform-horizontal-controls-full-width .input-append + .help-block {
  margin-top: 10px;
}
.dkuform-horizontal-controls-full-width .form-actions {
  padding-left: 180px;
}
.dkuform-horizontal-controls-full-width .control-group:not(.no-cascade) {
  margin-bottom: 8px;
  margin-top: 8px;
}
.dkuform-horizontal-controls-full-width .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: -10px;
}
.dkuform-horizontal-controls-full-width .control-group .control-label.disabled {
  color: #999999;
}
.dkuform-horizontal-controls-full-width .control-group .control-label input[type=text],
.dkuform-horizontal-controls-full-width .control-group .control-label input[type=email],
.dkuform-horizontal-controls-full-width .control-group .control-label input[type=url],
.dkuform-horizontal-controls-full-width .control-group .control-label input[type=number],
.dkuform-horizontal-controls-full-width .control-group .control-label input[type=date],
.dkuform-horizontal-controls-full-width .control-group .control-label input[type=time],
.dkuform-horizontal-controls-full-width .control-group .control-label input[type=datetime-local],
.dkuform-horizontal-controls-full-width .control-group .control-label input[type=password],
.dkuform-horizontal-controls-full-width .control-group .control-label textarea,
.dkuform-horizontal-controls-full-width .control-group .control-label select,
.dkuform-horizontal-controls-full-width .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-controls-full-width .control-group .control-label input[type=text]:focus,
.dkuform-horizontal-controls-full-width .control-group .control-label input[type=email]:focus,
.dkuform-horizontal-controls-full-width .control-group .control-label input[type=url]:focus,
.dkuform-horizontal-controls-full-width .control-group .control-label input[type=number]:focus,
.dkuform-horizontal-controls-full-width .control-group .control-label input[type=date]:focus,
.dkuform-horizontal-controls-full-width .control-group .control-label input[type=time]:focus,
.dkuform-horizontal-controls-full-width .control-group .control-label input[type=datetime-local]:focus,
.dkuform-horizontal-controls-full-width .control-group .control-label input[type=password]:focus,
.dkuform-horizontal-controls-full-width .control-group .control-label textarea:focus,
.dkuform-horizontal-controls-full-width .control-group .control-label select:focus,
.dkuform-horizontal-controls-full-width .control-group .control-label button.btn.selectpicker:focus,
.dkuform-horizontal-controls-full-width .control-group .control-label input[type=text]:hover,
.dkuform-horizontal-controls-full-width .control-group .control-label input[type=email]:hover,
.dkuform-horizontal-controls-full-width .control-group .control-label input[type=url]:hover,
.dkuform-horizontal-controls-full-width .control-group .control-label input[type=number]:hover,
.dkuform-horizontal-controls-full-width .control-group .control-label input[type=date]:hover,
.dkuform-horizontal-controls-full-width .control-group .control-label input[type=time]:hover,
.dkuform-horizontal-controls-full-width .control-group .control-label input[type=datetime-local]:hover,
.dkuform-horizontal-controls-full-width .control-group .control-label input[type=password]:hover,
.dkuform-horizontal-controls-full-width .control-group .control-label textarea:hover,
.dkuform-horizontal-controls-full-width .control-group .control-label select:hover,
.dkuform-horizontal-controls-full-width .control-group .control-label button.btn.selectpicker:hover {
  color: #333333;
}
.dkuform-horizontal-controls-full-width .control-group .control-label input[type=text]:focus,
.dkuform-horizontal-controls-full-width .control-group .control-label input[type=email]:focus,
.dkuform-horizontal-controls-full-width .control-group .control-label input[type=url]:focus,
.dkuform-horizontal-controls-full-width .control-group .control-label input[type=number]:focus,
.dkuform-horizontal-controls-full-width .control-group .control-label input[type=date]:focus,
.dkuform-horizontal-controls-full-width .control-group .control-label input[type=time]:focus,
.dkuform-horizontal-controls-full-width .control-group .control-label input[type=datetime-local]:focus,
.dkuform-horizontal-controls-full-width .control-group .control-label input[type=password]:focus,
.dkuform-horizontal-controls-full-width .control-group .control-label textarea:focus,
.dkuform-horizontal-controls-full-width .control-group .control-label select:focus,
.dkuform-horizontal-controls-full-width .control-group .control-label button.btn.selectpicker:focus {
  box-shadow: none;
  border: 1px solid #3b99fc;
}
.dkuform-horizontal-controls-full-width .control-group .control-label input[type=text].ng-dirty.ng-invalid,
.dkuform-horizontal-controls-full-width .control-group .control-label input[type=email].ng-dirty.ng-invalid,
.dkuform-horizontal-controls-full-width .control-group .control-label input[type=url].ng-dirty.ng-invalid,
.dkuform-horizontal-controls-full-width .control-group .control-label input[type=number].ng-dirty.ng-invalid,
.dkuform-horizontal-controls-full-width .control-group .control-label input[type=date].ng-dirty.ng-invalid,
.dkuform-horizontal-controls-full-width .control-group .control-label input[type=time].ng-dirty.ng-invalid,
.dkuform-horizontal-controls-full-width .control-group .control-label input[type=datetime-local].ng-dirty.ng-invalid,
.dkuform-horizontal-controls-full-width .control-group .control-label input[type=password].ng-dirty.ng-invalid,
.dkuform-horizontal-controls-full-width .control-group .control-label textarea.ng-dirty.ng-invalid,
.dkuform-horizontal-controls-full-width .control-group .control-label select.ng-dirty.ng-invalid,
.dkuform-horizontal-controls-full-width .control-group .control-label button.btn.selectpicker.ng-dirty.ng-invalid {
  border: 1px solid #ce1228;
}
.dkuform-horizontal-controls-full-width .control-group .control-label input[type=text].invalid-ignores-dirty.ng-invalid,
.dkuform-horizontal-controls-full-width .control-group .control-label input[type=email].invalid-ignores-dirty.ng-invalid,
.dkuform-horizontal-controls-full-width .control-group .control-label input[type=url].invalid-ignores-dirty.ng-invalid,
.dkuform-horizontal-controls-full-width .control-group .control-label input[type=number].invalid-ignores-dirty.ng-invalid,
.dkuform-horizontal-controls-full-width .control-group .control-label input[type=date].invalid-ignores-dirty.ng-invalid,
.dkuform-horizontal-controls-full-width .control-group .control-label input[type=time].invalid-ignores-dirty.ng-invalid,
.dkuform-horizontal-controls-full-width .control-group .control-label input[type=datetime-local].invalid-ignores-dirty.ng-invalid,
.dkuform-horizontal-controls-full-width .control-group .control-label input[type=password].invalid-ignores-dirty.ng-invalid,
.dkuform-horizontal-controls-full-width .control-group .control-label textarea.invalid-ignores-dirty.ng-invalid,
.dkuform-horizontal-controls-full-width .control-group .control-label select.invalid-ignores-dirty.ng-invalid,
.dkuform-horizontal-controls-full-width .control-group .control-label button.btn.selectpicker.invalid-ignores-dirty.ng-invalid,
.invalid-ignores-dirty .dkuform-horizontal-controls-full-width .control-group .control-label input[type=text].ng-invalid,
.invalid-ignores-dirty .dkuform-horizontal-controls-full-width .control-group .control-label input[type=email].ng-invalid,
.invalid-ignores-dirty .dkuform-horizontal-controls-full-width .control-group .control-label input[type=url].ng-invalid,
.invalid-ignores-dirty .dkuform-horizontal-controls-full-width .control-group .control-label input[type=number].ng-invalid,
.invalid-ignores-dirty .dkuform-horizontal-controls-full-width .control-group .control-label input[type=date].ng-invalid,
.invalid-ignores-dirty .dkuform-horizontal-controls-full-width .control-group .control-label input[type=time].ng-invalid,
.invalid-ignores-dirty .dkuform-horizontal-controls-full-width .control-group .control-label input[type=datetime-local].ng-invalid,
.invalid-ignores-dirty .dkuform-horizontal-controls-full-width .control-group .control-label input[type=password].ng-invalid,
.invalid-ignores-dirty .dkuform-horizontal-controls-full-width .control-group .control-label textarea.ng-invalid,
.invalid-ignores-dirty .dkuform-horizontal-controls-full-width .control-group .control-label select.ng-invalid,
.invalid-ignores-dirty .dkuform-horizontal-controls-full-width .control-group .control-label button.btn.selectpicker.ng-invalid {
  border: 1px solid #ce1228;
}
.dkuform-horizontal-controls-full-width .control-group .control-label button.btn.selectpicker {
  line-height: 16px;
  padding: 1px 20px 1px 4px;
  background-color: #ffffff;
}
.dkuform-horizontal-controls-full-width .control-group .control-label button.btn.selectpicker:hover {
  background-color: #f2f2f2;
}
.dkuform-horizontal-controls-full-width .control-group .control-label button.btn.selectpicker.none-selected-text .filter-option {
  color: var(--dku-select-placeholder-color, #999999);
}
.dkuform-horizontal-controls-full-width .control-group .control-label button.btn.selectpicker.none-selected-text .filter-option::before {
  content: var(--dku-select-placeholder-emphasis--before, '- ');
}
.dkuform-horizontal-controls-full-width .control-group .control-label button.btn.selectpicker.none-selected-text .filter-option::after {
  content: var(--dku-select-placeholder-emphasis--after, ' -');
}
.dkuform-horizontal-controls-full-width .control-group .control-label button.btn.selectpicker.disabled.none-selected-text .filter-option {
  color: #cccccc;
}
.dkuform-horizontal-controls-full-width .control-group .control-label button.btn.selectpicker.disabled {
  background-color: #f2f2f2;
}
.dkuform-horizontal-controls-full-width .control-group .control-label button.btn.selectpicker.disabled:hover {
  background-color: #f2f2f2;
}
.dkuform-horizontal-controls-full-width .control-group .control-label button.btn.selectpicker.disabled:focus {
  border: 1px #bbbbbb solid;
}
.dkuform-horizontal-controls-full-width .control-group .control-label input[type=checkbox],
.dkuform-horizontal-controls-full-width .control-group .control-label input[type=radio] {
  margin: 0 5px 0 0;
  float: none;
}
.dkuform-horizontal-controls-full-width .control-group .control-label input[type=radio] {
  position: relative;
  top: -1px;
}
.dkuform-horizontal-controls-full-width .control-group .control-label input:focus {
  border: 1px #31708f solid;
}
.dkuform-horizontal-controls-full-width .control-group .control-label input.ng-invalid-dataset-name-unique {
  border-color: #d53648;
}
.dkuform-horizontal-controls-full-width .control-group .control-label textarea {
  line-height: 14px;
  height: auto;
  padding: 4px 4px;
}
.dkuform-horizontal-controls-full-width .control-group .control-label a:hover {
  text-decoration: none;
}
.dkuform-horizontal-controls-full-width .control-group .control-label a:focus {
  outline: none;
}
.dkuform-horizontal-controls-full-width .control-group .control-label .alert {
  border-radius: 0;
}
.dkuform-horizontal-controls-full-width .control-group .control-label input[type="date"]::-webkit-clear-button {
  /* Removes the cross to clear */
  -webkit-appearance: none;
  margin: 0;
}
.dkuform-horizontal-controls-full-width .control-group .control-label.auto-width {
  width: auto;
  padding-right: 1em;
}
.dkuform-horizontal-controls-full-width .control-group .right-wall {
  width: 360px;
}
.dkuform-horizontal-controls-full-width .control-group .controls {
  margin-left: 0px;
  /* Color invalid dataset uniqueness issues, even when non dirty */
}
.dkuform-horizontal-controls-full-width .control-group .controls .help-inline,
.dkuform-horizontal-controls-full-width .control-group .controls .help-block {
  font-size: 0.8em;
}
.dkuform-horizontal-controls-full-width .control-group .controls .help-inline.multiline {
  display: inline;
}
.dkuform-horizontal-controls-full-width .control-group .controls label:not(.no-cascade) {
  font-size: 12px;
}
.dkuform-horizontal-controls-full-width .control-group .controls .checkbox-label {
  width: 206px;
}
.dkuform-horizontal-controls-full-width .control-group .controls .checkbox-label.checkbox-label--wide {
  width: 300px;
}
.dkuform-horizontal-controls-full-width .control-group .controls input[type=text],
.dkuform-horizontal-controls-full-width .control-group .controls input[type=number],
.dkuform-horizontal-controls-full-width .control-group .controls input[type=password],
.dkuform-horizontal-controls-full-width .control-group .controls select {
  width: 100%;
}
.dkuform-horizontal-controls-full-width .control-group .controls input[type=text].input-xlarge,
.dkuform-horizontal-controls-full-width .control-group .controls input[type=number].input-xlarge,
.dkuform-horizontal-controls-full-width .control-group .controls input[type=password].input-xlarge,
.dkuform-horizontal-controls-full-width .control-group .controls select.input-xlarge {
  width: 270px;
}
.dkuform-horizontal-controls-full-width .control-group .controls input[type=text].input-xxlarge,
.dkuform-horizontal-controls-full-width .control-group .controls input[type=number].input-xxlarge,
.dkuform-horizontal-controls-full-width .control-group .controls input[type=password].input-xxlarge,
.dkuform-horizontal-controls-full-width .control-group .controls select.input-xxlarge {
  width: 430px;
}
.dkuform-horizontal-controls-full-width .control-group .controls input[type=text].input-half-size,
.dkuform-horizontal-controls-full-width .control-group .controls input[type=number].input-half-size,
.dkuform-horizontal-controls-full-width .control-group .controls input[type=password].input-half-size,
.dkuform-horizontal-controls-full-width .control-group .controls select.input-half-size {
  width: 102px;
}
.dkuform-horizontal-controls-full-width .control-group .controls input[type=text].input-fit-content,
.dkuform-horizontal-controls-full-width .control-group .controls input[type=number].input-fit-content,
.dkuform-horizontal-controls-full-width .control-group .controls input[type=password].input-fit-content,
.dkuform-horizontal-controls-full-width .control-group .controls select.input-fit-content {
  width: fit-content;
  width: -moz-fit-content;
}
.dkuform-horizontal-controls-full-width .control-group .controls input[type=text].full-width {
  width: 100%;
}
.dkuform-horizontal-controls-full-width .control-group .controls .text-field-container {
  width: 100%;
}
.dkuform-horizontal-controls-full-width .control-group .controls .text-field-container .field-error-message {
  padding: 8px;
  box-sizing: border-box;
  width: 100%;
}
.dkuform-horizontal-controls-full-width .control-group .controls .text-field-container.input-xlarge {
  width: 270px;
}
.dkuform-horizontal-controls-full-width .control-group .controls .text-field-container.input-xxlarge {
  width: 430px;
}
.dkuform-horizontal-controls-full-width .control-group .controls .text-field-container.input-half-size {
  width: 102px;
}
.dkuform-horizontal-controls-full-width .control-group .controls .text-field-container.input-fit-content {
  width: fit-content;
  width: -moz-fit-content;
}
.dkuform-horizontal-controls-full-width .control-group .controls .bootstrap-select {
  width: 100%;
}
.dkuform-horizontal-controls-full-width .control-group .controls .bootstrap-select button {
  border-radius: 0;
  width: 100%;
}
.dkuform-horizontal-controls-full-width .control-group .controls .bootstrap-select button.input-half-size {
  width: 102px;
}
.dkuform-horizontal-controls-full-width .control-group .controls .bootstrap-select button:focus {
  outline: #ce1228;
}
.dkuform-horizontal-controls-full-width .control-group .controls .ng-select {
  --dku-ng-select-max-width: 100%;
}
.dkuform-horizontal-controls-full-width .control-group .controls input[type=text],
.dkuform-horizontal-controls-full-width .control-group .controls input[type=email],
.dkuform-horizontal-controls-full-width .control-group .controls input[type=url],
.dkuform-horizontal-controls-full-width .control-group .controls input[type=number],
.dkuform-horizontal-controls-full-width .control-group .controls input[type=date],
.dkuform-horizontal-controls-full-width .control-group .controls input[type=time],
.dkuform-horizontal-controls-full-width .control-group .controls input[type=datetime-local],
.dkuform-horizontal-controls-full-width .control-group .controls input[type=password],
.dkuform-horizontal-controls-full-width .control-group .controls textarea,
.dkuform-horizontal-controls-full-width .control-group .controls select,
.dkuform-horizontal-controls-full-width .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-controls-full-width .control-group .controls input[type=text]:focus,
.dkuform-horizontal-controls-full-width .control-group .controls input[type=email]:focus,
.dkuform-horizontal-controls-full-width .control-group .controls input[type=url]:focus,
.dkuform-horizontal-controls-full-width .control-group .controls input[type=number]:focus,
.dkuform-horizontal-controls-full-width .control-group .controls input[type=date]:focus,
.dkuform-horizontal-controls-full-width .control-group .controls input[type=time]:focus,
.dkuform-horizontal-controls-full-width .control-group .controls input[type=datetime-local]:focus,
.dkuform-horizontal-controls-full-width .control-group .controls input[type=password]:focus,
.dkuform-horizontal-controls-full-width .control-group .controls textarea:focus,
.dkuform-horizontal-controls-full-width .control-group .controls select:focus,
.dkuform-horizontal-controls-full-width .control-group .controls button.btn.selectpicker:focus,
.dkuform-horizontal-controls-full-width .control-group .controls input[type=text]:hover,
.dkuform-horizontal-controls-full-width .control-group .controls input[type=email]:hover,
.dkuform-horizontal-controls-full-width .control-group .controls input[type=url]:hover,
.dkuform-horizontal-controls-full-width .control-group .controls input[type=number]:hover,
.dkuform-horizontal-controls-full-width .control-group .controls input[type=date]:hover,
.dkuform-horizontal-controls-full-width .control-group .controls input[type=time]:hover,
.dkuform-horizontal-controls-full-width .control-group .controls input[type=datetime-local]:hover,
.dkuform-horizontal-controls-full-width .control-group .controls input[type=password]:hover,
.dkuform-horizontal-controls-full-width .control-group .controls textarea:hover,
.dkuform-horizontal-controls-full-width .control-group .controls select:hover,
.dkuform-horizontal-controls-full-width .control-group .controls button.btn.selectpicker:hover {
  color: #333333;
}
.dkuform-horizontal-controls-full-width .control-group .controls input[type=text]:focus,
.dkuform-horizontal-controls-full-width .control-group .controls input[type=email]:focus,
.dkuform-horizontal-controls-full-width .control-group .controls input[type=url]:focus,
.dkuform-horizontal-controls-full-width .control-group .controls input[type=number]:focus,
.dkuform-horizontal-controls-full-width .control-group .controls input[type=date]:focus,
.dkuform-horizontal-controls-full-width .control-group .controls input[type=time]:focus,
.dkuform-horizontal-controls-full-width .control-group .controls input[type=datetime-local]:focus,
.dkuform-horizontal-controls-full-width .control-group .controls input[type=password]:focus,
.dkuform-horizontal-controls-full-width .control-group .controls textarea:focus,
.dkuform-horizontal-controls-full-width .control-group .controls select:focus,
.dkuform-horizontal-controls-full-width .control-group .controls button.btn.selectpicker:focus {
  box-shadow: none;
  border: 1px solid #3b99fc;
}
.dkuform-horizontal-controls-full-width .control-group .controls input[type=text].ng-dirty.ng-invalid,
.dkuform-horizontal-controls-full-width .control-group .controls input[type=email].ng-dirty.ng-invalid,
.dkuform-horizontal-controls-full-width .control-group .controls input[type=url].ng-dirty.ng-invalid,
.dkuform-horizontal-controls-full-width .control-group .controls input[type=number].ng-dirty.ng-invalid,
.dkuform-horizontal-controls-full-width .control-group .controls input[type=date].ng-dirty.ng-invalid,
.dkuform-horizontal-controls-full-width .control-group .controls input[type=time].ng-dirty.ng-invalid,
.dkuform-horizontal-controls-full-width .control-group .controls input[type=datetime-local].ng-dirty.ng-invalid,
.dkuform-horizontal-controls-full-width .control-group .controls input[type=password].ng-dirty.ng-invalid,
.dkuform-horizontal-controls-full-width .control-group .controls textarea.ng-dirty.ng-invalid,
.dkuform-horizontal-controls-full-width .control-group .controls select.ng-dirty.ng-invalid,
.dkuform-horizontal-controls-full-width .control-group .controls button.btn.selectpicker.ng-dirty.ng-invalid {
  border: 1px solid #ce1228;
}
.dkuform-horizontal-controls-full-width .control-group .controls input[type=text].invalid-ignores-dirty.ng-invalid,
.dkuform-horizontal-controls-full-width .control-group .controls input[type=email].invalid-ignores-dirty.ng-invalid,
.dkuform-horizontal-controls-full-width .control-group .controls input[type=url].invalid-ignores-dirty.ng-invalid,
.dkuform-horizontal-controls-full-width .control-group .controls input[type=number].invalid-ignores-dirty.ng-invalid,
.dkuform-horizontal-controls-full-width .control-group .controls input[type=date].invalid-ignores-dirty.ng-invalid,
.dkuform-horizontal-controls-full-width .control-group .controls input[type=time].invalid-ignores-dirty.ng-invalid,
.dkuform-horizontal-controls-full-width .control-group .controls input[type=datetime-local].invalid-ignores-dirty.ng-invalid,
.dkuform-horizontal-controls-full-width .control-group .controls input[type=password].invalid-ignores-dirty.ng-invalid,
.dkuform-horizontal-controls-full-width .control-group .controls textarea.invalid-ignores-dirty.ng-invalid,
.dkuform-horizontal-controls-full-width .control-group .controls select.invalid-ignores-dirty.ng-invalid,
.dkuform-horizontal-controls-full-width .control-group .controls button.btn.selectpicker.invalid-ignores-dirty.ng-invalid,
.invalid-ignores-dirty .dkuform-horizontal-controls-full-width .control-group .controls input[type=text].ng-invalid,
.invalid-ignores-dirty .dkuform-horizontal-controls-full-width .control-group .controls input[type=email].ng-invalid,
.invalid-ignores-dirty .dkuform-horizontal-controls-full-width .control-group .controls input[type=url].ng-invalid,
.invalid-ignores-dirty .dkuform-horizontal-controls-full-width .control-group .controls input[type=number].ng-invalid,
.invalid-ignores-dirty .dkuform-horizontal-controls-full-width .control-group .controls input[type=date].ng-invalid,
.invalid-ignores-dirty .dkuform-horizontal-controls-full-width .control-group .controls input[type=time].ng-invalid,
.invalid-ignores-dirty .dkuform-horizontal-controls-full-width .control-group .controls input[type=datetime-local].ng-invalid,
.invalid-ignores-dirty .dkuform-horizontal-controls-full-width .control-group .controls input[type=password].ng-invalid,
.invalid-ignores-dirty .dkuform-horizontal-controls-full-width .control-group .controls textarea.ng-invalid,
.invalid-ignores-dirty .dkuform-horizontal-controls-full-width .control-group .controls select.ng-invalid,
.invalid-ignores-dirty .dkuform-horizontal-controls-full-width .control-group .controls button.btn.selectpicker.ng-invalid {
  border: 1px solid #ce1228;
}
.dkuform-horizontal-controls-full-width .control-group .controls button.btn.selectpicker {
  line-height: 16px;
  padding: 1px 20px 1px 4px;
  background-color: #ffffff;
}
.dkuform-horizontal-controls-full-width .control-group .controls button.btn.selectpicker:hover {
  background-color: #f2f2f2;
}
.dkuform-horizontal-controls-full-width .control-group .controls button.btn.selectpicker.none-selected-text .filter-option {
  color: var(--dku-select-placeholder-color, #999999);
}
.dkuform-horizontal-controls-full-width .control-group .controls button.btn.selectpicker.none-selected-text .filter-option::before {
  content: var(--dku-select-placeholder-emphasis--before, '- ');
}
.dkuform-horizontal-controls-full-width .control-group .controls button.btn.selectpicker.none-selected-text .filter-option::after {
  content: var(--dku-select-placeholder-emphasis--after, ' -');
}
.dkuform-horizontal-controls-full-width .control-group .controls button.btn.selectpicker.disabled.none-selected-text .filter-option {
  color: #cccccc;
}
.dkuform-horizontal-controls-full-width .control-group .controls button.btn.selectpicker.disabled {
  background-color: #f2f2f2;
}
.dkuform-horizontal-controls-full-width .control-group .controls button.btn.selectpicker.disabled:hover {
  background-color: #f2f2f2;
}
.dkuform-horizontal-controls-full-width .control-group .controls button.btn.selectpicker.disabled:focus {
  border: 1px #bbbbbb solid;
}
.dkuform-horizontal-controls-full-width .control-group .controls input[type=checkbox],
.dkuform-horizontal-controls-full-width .control-group .controls input[type=radio] {
  margin: 0 5px 0 0;
  float: none;
}
.dkuform-horizontal-controls-full-width .control-group .controls input[type=radio] {
  position: relative;
  top: -1px;
}
.dkuform-horizontal-controls-full-width .control-group .controls input:focus {
  border: 1px #31708f solid;
}
.dkuform-horizontal-controls-full-width .control-group .controls input.ng-invalid-dataset-name-unique {
  border-color: #d53648;
}
.dkuform-horizontal-controls-full-width .control-group .controls textarea {
  line-height: 14px;
  height: auto;
  padding: 4px 4px;
}
.dkuform-horizontal-controls-full-width .control-group .controls a:hover {
  text-decoration: none;
}
.dkuform-horizontal-controls-full-width .control-group .controls a:focus {
  outline: none;
}
.dkuform-horizontal-controls-full-width .control-group .controls .alert {
  border-radius: 0;
}
.dkuform-horizontal-controls-full-width .control-group .controls input[type="date"]::-webkit-clear-button {
  /* Removes the cross to clear */
  -webkit-appearance: none;
  margin: 0;
}
.dkuform-horizontal-controls-full-width .control-group .controls select {
  border-radius: 0;
  padding: 0 0.5em;
}
.dkuform-horizontal-controls-full-width .control-group .controls .fit {
  width: auto;
}
.dkuform-horizontal-controls-full-width .control-group .controls .bold {
  font-weight: bold;
}
.dkuform-horizontal-controls-full-width .control-group .controls .codemirror {
  border: 1px solid #dddddd;
}
.dkuform-horizontal-controls-full-width .control-group .controls .codemirror .CodeMirror {
  height: 100%;
}
.dkuform-horizontal-controls-full-width .control-group .controls .plain-text {
  font-family: 'SourceSansPro';
  font-weight: regular;
  font-size: 14px;
  color: #444444;
  line-height: 24px;
  height: 26px;
  padding: 0;
  margin: 0;
  text-align: left;
}
.dkuform-horizontal-controls-full-width .control-group .controls .plain-text.disabled {
  color: #999999;
}
.dkuform-horizontal-controls-full-width .control-group .controls .control-error-message {
  padding-top: 4px;
  color: #ce1228;
  font-size: 10px;
  line-height: 15px;
}
.dkuform-horizontal .flush-controls-left .controls {
  margin-left: 0px;
}
.dkuform-horizontal.dkuform-horizontal-wider .control-group .control-label:not(.no-cascade) {
  width: 240px;
}
.dkuform-horizontal.dkuform-horizontal-wider .control-group .controls:not(.no-cascade) {
  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:not(.no-cascade) {
  margin-bottom: 8px;
  margin-top: 8px;
}
.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=email],
.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=datetime-local],
.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=email]: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=datetime-local]: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=email]: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=datetime-local]: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=email]: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=datetime-local]: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=email].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=datetime-local].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 input[type=text].invalid-ignores-dirty.ng-invalid,
.dkuform-horizontal-tight-pdeps .control-group .control-label input[type=email].invalid-ignores-dirty.ng-invalid,
.dkuform-horizontal-tight-pdeps .control-group .control-label input[type=url].invalid-ignores-dirty.ng-invalid,
.dkuform-horizontal-tight-pdeps .control-group .control-label input[type=number].invalid-ignores-dirty.ng-invalid,
.dkuform-horizontal-tight-pdeps .control-group .control-label input[type=date].invalid-ignores-dirty.ng-invalid,
.dkuform-horizontal-tight-pdeps .control-group .control-label input[type=time].invalid-ignores-dirty.ng-invalid,
.dkuform-horizontal-tight-pdeps .control-group .control-label input[type=datetime-local].invalid-ignores-dirty.ng-invalid,
.dkuform-horizontal-tight-pdeps .control-group .control-label input[type=password].invalid-ignores-dirty.ng-invalid,
.dkuform-horizontal-tight-pdeps .control-group .control-label textarea.invalid-ignores-dirty.ng-invalid,
.dkuform-horizontal-tight-pdeps .control-group .control-label select.invalid-ignores-dirty.ng-invalid,
.dkuform-horizontal-tight-pdeps .control-group .control-label button.btn.selectpicker.invalid-ignores-dirty.ng-invalid,
.invalid-ignores-dirty .dkuform-horizontal-tight-pdeps .control-group .control-label input[type=text].ng-invalid,
.invalid-ignores-dirty .dkuform-horizontal-tight-pdeps .control-group .control-label input[type=email].ng-invalid,
.invalid-ignores-dirty .dkuform-horizontal-tight-pdeps .control-group .control-label input[type=url].ng-invalid,
.invalid-ignores-dirty .dkuform-horizontal-tight-pdeps .control-group .control-label input[type=number].ng-invalid,
.invalid-ignores-dirty .dkuform-horizontal-tight-pdeps .control-group .control-label input[type=date].ng-invalid,
.invalid-ignores-dirty .dkuform-horizontal-tight-pdeps .control-group .control-label input[type=time].ng-invalid,
.invalid-ignores-dirty .dkuform-horizontal-tight-pdeps .control-group .control-label input[type=datetime-local].ng-invalid,
.invalid-ignores-dirty .dkuform-horizontal-tight-pdeps .control-group .control-label input[type=password].ng-invalid,
.invalid-ignores-dirty .dkuform-horizontal-tight-pdeps .control-group .control-label textarea.ng-invalid,
.invalid-ignores-dirty .dkuform-horizontal-tight-pdeps .control-group .control-label select.ng-invalid,
.invalid-ignores-dirty .dkuform-horizontal-tight-pdeps .control-group .control-label button.btn.selectpicker.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 button.btn.selectpicker.none-selected-text .filter-option {
  color: var(--dku-select-placeholder-color, #999999);
}
.dkuform-horizontal-tight-pdeps .control-group .control-label button.btn.selectpicker.none-selected-text .filter-option::before {
  content: var(--dku-select-placeholder-emphasis--before, '- ');
}
.dkuform-horizontal-tight-pdeps .control-group .control-label button.btn.selectpicker.none-selected-text .filter-option::after {
  content: var(--dku-select-placeholder-emphasis--after, ' -');
}
.dkuform-horizontal-tight-pdeps .control-group .control-label button.btn.selectpicker.disabled.none-selected-text .filter-option {
  color: #cccccc;
}
.dkuform-horizontal-tight-pdeps .control-group .control-label button.btn.selectpicker.disabled {
  background-color: #f2f2f2;
}
.dkuform-horizontal-tight-pdeps .control-group .control-label button.btn.selectpicker.disabled:hover {
  background-color: #f2f2f2;
}
.dkuform-horizontal-tight-pdeps .control-group .control-label button.btn.selectpicker.disabled:focus {
  border: 1px #bbbbbb solid;
}
.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 {
  border-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 .control-label.auto-width {
  width: auto;
  padding-right: 1em;
}
.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 .help-inline.multiline {
  display: inline;
}
.dkuform-horizontal-tight-pdeps .control-group .controls label:not(.no-cascade) {
  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 input[type=password],
.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 input[type=password].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 input[type=password].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 input[type=password].input-half-size,
.dkuform-horizontal-tight-pdeps .control-group .controls select.input-half-size {
  width: 102px;
}
.dkuform-horizontal-tight-pdeps .control-group .controls input[type=text].input-fit-content,
.dkuform-horizontal-tight-pdeps .control-group .controls input[type=number].input-fit-content,
.dkuform-horizontal-tight-pdeps .control-group .controls input[type=password].input-fit-content,
.dkuform-horizontal-tight-pdeps .control-group .controls select.input-fit-content {
  width: fit-content;
  width: -moz-fit-content;
}
.dkuform-horizontal-tight-pdeps .control-group .controls input[type=text].full-width {
  width: 100%;
}
.dkuform-horizontal-tight-pdeps .control-group .controls .text-field-container {
  width: 206px;
}
.dkuform-horizontal-tight-pdeps .control-group .controls .text-field-container .field-error-message {
  padding: 8px;
  box-sizing: border-box;
  width: 100%;
}
.dkuform-horizontal-tight-pdeps .control-group .controls .text-field-container.input-xlarge {
  width: 270px;
}
.dkuform-horizontal-tight-pdeps .control-group .controls .text-field-container.input-xxlarge {
  width: 430px;
}
.dkuform-horizontal-tight-pdeps .control-group .controls .text-field-container.input-half-size {
  width: 102px;
}
.dkuform-horizontal-tight-pdeps .control-group .controls .text-field-container.input-fit-content {
  width: fit-content;
  width: -moz-fit-content;
}
.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 .ng-select {
  --dku-ng-select-max-width: 206px;
}
.dkuform-horizontal-tight-pdeps .control-group .controls input[type=text],
.dkuform-horizontal-tight-pdeps .control-group .controls input[type=email],
.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=datetime-local],
.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=email]: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=datetime-local]: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=email]: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=datetime-local]: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=email]: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=datetime-local]: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=email].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=datetime-local].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 input[type=text].invalid-ignores-dirty.ng-invalid,
.dkuform-horizontal-tight-pdeps .control-group .controls input[type=email].invalid-ignores-dirty.ng-invalid,
.dkuform-horizontal-tight-pdeps .control-group .controls input[type=url].invalid-ignores-dirty.ng-invalid,
.dkuform-horizontal-tight-pdeps .control-group .controls input[type=number].invalid-ignores-dirty.ng-invalid,
.dkuform-horizontal-tight-pdeps .control-group .controls input[type=date].invalid-ignores-dirty.ng-invalid,
.dkuform-horizontal-tight-pdeps .control-group .controls input[type=time].invalid-ignores-dirty.ng-invalid,
.dkuform-horizontal-tight-pdeps .control-group .controls input[type=datetime-local].invalid-ignores-dirty.ng-invalid,
.dkuform-horizontal-tight-pdeps .control-group .controls input[type=password].invalid-ignores-dirty.ng-invalid,
.dkuform-horizontal-tight-pdeps .control-group .controls textarea.invalid-ignores-dirty.ng-invalid,
.dkuform-horizontal-tight-pdeps .control-group .controls select.invalid-ignores-dirty.ng-invalid,
.dkuform-horizontal-tight-pdeps .control-group .controls button.btn.selectpicker.invalid-ignores-dirty.ng-invalid,
.invalid-ignores-dirty .dkuform-horizontal-tight-pdeps .control-group .controls input[type=text].ng-invalid,
.invalid-ignores-dirty .dkuform-horizontal-tight-pdeps .control-group .controls input[type=email].ng-invalid,
.invalid-ignores-dirty .dkuform-horizontal-tight-pdeps .control-group .controls input[type=url].ng-invalid,
.invalid-ignores-dirty .dkuform-horizontal-tight-pdeps .control-group .controls input[type=number].ng-invalid,
.invalid-ignores-dirty .dkuform-horizontal-tight-pdeps .control-group .controls input[type=date].ng-invalid,
.invalid-ignores-dirty .dkuform-horizontal-tight-pdeps .control-group .controls input[type=time].ng-invalid,
.invalid-ignores-dirty .dkuform-horizontal-tight-pdeps .control-group .controls input[type=datetime-local].ng-invalid,
.invalid-ignores-dirty .dkuform-horizontal-tight-pdeps .control-group .controls input[type=password].ng-invalid,
.invalid-ignores-dirty .dkuform-horizontal-tight-pdeps .control-group .controls textarea.ng-invalid,
.invalid-ignores-dirty .dkuform-horizontal-tight-pdeps .control-group .controls select.ng-invalid,
.invalid-ignores-dirty .dkuform-horizontal-tight-pdeps .control-group .controls button.btn.selectpicker.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 button.btn.selectpicker.none-selected-text .filter-option {
  color: var(--dku-select-placeholder-color, #999999);
}
.dkuform-horizontal-tight-pdeps .control-group .controls button.btn.selectpicker.none-selected-text .filter-option::before {
  content: var(--dku-select-placeholder-emphasis--before, '- ');
}
.dkuform-horizontal-tight-pdeps .control-group .controls button.btn.selectpicker.none-selected-text .filter-option::after {
  content: var(--dku-select-placeholder-emphasis--after, ' -');
}
.dkuform-horizontal-tight-pdeps .control-group .controls button.btn.selectpicker.disabled.none-selected-text .filter-option {
  color: #cccccc;
}
.dkuform-horizontal-tight-pdeps .control-group .controls button.btn.selectpicker.disabled {
  background-color: #f2f2f2;
}
.dkuform-horizontal-tight-pdeps .control-group .controls button.btn.selectpicker.disabled:hover {
  background-color: #f2f2f2;
}
.dkuform-horizontal-tight-pdeps .control-group .controls button.btn.selectpicker.disabled:focus {
  border: 1px #bbbbbb solid;
}
.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 {
  border-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 .controls .plain-text {
  font-family: 'SourceSansPro';
  font-weight: regular;
  font-size: 14px;
  color: #444444;
  line-height: 24px;
  height: 26px;
  padding: 0;
  margin: 0;
  text-align: left;
}
.dkuform-horizontal-tight-pdeps .control-group .controls .plain-text.disabled {
  color: #999999;
}
.dkuform-horizontal-tight-pdeps .control-group .controls .control-error-message {
  padding-top: 4px;
  color: #ce1228;
  font-size: 10px;
  line-height: 15px;
}
.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 .btn-as-select {
  width: 206px;
  text-align: left;
  font-weight: 400;
  text-transform: none;
}
.dkuform-horizontal .control-group .controls .form-element__object-list li:not(:first-child) {
  margin-top: 10px;
}
.dkuform-horizontal .control-group .controls .form-element__object-list li:first-child {
  margin-top: 0;
}
.dkuform-horizontal .control-group .controls .form-element__object-list li > div.flex {
  width: calc(68%);
}
.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=email],
.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=datetime-local],
.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=email]: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=datetime-local]: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=email]: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=datetime-local]: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=email]: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=datetime-local]: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=email].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=datetime-local].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 input[type=text].invalid-ignores-dirty.ng-invalid,
.dkuform-std-vertical input[type=email].invalid-ignores-dirty.ng-invalid,
.dkuform-std-vertical input[type=url].invalid-ignores-dirty.ng-invalid,
.dkuform-std-vertical input[type=number].invalid-ignores-dirty.ng-invalid,
.dkuform-std-vertical input[type=date].invalid-ignores-dirty.ng-invalid,
.dkuform-std-vertical input[type=time].invalid-ignores-dirty.ng-invalid,
.dkuform-std-vertical input[type=datetime-local].invalid-ignores-dirty.ng-invalid,
.dkuform-std-vertical input[type=password].invalid-ignores-dirty.ng-invalid,
.dkuform-std-vertical textarea.invalid-ignores-dirty.ng-invalid,
.dkuform-std-vertical select.invalid-ignores-dirty.ng-invalid,
.dkuform-std-vertical button.btn.selectpicker.invalid-ignores-dirty.ng-invalid,
.invalid-ignores-dirty .dkuform-std-vertical input[type=text].ng-invalid,
.invalid-ignores-dirty .dkuform-std-vertical input[type=email].ng-invalid,
.invalid-ignores-dirty .dkuform-std-vertical input[type=url].ng-invalid,
.invalid-ignores-dirty .dkuform-std-vertical input[type=number].ng-invalid,
.invalid-ignores-dirty .dkuform-std-vertical input[type=date].ng-invalid,
.invalid-ignores-dirty .dkuform-std-vertical input[type=time].ng-invalid,
.invalid-ignores-dirty .dkuform-std-vertical input[type=datetime-local].ng-invalid,
.invalid-ignores-dirty .dkuform-std-vertical input[type=password].ng-invalid,
.invalid-ignores-dirty .dkuform-std-vertical textarea.ng-invalid,
.invalid-ignores-dirty .dkuform-std-vertical select.ng-invalid,
.invalid-ignores-dirty .dkuform-std-vertical button.btn.selectpicker.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 button.btn.selectpicker.none-selected-text .filter-option {
  color: var(--dku-select-placeholder-color, #999999);
}
.dkuform-std-vertical button.btn.selectpicker.none-selected-text .filter-option::before {
  content: var(--dku-select-placeholder-emphasis--before, '- ');
}
.dkuform-std-vertical button.btn.selectpicker.none-selected-text .filter-option::after {
  content: var(--dku-select-placeholder-emphasis--after, ' -');
}
.dkuform-std-vertical button.btn.selectpicker.disabled.none-selected-text .filter-option {
  color: #cccccc;
}
.dkuform-std-vertical button.btn.selectpicker.disabled {
  background-color: #f2f2f2;
}
.dkuform-std-vertical button.btn.selectpicker.disabled:hover {
  background-color: #f2f2f2;
}
.dkuform-std-vertical button.btn.selectpicker.disabled:focus {
  border: 1px #bbbbbb solid;
}
.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 {
  border-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=email],
.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=datetime-local],
.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=email]: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=datetime-local]: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=email]: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=datetime-local]: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=email]: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=datetime-local]: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=email].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=datetime-local].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 input[type=text].invalid-ignores-dirty.ng-invalid,
.dkuform-vertical-larger input[type=email].invalid-ignores-dirty.ng-invalid,
.dkuform-vertical-larger input[type=url].invalid-ignores-dirty.ng-invalid,
.dkuform-vertical-larger input[type=number].invalid-ignores-dirty.ng-invalid,
.dkuform-vertical-larger input[type=date].invalid-ignores-dirty.ng-invalid,
.dkuform-vertical-larger input[type=time].invalid-ignores-dirty.ng-invalid,
.dkuform-vertical-larger input[type=datetime-local].invalid-ignores-dirty.ng-invalid,
.dkuform-vertical-larger input[type=password].invalid-ignores-dirty.ng-invalid,
.dkuform-vertical-larger textarea.invalid-ignores-dirty.ng-invalid,
.dkuform-vertical-larger select.invalid-ignores-dirty.ng-invalid,
.dkuform-vertical-larger button.btn.selectpicker.invalid-ignores-dirty.ng-invalid,
.invalid-ignores-dirty .dkuform-vertical-larger input[type=text].ng-invalid,
.invalid-ignores-dirty .dkuform-vertical-larger input[type=email].ng-invalid,
.invalid-ignores-dirty .dkuform-vertical-larger input[type=url].ng-invalid,
.invalid-ignores-dirty .dkuform-vertical-larger input[type=number].ng-invalid,
.invalid-ignores-dirty .dkuform-vertical-larger input[type=date].ng-invalid,
.invalid-ignores-dirty .dkuform-vertical-larger input[type=time].ng-invalid,
.invalid-ignores-dirty .dkuform-vertical-larger input[type=datetime-local].ng-invalid,
.invalid-ignores-dirty .dkuform-vertical-larger input[type=password].ng-invalid,
.invalid-ignores-dirty .dkuform-vertical-larger textarea.ng-invalid,
.invalid-ignores-dirty .dkuform-vertical-larger select.ng-invalid,
.invalid-ignores-dirty .dkuform-vertical-larger button.btn.selectpicker.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 button.btn.selectpicker.none-selected-text .filter-option {
  color: var(--dku-select-placeholder-color, #999999);
}
.dkuform-vertical-larger button.btn.selectpicker.none-selected-text .filter-option::before {
  content: var(--dku-select-placeholder-emphasis--before, '- ');
}
.dkuform-vertical-larger button.btn.selectpicker.none-selected-text .filter-option::after {
  content: var(--dku-select-placeholder-emphasis--after, ' -');
}
.dkuform-vertical-larger button.btn.selectpicker.disabled.none-selected-text .filter-option {
  color: #cccccc;
}
.dkuform-vertical-larger button.btn.selectpicker.disabled {
  background-color: #f2f2f2;
}
.dkuform-vertical-larger button.btn.selectpicker.disabled:hover {
  background-color: #f2f2f2;
}
.dkuform-vertical-larger button.btn.selectpicker.disabled:focus {
  border: 1px #bbbbbb solid;
}
.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 {
  border-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,
.dkuform-vertical-larger .control-group .ng-select,
.dkuform-vertical-larger .sub-control-group .ng-select {
  width: 100% !important;
  height: 30px;
}
.dkuform-vertical-larger .control-group .bootstrap-select button,
.dkuform-vertical-larger .sub-control-group .bootstrap-select button,
.dkuform-vertical-larger .control-group .ng-select button,
.dkuform-vertical-larger .sub-control-group .ng-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 label.control-label-multiline {
  height: auto;
}
.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=email],
.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=datetime-local],
.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=email]: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=datetime-local]: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=email]: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=datetime-local]: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=email]: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=datetime-local]: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=email].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=datetime-local].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 input[type=text].invalid-ignores-dirty.ng-invalid,
.dkuform-modal-horizontal input[type=email].invalid-ignores-dirty.ng-invalid,
.dkuform-modal-horizontal input[type=url].invalid-ignores-dirty.ng-invalid,
.dkuform-modal-horizontal input[type=number].invalid-ignores-dirty.ng-invalid,
.dkuform-modal-horizontal input[type=date].invalid-ignores-dirty.ng-invalid,
.dkuform-modal-horizontal input[type=time].invalid-ignores-dirty.ng-invalid,
.dkuform-modal-horizontal input[type=datetime-local].invalid-ignores-dirty.ng-invalid,
.dkuform-modal-horizontal input[type=password].invalid-ignores-dirty.ng-invalid,
.dkuform-modal-horizontal textarea.invalid-ignores-dirty.ng-invalid,
.dkuform-modal-horizontal select.invalid-ignores-dirty.ng-invalid,
.dkuform-modal-horizontal button.btn.selectpicker.invalid-ignores-dirty.ng-invalid,
.invalid-ignores-dirty .dkuform-modal-horizontal input[type=text].ng-invalid,
.invalid-ignores-dirty .dkuform-modal-horizontal input[type=email].ng-invalid,
.invalid-ignores-dirty .dkuform-modal-horizontal input[type=url].ng-invalid,
.invalid-ignores-dirty .dkuform-modal-horizontal input[type=number].ng-invalid,
.invalid-ignores-dirty .dkuform-modal-horizontal input[type=date].ng-invalid,
.invalid-ignores-dirty .dkuform-modal-horizontal input[type=time].ng-invalid,
.invalid-ignores-dirty .dkuform-modal-horizontal input[type=datetime-local].ng-invalid,
.invalid-ignores-dirty .dkuform-modal-horizontal input[type=password].ng-invalid,
.invalid-ignores-dirty .dkuform-modal-horizontal textarea.ng-invalid,
.invalid-ignores-dirty .dkuform-modal-horizontal select.ng-invalid,
.invalid-ignores-dirty .dkuform-modal-horizontal button.btn.selectpicker.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 button.btn.selectpicker.none-selected-text .filter-option {
  color: var(--dku-select-placeholder-color, #999999);
}
.dkuform-modal-horizontal button.btn.selectpicker.none-selected-text .filter-option::before {
  content: var(--dku-select-placeholder-emphasis--before, '- ');
}
.dkuform-modal-horizontal button.btn.selectpicker.none-selected-text .filter-option::after {
  content: var(--dku-select-placeholder-emphasis--after, ' -');
}
.dkuform-modal-horizontal button.btn.selectpicker.disabled.none-selected-text .filter-option {
  color: #cccccc;
}
.dkuform-modal-horizontal button.btn.selectpicker.disabled {
  background-color: #f2f2f2;
}
.dkuform-modal-horizontal button.btn.selectpicker.disabled:hover {
  background-color: #f2f2f2;
}
.dkuform-modal-horizontal button.btn.selectpicker.disabled:focus {
  border: 1px #bbbbbb solid;
}
.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 {
  border-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,
.dkuform-modal-horizontal .ng-select {
  width: 206px;
}
.dkuform-modal-horizontal .bootstrap-select.bootstrap-select.bootstrap-select.bootstrap-select.bootstrap-select.input-xlarge,
.dkuform-modal-horizontal .ng-select.input-xlarge {
  width: 270px;
}
.dkuform-modal-horizontal .bootstrap-select.bootstrap-select.bootstrap-select.bootstrap-select.bootstrap-select.input-xxlarge,
.dkuform-modal-horizontal .ng-select.input-xxlarge {
  width: 430px;
}
.dkuform-modal-horizontal .bootstrap-select.bootstrap-select.bootstrap-select.bootstrap-select.bootstrap-select.input-half-size,
.dkuform-modal-horizontal .ng-select.input-half-size {
  width: 102px;
}
.dkuform-modal-horizontal .bootstrap-select.bootstrap-select.bootstrap-select.bootstrap-select.bootstrap-select.input-fit-content,
.dkuform-modal-horizontal .ng-select.input-fit-content {
  width: fit-content;
  width: -moz-fit-content;
}
.dkuform-modal-horizontal .double-select .bootstrap-select.bootstrap-select.bootstrap-select.bootstrap-select.bootstrap-select,
.dkuform-modal-horizontal .double-select .ng-select {
  width: 176px;
}
.dkuform-modal-horizontal input[type=file] {
  padding-top: 4px;
  height: 24px;
  line-height: initial;
}
.dkuform-modal-horizontal .help-inline {
  color: #666666;
  font-size: 12px;
  width: 230px;
}
.dkuform-modal-horizontal .help-inline.help-inline--fit-content {
  width: fit-content;
  width: -moz-fit-content;
}
.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-horizontal .control-error-message {
  padding-top: 4px;
  color: #ce1228;
  font-size: 10px;
  line-height: 15px;
}
.dkuform-modal-horizontal .control-error-message.help-inline {
  padding-top: 0;
  padding-left: 8px;
  line-height: 13px;
}
.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=email],
.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=datetime-local],
.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=email]: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=datetime-local]: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=email]: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=datetime-local]: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=email]: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=datetime-local]: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=email].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=datetime-local].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 input[type=text].invalid-ignores-dirty.ng-invalid,
.dkuform-modal-vertical input[type=email].invalid-ignores-dirty.ng-invalid,
.dkuform-modal-vertical input[type=url].invalid-ignores-dirty.ng-invalid,
.dkuform-modal-vertical input[type=number].invalid-ignores-dirty.ng-invalid,
.dkuform-modal-vertical input[type=date].invalid-ignores-dirty.ng-invalid,
.dkuform-modal-vertical input[type=time].invalid-ignores-dirty.ng-invalid,
.dkuform-modal-vertical input[type=datetime-local].invalid-ignores-dirty.ng-invalid,
.dkuform-modal-vertical input[type=password].invalid-ignores-dirty.ng-invalid,
.dkuform-modal-vertical textarea.invalid-ignores-dirty.ng-invalid,
.dkuform-modal-vertical select.invalid-ignores-dirty.ng-invalid,
.dkuform-modal-vertical button.btn.selectpicker.invalid-ignores-dirty.ng-invalid,
.invalid-ignores-dirty .dkuform-modal-vertical input[type=text].ng-invalid,
.invalid-ignores-dirty .dkuform-modal-vertical input[type=email].ng-invalid,
.invalid-ignores-dirty .dkuform-modal-vertical input[type=url].ng-invalid,
.invalid-ignores-dirty .dkuform-modal-vertical input[type=number].ng-invalid,
.invalid-ignores-dirty .dkuform-modal-vertical input[type=date].ng-invalid,
.invalid-ignores-dirty .dkuform-modal-vertical input[type=time].ng-invalid,
.invalid-ignores-dirty .dkuform-modal-vertical input[type=datetime-local].ng-invalid,
.invalid-ignores-dirty .dkuform-modal-vertical input[type=password].ng-invalid,
.invalid-ignores-dirty .dkuform-modal-vertical textarea.ng-invalid,
.invalid-ignores-dirty .dkuform-modal-vertical select.ng-invalid,
.invalid-ignores-dirty .dkuform-modal-vertical button.btn.selectpicker.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 button.btn.selectpicker.none-selected-text .filter-option {
  color: var(--dku-select-placeholder-color, #999999);
}
.dkuform-modal-vertical button.btn.selectpicker.none-selected-text .filter-option::before {
  content: var(--dku-select-placeholder-emphasis--before, '- ');
}
.dkuform-modal-vertical button.btn.selectpicker.none-selected-text .filter-option::after {
  content: var(--dku-select-placeholder-emphasis--after, ' -');
}
.dkuform-modal-vertical button.btn.selectpicker.disabled.none-selected-text .filter-option {
  color: #cccccc;
}
.dkuform-modal-vertical button.btn.selectpicker.disabled {
  background-color: #f2f2f2;
}
.dkuform-modal-vertical button.btn.selectpicker.disabled:hover {
  background-color: #f2f2f2;
}
.dkuform-modal-vertical button.btn.selectpicker.disabled:focus {
  border: 1px #bbbbbb solid;
}
.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 {
  border-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: 'SourceSansPro';
  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:hover input + *:before {
  background: #999999;
}
.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.dku-toggle.dku-toggle--yes-no input + *:before {
  content: "NO";
}
.dku-toggle.dku-toggle.dku-toggle--yes-no input:checked + *:before {
  content: "YES";
}
.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-toggle-mini.dku-toggle-mini.dku-toggle-mini input + *:before {
  height: 16px;
  width: 32px;
}
.dku-toggle-mini.dku-toggle-mini.dku-toggle-mini input + *:after {
  height: 14px;
  width: 14px;
}
.dku-toggle-mini.dku-toggle-mini.dku-toggle-mini input + * {
  height: 16px;
  width: 32px;
}
.dku-toggle-mini.dku-toggle-mini.dku-toggle-mini input:checked + *:after {
  left: 17px;
}
.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: #76b8fd;
  color: #ffffff;
}
.dku-labelled-toggle input:checked + * {
  background-color: #3b99fc;
  color: #ffffff;
}
.dku-labelled-toggle input:checked + *:hover {
  background-color: #76b8fd;
}
.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;
}
input.in-place-edit-subtle {
  margin: 0 !important;
  box-shadow: none !important;
}
input.in-place-edit-subtle:disabled {
  background-color: #f2f2f2;
}
input.editable-project-summary__project-title-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;
  box-shadow: none !important;
  position: relative;
  top: -1px;
}
input.editable-project-summary__project-title-edit:not(:focus) {
  border-color: #dddddd;
}
input.editable-project-summary__project-title-edit:not(:focus):hover {
  border-color: #dddddd;
}
.afg-recipe .afg-edit-width {
  width: 85%;
  max-width: 85%;
}
.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;
}
.dku-select-button.none-selected-text .filter-option {
  color: var(--dku-select-placeholder-color, #999999);
}
.dku-select-button.none-selected-text .filter-option::before {
  content: var(--dku-select-placeholder-emphasis--before, '- ');
}
.dku-select-button.none-selected-text .filter-option::after {
  content: var(--dku-select-placeholder-emphasis--after, ' -');
}
.dku-select-button.disabled.none-selected-text .filter-option {
  color: #cccccc;
}
.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;
}
.bootstrap-select-searchbox input[type=text].invalid-ignores-dirty.ng-invalid,
.invalid-ignores-dirty .bootstrap-select-searchbox input[type=text].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;
  cursor: default;
}
.mx-selector-item {
  border: 1px solid #dddddd;
  padding: 5px;
  margin: 8px 10px;
}
.mx-selector-item:not(.selectable):not(.hoverable) {
  color: #cccccc;
}
.mx-selector-item:not(.selectable):not(.hoverable) img {
  opacity: .25;
}
.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):not(.icon-trash):not([class*="dku-icon-trash-"]):not(.illustration):not('.selector-item__icon--has-color') {
  color: #666666;
}
.mx-selector-item .selection-indicator {
  display: inline-block;
  width: 20px;
  max-height: 20px;
  text-align: center;
}
.mx-selector-item .selection-indicator i {
  color: #3b99fc;
}
.mx-selector-item .selectable-item__icon {
  display: inline-block;
  width: 20px;
  text-align: center;
  color: #cccccc;
}
.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):not(.hoverable),
.selectable-items-list-h50 .selectable-item:not(.selectable):not(.hoverable) {
  color: #cccccc;
}
.selectable-items-list .selectable-item:not(.selectable):not(.hoverable) img,
.selectable-items-list-h50 .selectable-item:not(.selectable):not(.hoverable) img {
  opacity: .25;
}
.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):not(.icon-trash):not([class*="dku-icon-trash-"]):not(.illustration):not('.selector-item__icon--has-color'),
.selectable-items-list-h50 .selectable-item i:not(.universe-color):not(.icon-trash):not([class*="dku-icon-trash-"]):not(.illustration):not('.selector-item__icon--has-color') {
  color: #666666;
}
.selectable-items-list .selectable-item .selection-indicator,
.selectable-items-list-h50 .selectable-item .selection-indicator {
  display: inline-block;
  width: 20px;
  max-height: 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__icon,
.selectable-items-list-h50 .selectable-item .selectable-item__icon {
  display: inline-block;
  width: 20px;
  text-align: center;
  color: #cccccc;
}
.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):not(.hoverable) {
  color: #cccccc;
}
.big-click-zone-inline:not(.selectable):not(.hoverable) img {
  opacity: .25;
}
.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):not(.icon-trash):not([class*="dku-icon-trash-"]):not(.illustration):not('.selector-item__icon--has-color') {
  color: #666666;
}
.big-click-zone-inline .selection-indicator {
  display: inline-block;
  width: 20px;
  max-height: 20px;
  text-align: center;
}
.big-click-zone-inline .selection-indicator i {
  color: #3b99fc;
}
.big-click-zone-inline .selectable-item__icon {
  display: inline-block;
  width: 20px;
  text-align: center;
  color: #cccccc;
}
.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=email],
.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=datetime-local],
.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=email]: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=datetime-local]: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=email]: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=datetime-local]: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=email]: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=datetime-local]: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=email].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=datetime-local].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 input[type=text].invalid-ignores-dirty.ng-invalid,
.dku-right-col-form input[type=email].invalid-ignores-dirty.ng-invalid,
.dku-right-col-form input[type=url].invalid-ignores-dirty.ng-invalid,
.dku-right-col-form input[type=number].invalid-ignores-dirty.ng-invalid,
.dku-right-col-form input[type=date].invalid-ignores-dirty.ng-invalid,
.dku-right-col-form input[type=time].invalid-ignores-dirty.ng-invalid,
.dku-right-col-form input[type=datetime-local].invalid-ignores-dirty.ng-invalid,
.dku-right-col-form input[type=password].invalid-ignores-dirty.ng-invalid,
.dku-right-col-form textarea.invalid-ignores-dirty.ng-invalid,
.dku-right-col-form select.invalid-ignores-dirty.ng-invalid,
.dku-right-col-form button.btn.selectpicker.invalid-ignores-dirty.ng-invalid,
.invalid-ignores-dirty .dku-right-col-form input[type=text].ng-invalid,
.invalid-ignores-dirty .dku-right-col-form input[type=email].ng-invalid,
.invalid-ignores-dirty .dku-right-col-form input[type=url].ng-invalid,
.invalid-ignores-dirty .dku-right-col-form input[type=number].ng-invalid,
.invalid-ignores-dirty .dku-right-col-form input[type=date].ng-invalid,
.invalid-ignores-dirty .dku-right-col-form input[type=time].ng-invalid,
.invalid-ignores-dirty .dku-right-col-form input[type=datetime-local].ng-invalid,
.invalid-ignores-dirty .dku-right-col-form input[type=password].ng-invalid,
.invalid-ignores-dirty .dku-right-col-form textarea.ng-invalid,
.invalid-ignores-dirty .dku-right-col-form select.ng-invalid,
.invalid-ignores-dirty .dku-right-col-form button.btn.selectpicker.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 button.btn.selectpicker.none-selected-text .filter-option {
  color: var(--dku-select-placeholder-color, #999999);
}
.dku-right-col-form button.btn.selectpicker.none-selected-text .filter-option::before {
  content: var(--dku-select-placeholder-emphasis--before, '- ');
}
.dku-right-col-form button.btn.selectpicker.none-selected-text .filter-option::after {
  content: var(--dku-select-placeholder-emphasis--after, ' -');
}
.dku-right-col-form button.btn.selectpicker.disabled.none-selected-text .filter-option {
  color: #cccccc;
}
.dku-right-col-form button.btn.selectpicker.disabled {
  background-color: #f2f2f2;
}
.dku-right-col-form button.btn.selectpicker.disabled:hover {
  background-color: #f2f2f2;
}
.dku-right-col-form button.btn.selectpicker.disabled:focus {
  border: 1px #bbbbbb solid;
}
.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 {
  border-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 .legend-placement-options {
  margin-left: 22px;
  margin-bottom: 8px;
}
.dku-right-col-form .control-group .insight-legend-in-sidebar-info {
  display: flex;
  vertical-align: middle;
}
.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;
}
input.simple-styled-input.invalid-ignores-dirty.ng-invalid,
.invalid-ignores-dirty input.simple-styled-input.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 input.invalid-ignores-dirty.ng-invalid,
.invalid-ignores-dirty .dku-search-input input.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.invalid-ignores-dirty.ng-invalid,
.invalid-ignores-dirty .dku-editable-text > input.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):not(.hoverable) {
  color: #cccccc;
}
.dku-horizontal-selector-list > .item:not(.selectable):not(.hoverable) img {
  opacity: .25;
}
.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):not(.icon-trash):not([class*="dku-icon-trash-"]):not(.illustration):not('.selector-item__icon--has-color') {
  color: #666666;
}
.dku-horizontal-selector-list > .item .selection-indicator {
  display: inline-block;
  width: 20px;
  max-height: 20px;
  text-align: center;
}
.dku-horizontal-selector-list > .item .selection-indicator i {
  color: #3b99fc;
}
.dku-horizontal-selector-list > .item .selectable-item__icon {
  display: inline-block;
  width: 20px;
  text-align: center;
  color: #cccccc;
}
.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):not(.hoverable) {
  color: #cccccc;
}
.dku-block-selector-list > .item:not(.selectable):not(.hoverable) img {
  opacity: .25;
}
.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):not(.icon-trash):not([class*="dku-icon-trash-"]):not(.illustration):not('.selector-item__icon--has-color') {
  color: #666666;
}
.dku-block-selector-list > .item .selection-indicator {
  display: inline-block;
  width: 20px;
  max-height: 20px;
  text-align: center;
}
.dku-block-selector-list > .item .selection-indicator i {
  color: #3b99fc;
}
.dku-block-selector-list > .item .selectable-item__icon {
  display: inline-block;
  width: 20px;
  text-align: center;
  color: #cccccc;
}
.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=email],
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=datetime-local],
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=email]: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=datetime-local]: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=email]: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=datetime-local]: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=email]: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=datetime-local]: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=email].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=datetime-local].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 input[type=text].invalid-ignores-dirty.ng-invalid,
label.chameleon-text-input input[type=email].invalid-ignores-dirty.ng-invalid,
label.chameleon-text-input input[type=url].invalid-ignores-dirty.ng-invalid,
label.chameleon-text-input input[type=number].invalid-ignores-dirty.ng-invalid,
label.chameleon-text-input input[type=date].invalid-ignores-dirty.ng-invalid,
label.chameleon-text-input input[type=time].invalid-ignores-dirty.ng-invalid,
label.chameleon-text-input input[type=datetime-local].invalid-ignores-dirty.ng-invalid,
label.chameleon-text-input input[type=password].invalid-ignores-dirty.ng-invalid,
label.chameleon-text-input textarea.invalid-ignores-dirty.ng-invalid,
label.chameleon-text-input select.invalid-ignores-dirty.ng-invalid,
label.chameleon-text-input button.btn.selectpicker.invalid-ignores-dirty.ng-invalid,
.invalid-ignores-dirty label.chameleon-text-input input[type=text].ng-invalid,
.invalid-ignores-dirty label.chameleon-text-input input[type=email].ng-invalid,
.invalid-ignores-dirty label.chameleon-text-input input[type=url].ng-invalid,
.invalid-ignores-dirty label.chameleon-text-input input[type=number].ng-invalid,
.invalid-ignores-dirty label.chameleon-text-input input[type=date].ng-invalid,
.invalid-ignores-dirty label.chameleon-text-input input[type=time].ng-invalid,
.invalid-ignores-dirty label.chameleon-text-input input[type=datetime-local].ng-invalid,
.invalid-ignores-dirty label.chameleon-text-input input[type=password].ng-invalid,
.invalid-ignores-dirty label.chameleon-text-input textarea.ng-invalid,
.invalid-ignores-dirty label.chameleon-text-input select.ng-invalid,
.invalid-ignores-dirty label.chameleon-text-input button.btn.selectpicker.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 button.btn.selectpicker.none-selected-text .filter-option {
  color: var(--dku-select-placeholder-color, #999999);
}
label.chameleon-text-input button.btn.selectpicker.none-selected-text .filter-option::before {
  content: var(--dku-select-placeholder-emphasis--before, '- ');
}
label.chameleon-text-input button.btn.selectpicker.none-selected-text .filter-option::after {
  content: var(--dku-select-placeholder-emphasis--after, ' -');
}
label.chameleon-text-input button.btn.selectpicker.disabled.none-selected-text .filter-option {
  color: #cccccc;
}
label.chameleon-text-input button.btn.selectpicker.disabled {
  background-color: #f2f2f2;
}
label.chameleon-text-input button.btn.selectpicker.disabled:hover {
  background-color: #f2f2f2;
}
label.chameleon-text-input button.btn.selectpicker.disabled:focus {
  border: 1px #bbbbbb solid;
}
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 {
  border-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,
button.button--git-action i[class*='dku-icon-'] {
  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;
}
.auto-config-form-list-item {
  line-height: 26px;
  padding: 0 15px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  list-style: none;
}
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.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: 100%;
}
.dropdown-menu {
  max-width: 500px;
}
.dropdown-menu.wide {
  max-width: 700px;
}
.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;
  pointer-events: none;
}
.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-icon--git-import {
  color: black;
}
.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;
}
.dropdown-hover__menu {
  display: none;
}
.dropdown-hover:hover .dropdown-hover__menu {
  display: block;
  padding-top: 8px;
  position: absolute;
}
.dropdown-hover:hover .dropdown-hover__menu.pull-right {
  right: 0;
  left: auto;
}
.dropdown-hover:hover .dropdown-menu {
  display: block;
  margin-top: -1px;
}
/****************************
 * 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 .future-box__abort.future-box__abort.future-box__abort.future-box__abort {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  bottom: 15px;
  background-color: #ce1228;
}
.waiting--embedded {
  position: absolute;
}
.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: flex;
  flex-direction: column;
  align-items: center;
  word-break: break-word;
  line-height: 18px;
}
.waiting__message-text-content {
  display: -webkit-box;
  -webkit-line-clamp: 5;
  -webkit-box-orient: vertical;
  overflow: hidden;
  font-weight: 600;
}
@keyframes rotate {
  100% {
    transform: rotate(360deg);
  }
}
/****************************
 * Future modal
 ****************************/
.future-progress-modal .running-time {
  font-size: 13px;
  color: #bbbbbb;
}
.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;
}
.modal-container--from-angular ~ .dss-object-selector-popover {
  z-index: 4003;
}
.dss-object-selector-popover {
  z-index: 4001;
  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%;
  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;
  min-height: 40px;
  display: flex;
  align-items: center;
}
.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 {
  flex: 1 1 0;
  min-width: 0;
  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 .dss-object-selector__item-label {
  display: block;
  width: 100%;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.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 {
  flex: 0 0 32px;
  font-size: 21px;
}
.dss-object-selector-popover .list-zone .dss-object-selector__items .dss-object-selector__item .dss-object-selector__item-selection {
  flex: 0 0 24px;
  font-size: 12px;
}
.dss-object-selector__header {
  position: sticky;
  top: 0;
  z-index: 1;
}
.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;
}
.tabs-with-icon .title {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 32px;
  gap: 8px;
}
.tabs-with-icon .title > .dku-fw500-width::after {
  display: none;
}
/****************************
 * 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;
}
.color-dot {
  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;
}
.color-dot.selected {
  border-color: #dddddd;
}
.color-dot:hover {
  border: 3px solid #f2f2f2;
  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;
}
.avatar-fit {
  background-size: cover;
  width: 100%;
  height: 100%;
  border-radius: 50%;
}
.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
 ******************************/
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-repeat--with-horizontal-scroll .fattable-body-container {
  margin-bottom: 0;
}
.fat-repeat--with-horizontal-scroll .fattable-h-scrollbar {
  visibility: visible;
}
[fat-table] {
  position: relative;
}
[fat-table] .fattable-viewport > div {
  padding: 0px;
}
.fat-repeat-pending-row p {
  color: transparent;
  text-shadow: 0 0 5px #cccccc;
}
.fat-repeat-pending-row .type-icon {
  filter: blur(2px);
}
/******************************
 * Date range picker
 ******************************/
.daterangepicker:before,
.daterangepicker:after {
  display: none !important;
}
.daterangepicker.dropdown-menu {
  border-radius: 0 !important;
  z-index: 4003 !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;
}
/******************************
 * Inline date range picker
 ******************************/
.inline-date-range-picker fieldset {
  min-width: 0;
}
.inline-date-range-picker .inline-date-range-picker__row {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: 4px;
  max-width: 220px;
}
.inline-date-range-picker .inline-date-range-picker__date {
  flex: 1 0 96px;
  max-width: 111px;
}
.inline-date-range-picker .inline-date-range-picker__time {
  flex: 1 0 90px;
  max-width: 111px;
}
.inline-date-range-picker.inline-date-range-picker--big-inputs .inline-date-range-picker__date {
  min-width: 106px;
}
.inline-date-range-picker.inline-date-range-picker--big-inputs .inline-date-range-picker__time {
  min-width: 96px;
}
/******************************
 * Selects with popups
 ******************************/
.select-with-descriptions.select-with-descriptions--small div.dropdown-menu {
  overflow: auto !important;
}
.select-with-descriptions.select-with-descriptions--small div.dropdown-menu ul.dku-bs-select-options-descriptions-listlayout {
  width: 250px;
  margin: 0;
}
.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-descriptions div.dropdown-menu ul.dku-bs-select-options-descriptions-listlayout .description--clamped-lines-4 {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 4;
  white-space: preserve-breaks;
}
.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%;
  height: 100%;
  padding: 0;
  background-color: transparent;
  pointer-events: none;
}
.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: 8px;
}
.code-snippet-editor-wrapper .editor-wrapper .code-sample-selector .sample-search .tag-filter .tag-list-toggler {
  height: 26px;
  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: flex;
  align-items: center;
  border-right: 1px solid #dddddd;
  padding: 4px;
  background: #f2f2f2;
  color: #666666;
}
.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;
  box-sizing: border-box;
  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%;
  margin-right: -1px;
  background: #f2f2f2 none repeat scroll 0% 0%;
  border: 1px solid #dddddd;
  top: 0;
  width: 150%;
  max-height: 90%;
  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 .code-sample-selector__content {
  background-color: #ffffff;
  border: 1px solid #dddddd;
  box-shadow: -5px 5px 10px 0px rgba(34, 34, 34, 0.2);
  display: flex;
  flex-direction: column;
  max-height: 90%;
  pointer-events: auto;
}
.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: 14px;
}
.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 {
  display: flex;
  margin: 0 8px 0 0;
}
.datasets-explorer .actions > * {
  margin-inline-start: 0 !important;
}
.datasets-explorer .actions > * + * {
  margin-inline-start: 4px !important;
}
.datasets-explorer .actions .children-horizontal-spacing-exception + * {
  margin-block-start: 0 !important;
}
.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 .computable-id {
  padding-left: 22px;
  font-weight: 400;
  color: #999999;
}
.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: 8px;
  color: #bbbbbb;
  font-size: 11px;
  display: inline-flex;
  vertical-align: middle;
}
.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 {
  /* 250px - width of the left pane
            spacing-7x = spacing-2x (margin-right) + spacing-2x (margin-left) + spacing (padding left) + spacing-2x (padding right)
            2 = 1px (border-left) + 1px (border right)
            */
  width: calc(192px);
  padding: 0 16px 0 8px;
}
.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 {
  /* 250px - width of the left pane
            spacing-7x = spacing-2x (margin-right) + spacing-2x (margin-left) + spacing (padding left) + spacing-2x (padding right)
            2 = 1px (border-left) + 1px (border right)
            */
  width: calc(192px);
  padding: 0 16px 0 8px;
}
.std-list-search-box--inline-block {
  display: inline-block;
}
basic-search-box {
  position: relative;
  min-width: 0;
  width: calc(var(--basic-search-box-input-width, 272px) + 25px);
  height: 26px;
  display: flex;
  align-items: stretch;
}
basic-search-box .basic-search-box__addon-icon {
  border: 1px solid #dddddd;
  border-right: 0;
  flex: 0 0 24px;
  display: flex;
  justify-content: center;
  align-items: center;
  background: #f2f2f2;
  color: #666666;
}
basic-search-box input.basic-search-box__input {
  margin: 0;
  box-sizing: border-box;
  height: 26px;
  min-width: 0;
  flex: 1 1 272px;
  border: 1px solid #dddddd;
  box-shadow: none;
  font-size: 13px;
  color: #222222;
}
basic-search-box input.basic-search-box__input:focus {
  border: 1px solid #3b99fc;
  box-shadow: none;
}
basic-search-box i.dku-icon-dismiss-16 {
  line-height: 16px;
  position: absolute;
  right: 5px;
  top: 5px;
  color: #dddddd;
  cursor: pointer;
}
.std-list-sort-box {
  font-size: 0;
  white-space: nowrap;
  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;
  white-space: nowrap;
  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,
.access-level-widget button {
  width: 140px;
  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,
.access-level-widget .nb-selected-elements,
.manage-items-widget .clear-filters-btn,
.access-level-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;
}
.project-status-list-popover ul:not(.selectpicker) {
  overflow-y: auto;
}
.project-status-list-popover ul:not(.selectpicker) li:not(.divider):not(.dropdown-submenu):not(.nav-header) {
  padding: 8px 32px;
  display: flex;
}
.project-status-list-popover ul: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;
}
/******************************
 * 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 {
  font-weight: 500;
}
.contributors-list-popover .contributor-login {
  color: #666666;
}
.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 8px 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;
}
/******************************
 * Access Level List
 ******************************/
.access-level-list-popover {
  padding: 0;
}
.access-level-list-popover ul {
  list-style: none;
  margin: 0;
  padding: 0;
}
.access-level-list-popover ul li {
  padding: 7px 10px;
  cursor: pointer;
  position: relative;
}
.access-level-list-popover ul li:hover {
  background: #f2f2f2;
}
.access-level-list-popover ul {
  overflow: auto;
}
.access-level-list-popover ul li {
  padding: 8px 32px;
  display: flex;
}
.access-level-list-popover ul li.selected::before {
  content: "\f00c";
  font-family: FontAwesome;
  position: absolute;
  top: 0;
  left: 16px;
  height: 100%;
  display: flex;
  align-items: center;
}
.access-level-list-popover ul li .access-level-title {
  color: #666666;
}
/******************************
 * 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: 4004;
}
/* 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;
}
.flex-no-expand {
  -webkit-flex: 0 1 auto;
  -moz-flex: 0 1 auto;
  flex: 0 1 auto;
}
.bootstrap-select.btn-group .btn.selectpicker[title-prefix] {
  display: inline-flex;
  gap: 4px;
}
.bootstrap-select.btn-group .btn.selectpicker[title-prefix]:before {
  flex: 0 0 auto;
  content: attr(title-prefix) ":";
  color: #666666;
  align-self: center;
}
.bootstrap-select.btn-group .btn.selectpicker[title-prefix] .filter-option {
  flex: 1 1 auto;
  width: initial;
  float: none;
  text-overflow: ellipsis;
  align-self: center;
}
.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-recipe-menu .divider {
  margin: 4px 1px;
}
.new-recipe-menu__container {
  margin: 0;
}
.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;
}
.new-streaming-endpoint-menu__container {
  margin: 0;
}
.dropdown-menu.dropdown-menu--dku-icon li:not(.dropdown-submenu) a:not(.noflex) {
  display: flex;
  align-items: center;
}
.dropup .dropdown-menu.new-dataset-menu,
.dropdown .dropdown-menu.new-dataset-menu,
.dropup .dropdown-menu.new-recipe-menu,
.dropdown .dropdown-menu.new-recipe-menu,
.dropup .dropdown-menu.new-streaming-endpoint-menu,
.dropdown .dropdown-menu.new-streaming-endpoint-menu {
  min-width: 220px;
  max-height: 80vh;
  box-shadow: none;
}
.dropup .dropdown-menu.new-menu--preview {
  max-height: 400px;
}
.add-probe-button .dropdown-menu.new-dataset-menu {
  bottom: 100%;
  width: auto;
}
.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-left: 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 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;
  margin: 8px 0 40px;
}
.ngrs-range-slider.ngrs-range-slider .ngrs-runner {
  position: relative;
  height: 10px;
  padding: 0;
  margin: 0;
  margin-left: 5px;
}
.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 {
  vertical-align: middle;
}
.ngrs-range-slider.ngrs-range-slider .ngrs-value a {
  color: #333333;
  font-size: 12px;
  line-height: 22px;
  padding: 0 4px;
  width: 70px;
  border: 1px solid #dddddd;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  cursor: text;
  overflow: hidden;
}
.ngrs-range-slider.ngrs-range-slider .ngrs-value a:hover {
  background-color: unset;
}
.ngrs-range-slider.ngrs-range-slider .ngrs-value input {
  color: #333333;
  font-size: 12px;
  line-height: 22px;
  padding: 0 4px;
  width: 70px;
  border: 1px solid #3b99fc;
  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: 8px;
}
.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 4px;
  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: 8px;
  padding-left: 16px;
}
.svg-tooltip table.tooltip-table tr:first-child td {
  border-top: 0;
}
.svg-tooltip table.tooltip-table .group-measures:nth-of-type(1) {
  padding: 0px 1px;
  border: 1px solid black;
}
.svg-tooltip table.tooltip-table .group-measures .measure td:nth-child(2) {
  padding-top: 8px;
}
.svg-tooltip table.tooltip-table .group-measures .measure td:nth-child(3) {
  padding-top: 8px;
}
.svg-tooltip table.tooltip-table .group-measures .details td:nth-child(1) {
  border-right: 1px solid gray;
}
.svg-tooltip table.tooltip-table .group-measures .details td:nth-child(2) {
  padding-left: 8px;
}
.svg-tooltip table.tooltip-table .group-measures .details td:nth-child(3) {
  font-weight: 500;
  display: flex;
  align-items: center;
}
.svg-tooltip table.tooltip-table .group-measures .details td:nth-child(3) i {
  margin-left: 2px;
}
/******************************
 * 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;
}
.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[disabled] {
  opacity: 0.5;
  cursor: default;
  pointer-events: none;
}
.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;
}
[tree-view] li .tree-view-node .tree-view-node-name > i {
  padding-right: 4px;
}
/******************************
 * 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=email],
.colorpicker input[type=url],
.colorpicker input[type=number],
.colorpicker input[type=date],
.colorpicker input[type=time],
.colorpicker input[type=datetime-local],
.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=email]:focus,
.colorpicker input[type=url]:focus,
.colorpicker input[type=number]:focus,
.colorpicker input[type=date]:focus,
.colorpicker input[type=time]:focus,
.colorpicker input[type=datetime-local]: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=email]:hover,
.colorpicker input[type=url]:hover,
.colorpicker input[type=number]:hover,
.colorpicker input[type=date]:hover,
.colorpicker input[type=time]:hover,
.colorpicker input[type=datetime-local]: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=email]:focus,
.colorpicker input[type=url]:focus,
.colorpicker input[type=number]:focus,
.colorpicker input[type=date]:focus,
.colorpicker input[type=time]:focus,
.colorpicker input[type=datetime-local]: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=email].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=datetime-local].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 input[type=text].invalid-ignores-dirty.ng-invalid,
.colorpicker input[type=email].invalid-ignores-dirty.ng-invalid,
.colorpicker input[type=url].invalid-ignores-dirty.ng-invalid,
.colorpicker input[type=number].invalid-ignores-dirty.ng-invalid,
.colorpicker input[type=date].invalid-ignores-dirty.ng-invalid,
.colorpicker input[type=time].invalid-ignores-dirty.ng-invalid,
.colorpicker input[type=datetime-local].invalid-ignores-dirty.ng-invalid,
.colorpicker input[type=password].invalid-ignores-dirty.ng-invalid,
.colorpicker textarea.invalid-ignores-dirty.ng-invalid,
.colorpicker select.invalid-ignores-dirty.ng-invalid,
.colorpicker button.btn.selectpicker.invalid-ignores-dirty.ng-invalid,
.invalid-ignores-dirty .colorpicker input[type=text].ng-invalid,
.invalid-ignores-dirty .colorpicker input[type=email].ng-invalid,
.invalid-ignores-dirty .colorpicker input[type=url].ng-invalid,
.invalid-ignores-dirty .colorpicker input[type=number].ng-invalid,
.invalid-ignores-dirty .colorpicker input[type=date].ng-invalid,
.invalid-ignores-dirty .colorpicker input[type=time].ng-invalid,
.invalid-ignores-dirty .colorpicker input[type=datetime-local].ng-invalid,
.invalid-ignores-dirty .colorpicker input[type=password].ng-invalid,
.invalid-ignores-dirty .colorpicker textarea.ng-invalid,
.invalid-ignores-dirty .colorpicker select.ng-invalid,
.invalid-ignores-dirty .colorpicker button.btn.selectpicker.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 button.btn.selectpicker.none-selected-text .filter-option {
  color: var(--dku-select-placeholder-color, #999999);
}
.colorpicker button.btn.selectpicker.none-selected-text .filter-option::before {
  content: var(--dku-select-placeholder-emphasis--before, '- ');
}
.colorpicker button.btn.selectpicker.none-selected-text .filter-option::after {
  content: var(--dku-select-placeholder-emphasis--after, ' -');
}
.colorpicker button.btn.selectpicker.disabled.none-selected-text .filter-option {
  color: #cccccc;
}
.colorpicker button.btn.selectpicker.disabled {
  background-color: #f2f2f2;
}
.colorpicker button.btn.selectpicker.disabled:hover {
  background-color: #f2f2f2;
}
.colorpicker button.btn.selectpicker.disabled:focus {
  border: 1px #bbbbbb solid;
}
.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 {
  border-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;
  overflow-wrap: break-word;
  word-wrap: break-word;
}
.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;
  margin-bottom: 0;
}
.mapping-editor__actions {
  margin-top: 8px;
  color: #666666;
}
.mapping-editor__actions-button {
  margin-bottom: 4px;
  cursor: pointer;
}
.mapping-editor__actions-label:hover {
  text-decoration: underline;
}
.mapping-editor__raw-text {
  display: flex;
}
/* See-through modal dialog styles, when clicking on the eye icon in the header */
div.modal-backdrop.see-through {
  transition: opacity 1s;
  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;
  visibility: hidden;
}
div.modal-container.see-through div.modal {
  transition: background-color 0.2s;
  background-color: transparent;
}
div.modal-container.see-through div.modal-body,
div.modal-container.see-through div.modal-footer,
div.modal-container.see-through div.top-info-zone {
  transition: visibility 0s;
  visibility: hidden;
}
div.modal-container.see-through div.modal-header {
  transition: opacity 0.2s;
  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;
  z-index: 3004;
}
.fat-draggable__bar,
.fat-resizable__bar {
  background-color: #3b99fc;
  position: absolute;
  z-index: 3004;
}
.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);
}
.gpu-online-stats__container--training-screen {
  margin: 0 0 24px 4px;
  padding: 8px;
  box-sizing: border-box;
  background-color: #ffffff;
  border: 1px solid #dddddd;
  border-top: 0;
  width: calc(75vw - 80px);
}
[gpu-online-stats] .gpu-online-stats-wrapper {
  display: grid;
  grid-template-columns: repeat(auto-fill, 245px);
  gap: 8px;
  width: 100%;
}
[gpu-online-stats] .gpu-online-stats-wrapper .gpu-online-stats__gpu-block {
  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__title span {
  overflow: hidden;
  white-space: nowrap;
  flex: 1;
  text-overflow: ellipsis;
}
[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 {
  vertical-align: bottom;
}
.browse-path .breadcrumbs i:first-child {
  margin-right: 8px;
}
.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: 6px;
  font-size: 14px;
  width: 57%;
  margin: 0 auto;
  padding: 16px 32px;
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 3001;
  transform: translateY(0);
  transition: transform 0.25s ease-in 0.1s;
}
.nps-survey__container {
  display: flex;
  flex-direction: column;
  align-items: stretch;
}
.nps-survey__container--vertical {
  flex-direction: column;
}
.nps-survey__container--horizontal {
  flex-direction: row;
}
.nps-survey__container.nps-survey__container--vertical > * {
  margin-bottom: 8px;
}
.nps-survey__container.nps-survey__container--horizontal > * {
  margin-right: 8px;
}
.nps-survey__container > *:last-child {
  margin: 0;
}
.nps-survey__container__item--alignCenter {
  align-self: center;
}
.nps-survey-loading {
  transform: translateY(100%);
}
.nps-survey__close {
  position: absolute;
  right: 20px;
}
.nps-survey__scale {
  margin: 8px 0 16px 0;
}
.nps-survey__scale-label {
  font-size: 13px;
  color: #666666;
}
.nps-survey__scores {
  display: inline-block;
  text-align: center;
  font-size: 13px;
  margin: 0 8px;
  padding: 0;
  list-style-type: none;
}
.nps-survey__scores-item {
  display: inline-block;
  margin: 0 3px;
  padding: 11px;
  width: 11px;
  height: 11px;
  line-height: 11px;
  border: 2px solid;
  border-radius: 20px;
  cursor: pointer;
}
.nps-survey__scores-item:nth-child(-n+7) {
  border-color: #ce1228;
  color: #ce1228;
}
.nps-survey__scores-item:nth-child(8),
.nps-survey__scores-item:nth-child(9) {
  border-color: #f28c37;
  color: #f28c37;
}
.nps-survey__scores-item:nth-child(n+10) {
  border-color: #4caf50;
  color: #4caf50;
}
.nps-survey__scores-item:hover {
  color: white;
}
.nps-survey__scores-item:hover:nth-child(-n+7) {
  background-color: #ce1228;
}
.nps-survey__scores-item:hover:nth-child(8),
.nps-survey__scores-item:hover:nth-child(9) {
  background-color: #f28c37;
}
.nps-survey__scores-item:hover:nth-child(n+10) {
  background-color: #4caf50;
}
.nps-survey__scores-item.nps-survey__scores-item--selected {
  color: white;
}
.nps-survey__scores-item.nps-survey__scores-item--selected:nth-child(-n+7) {
  background-color: #ce1228;
}
.nps-survey__scores-item.nps-survey__scores-item--selected:nth-child(8),
.nps-survey__scores-item.nps-survey__scores-item--selected:nth-child(9) {
  background-color: #f28c37;
}
.nps-survey__scores-item.nps-survey__scores-item--selected:nth-child(n+10) {
  background-color: #4caf50;
}
.nps-survey__label {
  font-size: 15px;
  font-weight: 500;
  margin: 0 0 inherit 0;
}
.nps-survey__comment-box {
  width: 100%;
  border-radius: 0;
  box-sizing: border-box;
}
.nps-horizontal-fieldset {
  align-items: baseline;
}
input.nps-survey__input {
  margin: 0 8px 0 0;
  flex: 1;
  height: 16px;
  border-radius: 0;
}
.nps-survey__input-info {
  margin-right: 8px;
}
.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: #199792;
  color: #ffffff;
}
/*****************************
 * 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.tags .responsive-tags-list__tag.tag.responsive-tags-list__tag--highlighted {
  font-weight: 600;
}
.responsive-tags-list--no-hover .tags .responsive-tags-list__tag.tag:hover {
  opacity: 1;
}
.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;
}
.responsive-tags-list__popover-list.tags .responsive-tags-list__tag.tag.responsive-tags-list__tag--highlighted {
  font-weight: 600;
}
/* 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--full--margin {
  margin: 32px;
  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.standard-list__external-link:hover {
  color: #267cfb;
  text-decoration: underline;
}
.standard-list__external-link.align-baseline {
  align-items: baseline;
}
.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=email],
.stepper__form input[type=url],
.stepper__form input[type=number],
.stepper__form input[type=date],
.stepper__form input[type=time],
.stepper__form input[type=datetime-local],
.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=email]: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=datetime-local]: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=email]: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=datetime-local]: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=email]: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=datetime-local]: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=email].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=datetime-local].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 input[type=text].invalid-ignores-dirty.ng-invalid,
.stepper__form input[type=email].invalid-ignores-dirty.ng-invalid,
.stepper__form input[type=url].invalid-ignores-dirty.ng-invalid,
.stepper__form input[type=number].invalid-ignores-dirty.ng-invalid,
.stepper__form input[type=date].invalid-ignores-dirty.ng-invalid,
.stepper__form input[type=time].invalid-ignores-dirty.ng-invalid,
.stepper__form input[type=datetime-local].invalid-ignores-dirty.ng-invalid,
.stepper__form input[type=password].invalid-ignores-dirty.ng-invalid,
.stepper__form textarea.invalid-ignores-dirty.ng-invalid,
.stepper__form select.invalid-ignores-dirty.ng-invalid,
.stepper__form button.btn.selectpicker.invalid-ignores-dirty.ng-invalid,
.invalid-ignores-dirty .stepper__form input[type=text].ng-invalid,
.invalid-ignores-dirty .stepper__form input[type=email].ng-invalid,
.invalid-ignores-dirty .stepper__form input[type=url].ng-invalid,
.invalid-ignores-dirty .stepper__form input[type=number].ng-invalid,
.invalid-ignores-dirty .stepper__form input[type=date].ng-invalid,
.invalid-ignores-dirty .stepper__form input[type=time].ng-invalid,
.invalid-ignores-dirty .stepper__form input[type=datetime-local].ng-invalid,
.invalid-ignores-dirty .stepper__form input[type=password].ng-invalid,
.invalid-ignores-dirty .stepper__form textarea.ng-invalid,
.invalid-ignores-dirty .stepper__form select.ng-invalid,
.invalid-ignores-dirty .stepper__form button.btn.selectpicker.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 button.btn.selectpicker.none-selected-text .filter-option {
  color: var(--dku-select-placeholder-color, #999999);
}
.stepper__form button.btn.selectpicker.none-selected-text .filter-option::before {
  content: var(--dku-select-placeholder-emphasis--before, '- ');
}
.stepper__form button.btn.selectpicker.none-selected-text .filter-option::after {
  content: var(--dku-select-placeholder-emphasis--after, ' -');
}
.stepper__form button.btn.selectpicker.disabled.none-selected-text .filter-option {
  color: #cccccc;
}
.stepper__form button.btn.selectpicker.disabled {
  background-color: #f2f2f2;
}
.stepper__form button.btn.selectpicker.disabled:hover {
  background-color: #f2f2f2;
}
.stepper__form button.btn.selectpicker.disabled:focus {
  border: 1px #bbbbbb solid;
}
.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 {
  border-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;
}
.limited-visibility-lock {
  color: #333333;
  margin: 0 8px;
}
.numerical-list__container {
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: row;
  flex-direction: row;
  height: 100%;
  box-sizing: border-box;
  flex-wrap: wrap;
  padding: 4px 0;
  gap: 4px;
}
.numerical-list__container > .flex {
  -webkit-flex: 1 1 auto;
  flex: 1 1 auto;
  position: relative;
}
.numerical-list__container > .flex .override-min-width {
  min-width: 0px;
}
.numerical-list__container > .flex-no-basis,
.numerical-list__container .flex-no-basis {
  -webkit-flex: 1 1 0;
  flex: 1 1 0;
  position: relative;
}
.numerical-list__container > .flex-no-basis .override-min-width,
.numerical-list__container .flex-no-basis .override-min-width {
  min-width: 0px;
}
.numerical-list__container > .flex-no-grow {
  -webkit-flex: 0 1 auto;
  flex: 0 1 auto;
  position: relative;
}
.numerical-list__container > .flex-no-shrink {
  -webkit-flex: 1 0 auto;
  flex: 1 0 auto;
  position: relative;
}
.numerical-list__container > .noflex,
.numerical-list__container .top-level-tabs,
.numerical-list__container > .alert,
.numerical-list__container > .bottom-bar,
.numerical-list__container > .input-append,
.numerical-list__container > div[block-api-error],
.numerical-list__container > h1,
.numerical-list__container > h2,
.numerical-list__container > h3,
.numerical-list__container > h4,
.numerical-list__container > h5,
.numerical-list__container > h6 {
  -webkit-flex: 0 0 auto;
  flex: 0 0 auto;
}
.numerical-list__item {
  font-size: 11px;
  background-color: #3b99fc;
  border-radius: 12px;
  color: #ffffff;
  text-align: center;
  width: 32px;
  line-height: 24px;
  padding: 0 4px;
}
.numerical-list__item:not(:last-child) {
  margin-right: 4px;
}
.multi-region-bar {
  width: 100%;
  display: inline-block;
}
.multi-region-bar__region {
  text-align: center;
  display: inline-block;
}
.multi-region-bar__region-legend {
  white-space: nowrap;
  text-align: center;
  overflow-x: visible;
  color: white;
  line-height: 12px;
}
.multi-region-bar__region-bar {
  height: 12px;
}
.truncated {
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
/* Copy to clipboard icon */
copy-to-clipboard-icon {
  color: #666666;
}
.variables-expansion-loop-config .dss-object-selector-mainzone {
  background: #ffffff;
}
.variables-expansion-loop-config .dss-object-selector-mainzone:not(.has-dataset) {
  height: 38px;
  line-height: 36px;
}
external-link a {
  color: #2d86fb;
}
external-link a i {
  display: inline-block;
  text-decoration: none;
  vertical-align: bottom;
}
external-link a:visited {
  color: #196bfa;
}
external-link *:hover {
  color: #267cfb;
}
.ui-datepicker-buttonpane.ui-widget-content,
.ui-datepicker .ui-icon,
.ui-datepicker-prev span {
  display: none;
}
.ui-datepicker {
  background-color: #ffffff;
  border: 1px solid #dddddd;
  border-radius: 4px;
  box-shadow: 0 0 8px #cccccc;
  display: none;
  padding: 8px;
  width: 240px;
}
.ui-datepicker .ui-datepicker-title {
  display: flex;
}
.ui-datepicker .ui-datepicker-title select {
  padding-bottom: 0;
  border: none;
  text-align: center;
  font-weight: bolder;
}
.ui-datepicker .ui-datepicker-prev,
.ui-datepicker .ui-datepicker-next {
  text-decoration: none;
  color: #222222;
  padding: 8px;
}
.ui-datepicker .ui-datepicker-prev.ui-datepicker-prev-hover:hover,
.ui-datepicker .ui-datepicker-next.ui-datepicker-prev-hover:hover,
.ui-datepicker .ui-datepicker-prev.ui-datepicker-next-hover:hover,
.ui-datepicker .ui-datepicker-next.ui-datepicker-next-hover:hover {
  border-radius: 4px;
  background-color: #f2f2f2;
}
.ui-datepicker .ui-datepicker-prev {
  float: left;
  text-align: left;
  padding-left: 8px;
}
.ui-datepicker .ui-datepicker-next {
  float: right;
  text-align: right;
  padding-right: 8px;
}
.ui-datepicker .ui-datepicker-calendar {
  table-layout: fixed;
  width: 100%;
}
.ui-datepicker .ui-datepicker-calendar th,
.ui-datepicker .ui-datepicker-calendar td {
  text-align: center;
  padding: 4px 0;
}
.ui-datepicker .ui-datepicker-calendar th a,
.ui-datepicker .ui-datepicker-calendar td a {
  text-decoration: none;
}
.ui-datepicker .ui-datepicker-calendar td:hover {
  background-color: #f2f2f2;
  cursor: pointer;
}
.ui-datepicker .ui-datepicker-calendar .ui-datepicker-current-day {
  background-color: #267cfb;
}
.ui-datepicker .ui-datepicker-calendar .ui-datepicker-current-day a {
  color: #ffffff;
}
.ui-datepicker .ui-datepicker-calendar .ui-datepicker-unselectable {
  color: #999999;
}
.ui-datepicker .ui-datepicker-calendar .ui-datepicker-unselectable:hover {
  background-color: #ffffff;
  cursor: default;
}
.ui-datepicker .ui-datepicker-calendar .ui-datepicker-week-col:hover {
  background-color: #ffffff;
  cursor: default;
}
i.inline-taggable-object-icon {
  display: inline-block;
  vertical-align: middle;
  line-height: 20px;
  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: 140px;
  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-family: 'SourceSansPro';
  font-weight: 400;
  font-size: 13px;
  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 .dku-icon-info-circle-fill-16,
.apply-tags.apply-tags .tags .tag-row .dku-icon-info-circle-fill-16 {
  color: #666666;
}
.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: flex-start;
}
.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;
}
.tag-edit-popover__editor {
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  align-items: center;
}
.tag-edit-popover__editor > * {
  -webkit-flex: 0 0 auto;
  flex: 0 0 auto;
}
.tag-edit-popover__editor > .flex-no-grow {
  -webkit-flex: 0 1 auto;
  flex: 0 1 auto;
}
.tag-edit-popover__editor > .flex-no-basis {
  -webkit-flex: 1;
  flex: 1;
}
.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,
.ng-option .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;
}
.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;
  display: flex;
  align-items: center;
}
.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: 8px;
  border: 0;
  overflow-y: hidden;
  overflow-x: visible;
}
.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.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,
ul.timeline .timeline-item .timeline-item-content time {
  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 .description a.commit-hash {
  color: #0088cc;
}
ul.timeline .timeline-item .target {
  overflow: hidden;
  text-overflow: ellipsis;
  color: #666666;
  font-size: 14px;
  display: block;
  margin-top: 5px;
  margin-left: 0px;
}
ul.timeline .timeline-item .target i {
  font-size: 18px;
  vertical-align: bottom;
  margin-right: 4px;
  display: inline-block;
}
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 .target i.icon-dkubird {
  color: #666666;
}
ul.timeline .timeline-item .target .timeline-item-location {
  margin-right: 5px;
  vertical-align: middle;
}
ul.timeline .timeline-item .details {
  margin-top: 10px;
  color: #666666;
}
ul.timeline .timeline-item .details .message {
  max-height: 300px;
  overflow: hidden;
  text-overflow: ellipsis;
  display: inline-block;
  white-space: nowrap;
  width: 100%;
}
ul.timeline .timeline-item .details .mbot8 {
  display: block;
}
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 {
  transition: border-color 0.5s ease;
}
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 {
  font-size: 13px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.discussions-widget .discussions-widget-topic .discussions-widget-topic-author-name {
  color: #222222;
  font-weight: 600;
}
.discussions-widget .discussions-widget-topic .discussions-widget-topic-author-login {
  color: #666666;
}
.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__input-warning-message {
  background-color: #fde5ca;
  color: #f28c37;
  font-size: 9px;
  font-weight: 400;
  line-height: 16px;
  padding-left: 4px;
  width: inherit;
}
.editable-list__item {
  align-items: flex-start;
  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__item--border {
  border: 1px solid #f2f2f2;
  border-radius: 2px;
  margin-bottom: 8px;
}
.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;
  height: 26px;
  flex: 0 0 auto;
}
.editable-list__delete.btn i {
  margin: 0;
}
.editable-list__delete:not(:disabled) .icon-trash:hover,
.editable-list__delete:not(:disabled) .dku-icon-trash-16:hover {
  color: #dd5969;
}
.editable-list__copy {
  margin-left: 8px;
  height: 26px;
  flex: 0 0 auto;
  background-color: transparent;
}
.editable-list__copy.btn i {
  margin: 0;
}
.editable-list__icon {
  width: 26px;
  height: 26px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.editable-list__icon .editable-list__drag-icon {
  margin: 0;
}
.editable-list__checkbox {
  height: 26px;
  display: flex;
  align-items: center;
  justify-content: center;
  align-self: center;
}
.editable-list__checkbox > label {
  margin-bottom: 0;
}
.editable-list__drag-icon {
  color: #666666;
  cursor: move;
  font-weight: 400;
  margin: 8px 8px auto 0px;
}
.editable-list__actions {
  display: flex;
}
.editable-list--ng1 .editable-list__template {
  width: 100%;
  display: -webkit-flex;
  display: flex;
  align-items: flex-start;
}
.editable-list--ng1 .editable-list__template > span {
  -webkit-flex: 0 0 auto;
  flex: 0 0 auto;
  padding: 0 4px;
  height: 26px;
  display: flex;
  align-items: center;
}
.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):not(.editable-list__override-input-style),
.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(.editable-list__override-input-style):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(.editable-list__override-input-style):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) .ng-select-container {
  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;
  display: flex;
}
.editable-list__template:not(.editable-list__template--editing) .ng-select-container:not(:hover):not(:focus) {
  background: transparent;
  box-shadow: none;
  border-color: transparent;
}
.editable-list__template:not(.editable-list__template--editing) .ng-select-container: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;
}
.editable-list__raw {
  width: 400px;
  height: 150px;
  margin-bottom: 8px;
}
/* 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;
}
.fr {
  float: right;
}
.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.w100 {
  width: 100%;
  box-sizing: border-box;
}
.w50 {
  width: 50%;
  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;
}
.di {
  display: inline;
}
.df.df.df.df.df {
  display: flex;
}
.dif {
  display: inline-flex;
}
.dibvam {
  display: inline-block;
  vertical-align: middle;
}
.dibvat {
  display: inline-block;
  vertical-align: top;
}
.dibvab {
  display: inline-block;
  vertical-align: bottom;
}
.dibvatt {
  display: inline-block;
  vertical-align: text-top;
}
.vat {
  vertical-align: top;
}
.vab {
  vertical-align: bottom;
}
.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;
}
.ma0 {
  margin: auto 0;
}
.short-text {
  display: inline-block;
  vertical-align: top;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  max-width: 120px;
}
.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;
}
.pad4 {
  padding: 4px;
}
.pad8 {
  padding: 8px;
}
.padtop0.padtop0.padtop0.padtop0 {
  padding-top: 0;
}
.padtop4 {
  padding-top: 4px;
}
.padtop24 {
  padding-top: 24px;
}
.padtop8 {
  padding-top: 8px;
}
.padbot4 {
  padding-bottom: 4px;
}
.padbot8 {
  padding-bottom: 8px;
}
.padtop16.padtop16.padtop16.padtop16 {
  padding-top: 16px;
}
.pad32.pad32.pad32.pad32 {
  padding: 32px;
}
.pad16.pad16.pad16.pad16 {
  padding: 16px;
}
.padleftright4 {
  padding: 0 4px;
}
.padleftright8 {
  padding: 0 8px;
}
.padleftright11 {
  padding: 0 11px;
}
.padleftright16 {
  padding: 0 16px;
}
.padleftright24 {
  padding: 0 24px;
}
.padleft0.padleft0 {
  padding-left: 0px;
}
.padleft4.padleft4 {
  padding-left: 4px;
}
.padleft8 {
  padding-left: 8px;
}
.padleft16.padleft16 {
  padding-left: 16px;
}
.padright0.padright0 {
  padding-right: 0;
}
.padright4 {
  padding-right: 4px;
}
.padright8 {
  padding-right: 8px;
}
.padright16 {
  padding-right: 16px;
}
.padright24 {
  padding-right: 24px;
}
.padbot16.padbot16.padbot16.padbot16 {
  padding-bottom: 16px;
}
.padleft24.padleft24.padleft24 {
  padding-left: 24px;
}
.padtopbot8.padtopbot8.padtopbot8 {
  padding: 8px 0px;
}
.pad24 {
  padding: 24px;
}
.m0.m0.m0.m0 {
  margin: 0;
}
.m4 {
  margin: 4px;
}
.m8 {
  margin: 8px;
}
.m16.m16 {
  margin: 16px;
}
.m24.m24 {
  margin: 24px;
}
.mtop0.mtop0.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;
}
.mtop30 {
  margin-top: 30px;
}
.mtop32 {
  margin-top: 32px;
}
.mleft0.mleft0.mleft0 {
  margin-left: 0;
}
.mleft4.mleft4.mleft4.mleft4 {
  margin-left: 4px;
}
.mleft8 {
  margin-left: 8px;
}
.mleft8.mleft8 {
  margin-left: 8px;
}
.mright0.mright0.mright0 {
  margin-right: 0;
}
.mright4.mright4.mright4 {
  margin-right: 4px;
}
.mright8.mright8.mright8.mright8.mright8.mright8 {
  margin-right: 8px;
}
.mleft16.mleft16 {
  margin-left: 16px;
}
.mleft24 {
  margin-left: 24px;
}
.mleft32 {
  margin-left: 32px;
}
.mleft64 {
  margin-left: 64px;
}
.mleftauto.mleftauto.mleftauto {
  margin-left: auto;
}
.mright16 {
  margin-right: 16px;
}
.mright24 {
  margin-right: 24px;
}
.mright32 {
  margin-right: 32px;
}
.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;
}
.mtopauto {
  margin-top: auto;
}
.mbot4 {
  margin-bottom: 4px;
}
.mbot8.mbot8.mbot8.mbot8.mbot8 {
  margin-bottom: 8px;
}
.mbot16.mbot16.mbot16.mbot16 {
  margin-bottom: 16px;
}
.mbot24 {
  margin-bottom: 24px;
}
.mbot32.mbot32.mbot32.mbot32 {
  margin-bottom: 32px;
}
.mbotauto {
  margin-bottom: auto;
}
.mleftright4 {
  margin: 0 4px;
}
.mleftright8 {
  margin: 0 8px;
}
.mleftright16 {
  margin: 0 16px;
}
.minw0 {
  min-width: 0;
}
.minh0 {
  min-height: 0;
}
.h20 {
  height: 20px;
}
.w20 {
  width: 20px;
}
.h24 {
  height: 24px;
}
.w24 {
  width: 24px;
}
.h48 {
  height: 48px;
}
.w48 {
  width: 48px;
}
.w295 {
  width: 295px;
}
.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;
}
.aifs {
  align-items: flex-start;
}
.aie {
  align-items: flex-end;
}
.aib {
  align-items: baseline;
}
.ais {
  align-items: stretch;
}
.jcc {
  justify-content: center;
}
.jce {
  justify-content: end;
}
.jcsb {
  justify-content: space-between;
}
.jcse {
  justify-content: space-evenly;
}
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,
.link-std:focus {
  color: #333333;
}
.link-plain.link-plain.link-plain.link-plain {
  color: #2d86fb;
}
.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;
}
.link-none.link-none.link-none {
  color: #333333;
  cursor: text;
}
.link-none.link-none.link-none:hover {
  color: #333333;
  text-decoration: none;
}
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.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;
}
.horizontal-flex.auto-height {
  height: 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-inlined {
  display: -webkit-inline-flex;
  display: inline-flex;
  -webkit-align-items: center;
  align-items: center;
}
.faic-inlined {
  display: -webkit-inline-flex;
  display: inline-flex;
  -webkit-align-items: center;
  align-items: center;
}
.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;
}
.mx-center-children-vertically > .flex-no-grow {
  -webkit-flex: 0 1 auto;
  flex: 0 1 auto;
}
.mx-center-children-vertically > .flex-no-basis {
  -webkit-flex: 1;
  flex: 1;
}
.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;
}
.faic.faic.faic.faic {
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  align-items: center;
}
.faic.faic.faic.faic > * {
  -webkit-flex: 0 0 auto;
  flex: 0 0 auto;
}
.faic.faic.faic.faic > .flex-no-grow {
  -webkit-flex: 0 1 auto;
  flex: 0 1 auto;
}
.faic.faic.faic.faic > .flex-no-basis {
  -webkit-flex: 1;
  flex: 1;
}
.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;
  display: flex;
}
.main-view--logged-in {
  overflow: clip;
}
.main-view__main {
  flex-grow: 1;
  position: relative;
  width: 0;
}
.main-view__drawer--sticky {
  width: 500px;
}
.main-view__drawer--sticky.main-view__drawer--docked-left {
  order: -1;
}
.main-view__drawer--sticky.main-view__drawer--not-docked {
  position: absolute;
  width: clamp(361px, calc(25vw + 41px), 501px);
}
.main-view__drawer__move-overlay {
  cursor: move;
  position: absolute;
  z-index: 3002;
}
.main-view__drawer__viewport-move-overlay {
  bottom: 0;
  cursor: move;
  left: 0;
  position: fixed;
  right: 0;
  top: 0;
  z-index: 2000000001;
}
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;
}
.mh100 {
  max-height: 100px;
}
.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 ';
}
th.no-sort:after {
  font-family: FontAwesome;
  content: none;
}
.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;
}
.tooltip.in {
  opacity: 1;
}
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;
}
.table-large {
  width: 100%;
}
.table-large td:last-child {
  min-width: 25px;
}
/* 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;
}
h3.page-subsubtitle {
  font-family: 'SourceSansPro';
  font-weight: 400;
  font-size: 14px;
  line-height: 20px;
  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%;
}
/* ****************************
 * row-fluid version using flex
 * ****************************/
.flex-row-fluid {
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: row;
  flex-direction: row;
  height: 100%;
  box-sizing: border-box;
  margin-left: -20px;
}
.flex-row-fluid > .flex {
  -webkit-flex: 1 1 auto;
  flex: 1 1 auto;
  position: relative;
}
.flex-row-fluid > .flex .override-min-width {
  min-width: 0px;
}
.flex-row-fluid > .flex-no-basis,
.flex-row-fluid .flex-no-basis {
  -webkit-flex: 1 1 0;
  flex: 1 1 0;
  position: relative;
}
.flex-row-fluid > .flex-no-basis .override-min-width,
.flex-row-fluid .flex-no-basis .override-min-width {
  min-width: 0px;
}
.flex-row-fluid > .flex-no-grow {
  -webkit-flex: 0 1 auto;
  flex: 0 1 auto;
  position: relative;
}
.flex-row-fluid > .flex-no-shrink {
  -webkit-flex: 1 0 auto;
  flex: 1 0 auto;
  position: relative;
}
.flex-row-fluid > .noflex,
.flex-row-fluid .top-level-tabs,
.flex-row-fluid > .alert,
.flex-row-fluid > .bottom-bar,
.flex-row-fluid > .input-append,
.flex-row-fluid > div[block-api-error],
.flex-row-fluid > h1,
.flex-row-fluid > h2,
.flex-row-fluid > h3,
.flex-row-fluid > h4,
.flex-row-fluid > h5,
.flex-row-fluid > h6 {
  -webkit-flex: 0 0 auto;
  flex: 0 0 auto;
}
.flex-row-fluid .flex-row-unit {
  flex: 1 0 1px !important;
  -webkit-flex: 1 0 1px !important;
  margin-left: 20px;
}
/* ****************************
 * 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;
}
.a--no-style,
.a--no-style:hover {
  color: inherit;
  text-decoration: none;
}
.a--no-style:focus {
  color: inherit;
  outline: none;
  outline-offset: 0;
}
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;
}
.menu-item--dku-icon {
  float: left;
  margin-top: 2px;
}
.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-pulsar {
  height: 8px;
  width: 8px;
  background-color: #0f8781;
  border-radius: 50%;
  display: inline-block;
}
.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-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 {
  border: 1px solid #dddddd;
}
.CodeMirror pre.CodeMirror-placeholder {
  color: #999999;
}
.CodeMirror.CodeMirror-focused {
  border: 1px solid #3b99fc;
}
.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;
}
.with-codemirror-h100-borders .CodeMirror {
  height: 100px;
  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;
}
/** added this style for warning messages given by the design team, e.g.:
https://www.figma.com/file/P294dpHbUpghZlkTHoJXTY/DSS-Text-Fields?node-id=1334%3A270  **/
.warning-message {
  background-color: #fdf1e7;
  color: #f28c37;
  font-size: 9px;
  font-weight: 400;
  line-height: 16px;
  padding-left: 4px;
}
/** 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-warning.alert-warning.alert-warning .btn-link {
  border: none;
  font-size: inherit;
  padding: 0;
  text-decoration: none;
}
.alert-warning.alert-warning.alert-warning .btn-link > span {
  vertical-align: baseline !important;
}
.alert-with-icon {
  display: flex;
  align-items: center;
  gap: 16px;
}
.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 .size-20 {
  width: 20px;
  height: 20px;
}
.messenger-theme-dss div.messenger-message.message .size-fit {
  width: 100%;
  height: 100%;
}
.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;
  word-break: break-word;
}
.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 > .flex-no-grow {
  -webkit-flex: 0 1 auto;
  flex: 0 1 auto;
}
.messenger-theme-dss div.messenger-message.message .messenger-message-inner > .flex-no-basis {
  -webkit-flex: 1;
  flex: 1;
}
.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;
}
.tooltip-icon {
  line-height: 16px;
  vertical-align: middle;
}
.text-icon,
.dku-loader.text-icon {
  line-height: 16px;
  vertical-align: text-bottom;
}
.text-icon.dku-loader,
.dku-loader.text-icon.dku-loader {
  display: inline-block;
  vertical-align: text-bottom;
}
.under-modal .tooltip {
  z-index: 1000;
}
.modal__tiles {
  display: grid;
  grid-template-columns: 1fr 1fr;
}
.modal__tile {
  border: 1px solid #dddddd;
  padding: 5px;
  margin: 8px 10px;
  padding: 4px;
  cursor: pointer;
  height: 40px;
  display: inline-block;
  font-size: 11px;
  line-height: normal;
  margin: 8px;
}
.modal__tile:not(.selectable):not(.hoverable) {
  color: #cccccc;
}
.modal__tile:not(.selectable):not(.hoverable) img {
  opacity: .25;
}
.modal__tile.selectable:hover {
  cursor: pointer;
  background-color: #f2f2f2;
}
.modal__tile.selected,
.modal__tile.selected:hover {
  border-color: #3b99fc;
  background-color: #ffffff;
}
.modal__tile i:not(.universe-color):not(.icon-trash):not([class*="dku-icon-trash-"]):not(.illustration):not('.selector-item__icon--has-color') {
  color: #666666;
}
.modal__tile .selection-indicator {
  display: inline-block;
  width: 20px;
  max-height: 20px;
  text-align: center;
}
.modal__tile .selection-indicator i {
  color: #3b99fc;
}
.modal__tile .selectable-item__icon {
  display: inline-block;
  width: 20px;
  text-align: center;
  color: #cccccc;
}
.modal__tile .selectable-item__title {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  color: #222222;
  font-weight: 500;
  max-width: 90%;
}
.modal__tile .selectable-item__description {
  font-weight: 400;
}
.modal__tile:hover {
  background: #f2f2f2;
}
.modal__tile.modal__tile--disabled {
  cursor: default;
}
.modal__tile.modal__tile--disabled .modal__tile-icon,
.modal__tile.modal__tile--disabled .modal__tile-name,
.modal__tile.modal__tile--disabled .modal__tile-desc {
  color: #cccccc;
}
.modal__tile-content {
  display: flex;
  flex-direction: column;
  justify-content: center;
  height: 100%;
}
.modal__tile-icon {
  color: #222222;
  margin-right: 4px;
  display: block;
  font-size: 20px;
  line-height: 40px;
  width: 40px;
  text-align: center;
  float: left;
}
.modal__tile-name {
  font-weight: 500;
  font-size: 13px;
  line-height: 16px;
  color: #222222;
  font-size: 12px;
}
.modal__tile-desc {
  font-size: 11px;
  color: #666666;
  margin-top: 2px;
}
.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) > :not(.non-interactive-icon).icon-trash:hover,
:not(.btn) > :not(.non-interactive-icon).icon-button.icon-trash:hover,
:not(.btn) > :not(.non-interactive-icon).remove-cross:hover,
:not(.btn) > :not(.non-interactive-icon)[class*="dku-icon-trash-"]:hover {
  color: #ce1228;
}
.error-text-color {
  color: #ce1228;
}
.warning-text-color {
  color: #f28c37;
}
.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-border.selected {
  border-color: #3b99fc;
}
.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-visible.visibility-visible {
  visibility: visible;
}
.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;
  --dku-select-placeholder-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;
}
.shaky:hover .shaky-content {
  animation: shake 0.75s cubic-bezier(0.36, 0.07, 0.19, 0.97) both;
  animation-delay: 0.2s;
}
.CodeMirror-hint.mention-dropdown-option.mention-dropdown-option {
  padding-right: 4px !important;
  font-family: 'SourceSansPro';
  font-weight: 400;
  font-size: 13px;
}
.CodeMirror-hint.mention-dropdown-option.mention-dropdown-option > div {
  margin: 5px;
}
.CodeMirror-hint.mention-dropdown-option.mention-dropdown-option .display-name {
  color: #333333;
  margin-left: 5px;
}
.CodeMirror-hint.mention-dropdown-option.mention-dropdown-option.CodeMirror-hint-active .display-name {
  color: #ffffff;
}
.CodeMirror-hint.mention-dropdown-option.mention-dropdown-option .mention {
  color: #bbbbbb;
  margin-left: 5px;
}
.CodeMirror-hint.mention-dropdown-option.mention-dropdown-option.CodeMirror-hint-active .mention {
  color: #dddddd;
}
.CodeMirror-hint.emoji-dropdown-option.emoji-dropdown-option {
  padding-right: 4px !important;
  font-family: 'SourceSansPro';
  font-weight: 400;
  font-size: 13px;
}
.CodeMirror-hint.emoji-dropdown-option.emoji-dropdown-option > div {
  margin: 5px;
}
.CodeMirror-hint.emoji-dropdown-option.emoji-dropdown-option .display-name {
  color: #bbbbbb;
  margin-left: 5px;
}
.CodeMirror-hint.emoji-dropdown-option.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-white-box__transparent {
  background: rgba(255, 255, 255, 0.75);
}
.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;
}
.credential-error {
  padding-top: 10px;
}
.credential-error.short-mode {
  padding-top: 0px;
}
.credential-error.short-mode .credential-error-message {
  display: inline-block;
}
.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;
}
.api-error-alert .btn-connect-account {
  margin: 15px 0;
}
.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: 16px;
}
.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: 16px 24px;
  border-bottom: 1px solid #dddddd;
}
.paned-settings-page-pane div.section--no-border {
  border: 0 none;
}
.paned-settings-page-pane div.section h2 {
  font-size: 19px;
  line-height: 35px;
  font-weight: 500;
  color: #333333;
  margin-top: 0;
}
.paned-settings-page-pane div.section h3 {
  font-size: 15px;
  font-weight: 500;
  line-height: 28px;
  margin-top: 20px;
  color: #333333;
}
.paned-settings-page-pane div.section h4 {
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
  color: #333333;
}
.paned-settings-page-pane__sticky {
  position: sticky;
  top: 0;
  background-color: #ffffff;
  z-index: 5;
}
.paned-settings-page-pane__toc {
  position: absolute;
  right: 24px;
  top: 80px;
  border: 1px solid #dddddd;
  background: #f2f2f2;
  padding: 8px;
}
.paned-settings-page-pane__toc ul {
  margin-bottom: 0;
}
.paned-page-section {
  padding: 16px 24px;
  border-bottom: 1px solid #dddddd;
}
.paned-page-section--no-border {
  border: 0 none;
}
.paned-page-section__heading {
  font-size: 22px;
  font-weight: 400;
  line-height: 1;
  margin: 0;
}
.paned-page-section__subheading {
  font-size: 18px;
  font-weight: 500;
  line-height: 1;
}
.textarea--full-width {
  resize: vertical;
  width: 100%;
  max-height: 360px;
  min-height: 32px;
  height: 96px;
  box-sizing: border-box;
  margin-bottom: 0;
}
.repeatable-config-block {
  padding: 16px;
  margin-bottom: 20px;
  border: 1px solid #dddddd;
  background-color: #ffffff;
}
.repeatable-config-block .close-not-floating {
  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);
  float: none;
}
.repeatable-config-block .close-not-floating:hover,
.repeatable-config-block .close-not-floating:focus {
  color: #000000;
  text-decoration: none;
  cursor: pointer;
  opacity: 0.4;
  filter: alpha(opacity=40);
}
.repeatable-config-block .close-container {
  display: flex;
  justify-content: right;
}
.repeatable-config-block--highlighted {
  outline: 4px solid #3b99fc;
  transition: outline 0.2s ease-in-out;
}
.repeatable-config-block--not-highlighted {
  outline: 0px solid #3b99fc;
  transition: outline 0.2s ease-in-out;
}
.paned-settings-page-pane--fixed-width {
  max-width: 1400px;
}
.height-fit-content {
  height: fit-content;
  height: -moz-fit-content;
}
.height-fill-available {
  height: fill-available;
  height: -moz-available;
  height: -webkit-fill-available;
}
.width-fill-available {
  width: fill-available;
  width: -moz-available;
  width: -webkit-fill-available;
}
.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;
}
.dku-loader--16 {
  height: 16px;
  width: 16px;
}
.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;
}
.dku-back-link.dku-back-link--small {
  height: 24px;
  width: 24px;
}
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;
}
.toggle-show-more {
  color: #666666;
  cursor: pointer;
  display: inline-block;
  font-weight: 400;
}
.toggle-show-more:hover {
  color: #222222;
}
.pending-email-status {
  font-size: 11px;
  border-radius: 4px;
  padding: 0px 4px;
  text-wrap: nowrap;
}
.pending-email-status--new,
.pending-email-status--pending {
  color: white;
  background-color: #999999;
}
.pending-email-status--sent {
  background-color: #d7f0d6;
  color: #0b590b;
}
.pending-email-status--failed {
  background-color: #f9e3e5;
  color: #ce1228;
}
.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;
}
.categorical-type-icon::before {
  content: 'A';
  color: #ffc241;
  font-family: serif;
  font-weight: bold;
  font-size: 20px;
  margin-left: 5px;
}
.numeric-type-icon::before {
  content: '#';
  font-size: 20px;
  color: #3075ae;
  margin-left: 5px;
}
.chart-header__records-status-loader-wrapper {
  position: relative;
  width: 26px;
}
.dku-loader-in-chart {
  width: 26px;
  height: 26px;
  display: none;
}
.dku-loader-in-chart--active {
  display: block;
}
.gap.gap {
  gap: 8px;
}
.gap-half.gap-half {
  gap: 4px;
}
.gap-quarter.gap-quarter {
  gap: 2px;
}
.gap-2x.gap-2x {
  gap: 16px;
}
.drag-handle {
  cursor: move;
  color: #666666;
}
.text-non-selectable {
  user-select: none;
}
.input-no-border {
  border: none !important;
  box-shadow: none !important;
}
.input-no-border:focus,
.input-no-border:active {
  outline: none !important;
  box-shadow: none !important;
}
/*
    textarea that automatically grows vertically on text entry
    https://codepen.io/chriscoyier/pen/XWKEVLy
*/
.textarea--autogrow {
  /* easy way to plop the elements on top of each other and have them both sized based on the tallest one's height */
  display: grid;
}
.textarea--autogrow::after {
  /* Note the weird space! Needed to preventy jumpy behavior */
  content: attr(data-replicated-value) " ";
  /* This is how textarea text behaves */
  white-space: pre-wrap;
  /* Hidden from view, clicks, and screen readers */
  visibility: hidden;
}
.textarea--autogrow > textarea {
  /* You could leave this, but after a user resizes, then it ruins the auto sizing */
  resize: none;
}
.textarea--autogrow > textarea,
.textarea--autogrow::after {
  /* Identical styling required!! */
  /* Place on top of each other */
  grid-area: 1 / 1 / 2 / 2;
}
/* 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;
}
.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;
}
.sort-box-menu__user-name {
  font-weight: 500;
}
.sort-box-menu__user-login {
  color: #666666;
}
.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: 8px;
  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__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 {
  border-radius: 3px;
  background-color: #f2f2f2;
  font-size: 11px;
  line-height: 20px;
  color: #666666;
  margin: 0;
  padding: 0 8px;
  display: inline-flex;
  flex-direction: row;
  align-items: center;
  gap: 8px;
  max-width: 100%;
}
.matching-job__tag a {
  text-decoration: none;
  font-size: 11px;
  color: #666666;
  overflow: hidden;
  text-overflow: ellipsis;
}
.matching-job__tag-link:hover {
  text-decoration: underline;
}
.matching-job__link {
  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-status-graph #flow-graph svg g.zone_cluster {
  cursor: inherit;
}
.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 {
  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.highlighted {
  background-color: #E1F5FF;
}
.job-preview__activity.selected {
  background-color: #B3E5FC;
}
.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-zoom {
  visibility: hidden;
  cursor: pointer;
  vertical-align: bottom;
  margin-left: 30px;
}
.job-preview__activity:hover .job-preview__activity-zoom {
  visibility: visible;
}
.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;
  background: #ffffff;
}
.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;
}
.activity-logs__api-error-alert {
  max-height: 200px;
  word-break: break-word;
  margin: 0 16px;
}
.activity-logs__api-error-alert.no-activity-job {
  margin-bottom: 20px;
}
.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,
.request-instance-access-page {
  overflow-x: hidden;
  margin-top: -40px;
}
.login-page .login-page__link,
.register-page .login-page__link,
.renew-page .login-page__link,
.request-instance-access-page .login-page__link {
  color: #2ab1ac;
}
.login-page .login-page__link:focus,
.register-page .login-page__link:focus,
.renew-page .login-page__link:focus,
.request-instance-access-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,
.request-instance-access-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,
.request-instance-access-page .login-page__license-textarea,
.login-page .request-instance-access-page__textarea,
.register-page .request-instance-access-page__textarea,
.renew-page .request-instance-access-page__textarea,
.request-instance-access-page .request-instance-access-page__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,
.request-instance-access-page .login-page__license-textarea:focus,
.login-page .request-instance-access-page__textarea:focus,
.register-page .request-instance-access-page__textarea:focus,
.renew-page .request-instance-access-page__textarea:focus,
.request-instance-access-page .request-instance-access-page__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,
.request-instance-access-page .login-page__license-textarea:focus:invalid:focus,
.login-page .request-instance-access-page__textarea:focus:invalid:focus,
.register-page .request-instance-access-page__textarea:focus:invalid:focus,
.renew-page .request-instance-access-page__textarea:focus:invalid:focus,
.request-instance-access-page .request-instance-access-page__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,
.request-instance-access-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,
.request-instance-access-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,
.request-instance-access-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"]),
.request-instance-access-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,
.request-instance-access-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,
.request-instance-access-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,
.request-instance-access-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,
.request-instance-access-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,
.request-instance-access-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,
.request-instance-access-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,
.request-instance-access-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,
.request-instance-access-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,
.request-instance-access-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,
.request-instance-access-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,
.request-instance-access-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,
.request-instance-access-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,
.request-instance-access-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,
.request-instance-access-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,
.request-instance-access-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"],
.request-instance-access-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,
.request-instance-access-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,
.request-instance-access-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,
.request-instance-access-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,
.request-instance-access-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,
.request-instance-access-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,
.request-instance-access-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,
.request-instance-access-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,
.request-instance-access-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,
.request-instance-access-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"],
.request-instance-access-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,
.request-instance-access-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,
.request-instance-access-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,
.request-instance-access-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,
.request-instance-access-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,
.request-instance-access-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,
.request-instance-access-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,
.request-instance-access-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,
.request-instance-access-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,
.request-instance-access-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,
.request-instance-access-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,
.request-instance-access-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,
.request-instance-access-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,
.request-instance-access-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,
.request-instance-access-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,
.request-instance-access-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,
.request-instance-access-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,
.request-instance-access-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,
.request-instance-access-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,
.request-instance-access-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,
.request-instance-access-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,
.request-instance-access-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,
.request-instance-access-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,
.request-instance-access-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"]),
.request-instance-access-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,
.request-instance-access-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,
.request-instance-access-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,
.request-instance-access-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,
.request-instance-access-page .login-page__credentials li {
  line-height: 24px;
}
.login-page .login-page__landscape,
.register-page .login-page__landscape,
.renew-page .login-page__landscape,
.request-instance-access-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,
.request-instance-access-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,
.request-instance-access-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,
.request-instance-access-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,
.request-instance-access-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,
.request-instance-access-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),
.request-instance-access-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),
.request-instance-access-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,
.request-instance-access-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,
.request-instance-access-page .login-page__forgotten-password:focus {
  text-decoration: underline;
}
.login-page .login-page__sign-up-message,
.register-page .login-page__sign-up-message,
.renew-page .login-page__sign-up-message,
.request-instance-access-page .login-page__sign-up-message {
  font-weight: 400;
  font-size: 14px;
  line-height: 18px;
  color: #222222;
  line-height: 1;
  margin-bottom: 32px;
  max-height: 8lh;
  overflow-y: auto;
}
.login-page .login-page__sign-up-message--less-margin,
.register-page .login-page__sign-up-message--less-margin,
.renew-page .login-page__sign-up-message--less-margin,
.request-instance-access-page .login-page__sign-up-message--less-margin {
  margin-bottom: 12px;
}
.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,
.request-instance-access-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,
.request-instance-access-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,
.request-instance-access-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,
.request-instance-access-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),
.request-instance-access-page .login-page__buttons-group .login-page__button:not(:last-child) {
  margin-right: 8px;
}
.login-page .login-page__button--sso,
.register-page .login-page__button--sso,
.renew-page .login-page__button--sso,
.request-instance-access-page .login-page__button--sso,
.login-page .login-page__button,
.register-page .login-page__button,
.renew-page .login-page__button,
.request-instance-access-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 16px;
  -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--sso.login-page__button--link,
.register-page .login-page__button--sso.login-page__button--link,
.renew-page .login-page__button--sso.login-page__button--link,
.request-instance-access-page .login-page__button--sso.login-page__button--link,
.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,
.request-instance-access-page .login-page__button.login-page__button--link {
  padding: 0;
}
.login-page .login-page__button--sso.login-page__button--link a,
.register-page .login-page__button--sso.login-page__button--link a,
.renew-page .login-page__button--sso.login-page__button--link a,
.request-instance-access-page .login-page__button--sso.login-page__button--link a,
.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,
.request-instance-access-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--sso:hover:not(:disabled),
.register-page .login-page__button--sso:hover:not(:disabled),
.renew-page .login-page__button--sso:hover:not(:disabled),
.request-instance-access-page .login-page__button--sso:hover:not(:disabled),
.login-page .login-page__button:hover:not(:disabled),
.register-page .login-page__button:hover:not(:disabled),
.renew-page .login-page__button:hover:not(:disabled),
.request-instance-access-page .login-page__button:hover:not(:disabled) {
  border: 1px solid #2ab1ac;
  color: #ffffff;
  background-color: #2ab1ac;
}
.login-page .login-page__button--sso:focus:not(:disabled),
.register-page .login-page__button--sso:focus:not(:disabled),
.renew-page .login-page__button--sso:focus:not(:disabled),
.request-instance-access-page .login-page__button--sso:focus:not(:disabled),
.login-page .login-page__button:focus:not(:disabled),
.register-page .login-page__button:focus:not(:disabled),
.renew-page .login-page__button:focus:not(:disabled),
.request-instance-access-page .login-page__button:focus:not(:disabled) {
  outline: none;
  border: 1px solid #ffffff;
  color: #ffffff;
  background-color: #2ab1ac;
}
.login-page .login-page__button--sso:disabled,
.register-page .login-page__button--sso:disabled,
.renew-page .login-page__button--sso:disabled,
.request-instance-access-page .login-page__button--sso:disabled,
.login-page .login-page__button:disabled,
.register-page .login-page__button:disabled,
.renew-page .login-page__button:disabled,
.request-instance-access-page .login-page__button:disabled {
  opacity: .5;
  cursor: initial;
}
.login-page .login-buttons button,
.register-page .login-buttons button,
.renew-page .login-buttons button,
.request-instance-access-page .login-buttons button {
  float: left;
  margin-right: 20px;
}
.login-page .login-page__button--sso,
.register-page .login-page__button--sso,
.renew-page .login-page__button--sso,
.request-instance-access-page .login-page__button--sso {
  width: 200px;
  background-color: #2ab1ac;
  color: #ffffff;
}
.login-page .login-page__button--sso:hover:not(:disabled),
.register-page .login-page__button--sso:hover:not(:disabled),
.renew-page .login-page__button--sso:hover:not(:disabled),
.request-instance-access-page .login-page__button--sso:hover:not(:disabled) {
  border: 1px solid #2ab1ac;
  color: #2ab1ac;
  background-color: #ffffff;
}
.login-page .login-page__button--sso:focus:not(:disabled),
.register-page .login-page__button--sso:focus:not(:disabled),
.renew-page .login-page__button--sso:focus:not(:disabled),
.request-instance-access-page .login-page__button--sso:focus:not(:disabled) {
  outline: none;
  border: 1px solid #ffffff;
  color: #2ab1ac;
  background-color: #ffffff;
}
.login-page .login-page__register-step,
.register-page .login-page__register-step,
.renew-page .login-page__register-step,
.request-instance-access-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,
.request-instance-access-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,
.request-instance-access-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,
.request-instance-access-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,
.request-instance-access-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,
.request-instance-access-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,
  .request-instance-access-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,
  .request-instance-access-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,
  .request-instance-access-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,
  .request-instance-access-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,
  .request-instance-access-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,
  .request-instance-access-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,
  .request-instance-access-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,
  .request-instance-access-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,
  .request-instance-access-page .login-page__logo {
    width: 60px;
  }
  .login-page .login-page__right-column-container,
  .register-page .login-page__right-column-container,
  .request-instance-access-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,
  .request-instance-access-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,
  .request-instance-access-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"]),
  .request-instance-access-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,
  .request-instance-access-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,
  .request-instance-access-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,
  .request-instance-access-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,
  .request-instance-access-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,
  .request-instance-access-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,
  .request-instance-access-page .login-page__right-column-container .login-page__trial-radio p {
    margin-left: 0;
  }
}
.login-page.login--community,
.register-page.register-page,
.request-instance-access-page {
  color: #666666;
}
.login-page.login--community:before,
.register-page.register-page:before,
.request-instance-access-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,
.request-instance-access-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;
}
.request-instance-access-page {
  margin-top: -50px;
}
.request-instance-access-page form {
  /* Color invalid dataset uniqueness issues, even when non dirty */
}
.request-instance-access-page form input[type=text],
.request-instance-access-page form input[type=email],
.request-instance-access-page form input[type=url],
.request-instance-access-page form input[type=number],
.request-instance-access-page form input[type=date],
.request-instance-access-page form input[type=time],
.request-instance-access-page form input[type=datetime-local],
.request-instance-access-page form input[type=password],
.request-instance-access-page form textarea,
.request-instance-access-page form select,
.request-instance-access-page 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;
}
.request-instance-access-page form input[type=text]:focus,
.request-instance-access-page form input[type=email]:focus,
.request-instance-access-page form input[type=url]:focus,
.request-instance-access-page form input[type=number]:focus,
.request-instance-access-page form input[type=date]:focus,
.request-instance-access-page form input[type=time]:focus,
.request-instance-access-page form input[type=datetime-local]:focus,
.request-instance-access-page form input[type=password]:focus,
.request-instance-access-page form textarea:focus,
.request-instance-access-page form select:focus,
.request-instance-access-page form button.btn.selectpicker:focus,
.request-instance-access-page form input[type=text]:hover,
.request-instance-access-page form input[type=email]:hover,
.request-instance-access-page form input[type=url]:hover,
.request-instance-access-page form input[type=number]:hover,
.request-instance-access-page form input[type=date]:hover,
.request-instance-access-page form input[type=time]:hover,
.request-instance-access-page form input[type=datetime-local]:hover,
.request-instance-access-page form input[type=password]:hover,
.request-instance-access-page form textarea:hover,
.request-instance-access-page form select:hover,
.request-instance-access-page form button.btn.selectpicker:hover {
  color: #333333;
}
.request-instance-access-page form input[type=text]:focus,
.request-instance-access-page form input[type=email]:focus,
.request-instance-access-page form input[type=url]:focus,
.request-instance-access-page form input[type=number]:focus,
.request-instance-access-page form input[type=date]:focus,
.request-instance-access-page form input[type=time]:focus,
.request-instance-access-page form input[type=datetime-local]:focus,
.request-instance-access-page form input[type=password]:focus,
.request-instance-access-page form textarea:focus,
.request-instance-access-page form select:focus,
.request-instance-access-page form button.btn.selectpicker:focus {
  box-shadow: none;
  border: 1px solid #3b99fc;
}
.request-instance-access-page form input[type=text].ng-dirty.ng-invalid,
.request-instance-access-page form input[type=email].ng-dirty.ng-invalid,
.request-instance-access-page form input[type=url].ng-dirty.ng-invalid,
.request-instance-access-page form input[type=number].ng-dirty.ng-invalid,
.request-instance-access-page form input[type=date].ng-dirty.ng-invalid,
.request-instance-access-page form input[type=time].ng-dirty.ng-invalid,
.request-instance-access-page form input[type=datetime-local].ng-dirty.ng-invalid,
.request-instance-access-page form input[type=password].ng-dirty.ng-invalid,
.request-instance-access-page form textarea.ng-dirty.ng-invalid,
.request-instance-access-page form select.ng-dirty.ng-invalid,
.request-instance-access-page form button.btn.selectpicker.ng-dirty.ng-invalid {
  border: 1px solid #ce1228;
}
.request-instance-access-page form input[type=text].invalid-ignores-dirty.ng-invalid,
.request-instance-access-page form input[type=email].invalid-ignores-dirty.ng-invalid,
.request-instance-access-page form input[type=url].invalid-ignores-dirty.ng-invalid,
.request-instance-access-page form input[type=number].invalid-ignores-dirty.ng-invalid,
.request-instance-access-page form input[type=date].invalid-ignores-dirty.ng-invalid,
.request-instance-access-page form input[type=time].invalid-ignores-dirty.ng-invalid,
.request-instance-access-page form input[type=datetime-local].invalid-ignores-dirty.ng-invalid,
.request-instance-access-page form input[type=password].invalid-ignores-dirty.ng-invalid,
.request-instance-access-page form textarea.invalid-ignores-dirty.ng-invalid,
.request-instance-access-page form select.invalid-ignores-dirty.ng-invalid,
.request-instance-access-page form button.btn.selectpicker.invalid-ignores-dirty.ng-invalid,
.invalid-ignores-dirty .request-instance-access-page form input[type=text].ng-invalid,
.invalid-ignores-dirty .request-instance-access-page form input[type=email].ng-invalid,
.invalid-ignores-dirty .request-instance-access-page form input[type=url].ng-invalid,
.invalid-ignores-dirty .request-instance-access-page form input[type=number].ng-invalid,
.invalid-ignores-dirty .request-instance-access-page form input[type=date].ng-invalid,
.invalid-ignores-dirty .request-instance-access-page form input[type=time].ng-invalid,
.invalid-ignores-dirty .request-instance-access-page form input[type=datetime-local].ng-invalid,
.invalid-ignores-dirty .request-instance-access-page form input[type=password].ng-invalid,
.invalid-ignores-dirty .request-instance-access-page form textarea.ng-invalid,
.invalid-ignores-dirty .request-instance-access-page form select.ng-invalid,
.invalid-ignores-dirty .request-instance-access-page form button.btn.selectpicker.ng-invalid {
  border: 1px solid #ce1228;
}
.request-instance-access-page form button.btn.selectpicker {
  line-height: 16px;
  padding: 1px 20px 1px 4px;
  background-color: #ffffff;
}
.request-instance-access-page form button.btn.selectpicker:hover {
  background-color: #f2f2f2;
}
.request-instance-access-page form button.btn.selectpicker.none-selected-text .filter-option {
  color: var(--dku-select-placeholder-color, #999999);
}
.request-instance-access-page form button.btn.selectpicker.none-selected-text .filter-option::before {
  content: var(--dku-select-placeholder-emphasis--before, '- ');
}
.request-instance-access-page form button.btn.selectpicker.none-selected-text .filter-option::after {
  content: var(--dku-select-placeholder-emphasis--after, ' -');
}
.request-instance-access-page form button.btn.selectpicker.disabled.none-selected-text .filter-option {
  color: #cccccc;
}
.request-instance-access-page form button.btn.selectpicker.disabled {
  background-color: #f2f2f2;
}
.request-instance-access-page form button.btn.selectpicker.disabled:hover {
  background-color: #f2f2f2;
}
.request-instance-access-page form button.btn.selectpicker.disabled:focus {
  border: 1px #bbbbbb solid;
}
.request-instance-access-page form input[type=checkbox],
.request-instance-access-page form input[type=radio] {
  margin: 0 5px 0 0;
  float: none;
}
.request-instance-access-page form input[type=radio] {
  position: relative;
  top: -1px;
}
.request-instance-access-page form input:focus {
  border: 1px #31708f solid;
}
.request-instance-access-page form input.ng-invalid-dataset-name-unique {
  border-color: #d53648;
}
.request-instance-access-page form textarea {
  line-height: 14px;
  height: auto;
  padding: 4px 4px;
}
.request-instance-access-page form a:hover {
  text-decoration: none;
}
.request-instance-access-page form a:focus {
  outline: none;
}
.request-instance-access-page form .alert {
  border-radius: 0;
}
.request-instance-access-page form input[type="date"]::-webkit-clear-button {
  /* Removes the cross to clear */
  -webkit-appearance: none;
  margin: 0;
}
.request-instance-access-page form > * {
  margin-block: 0 !important;
}
.request-instance-access-page form > * + * {
  margin-block-start: 8px !important;
}
.request-instance-access-page form .children-vertical-spacing-exception + * {
  margin-block-start: 0 !important;
}
.request-instance-access-page form textarea.request-instance-access-page__textarea {
  width: 100%;
  height: 100px;
  margin-bottom: 8px;
  background: #ffffff;
  resize: none;
}
.request-instance-access-page .request-instance-access-page__log-out {
  font-size: 14px;
  margin-top: 8px;
}
.request-instance-access-page .none-user-logout {
  background-color: transparent;
  background-image: none;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  border-color: transparent;
  cursor: pointer;
  color: #0088cc;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
  font-family: inherit;
  vertical-align: inherit;
  font-size: inherit;
  padding: 0;
}
.request-instance-access-page .none-user-logout:hover {
  text-decoration: underline;
}
.request-instance-access-page .none-users-cta-message {
  max-height: 150px;
  overflow: auto;
}
.request-instance-access-page .none-users-cta-message > * {
  margin-block: 0 !important;
}
.request-instance-access-page .none-users-cta-message > * + * {
  margin-block-start: 8px !important;
}
.request-instance-access-page .none-users-cta-message .children-vertical-spacing-exception + * {
  margin-block-start: 0 !important;
}
.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;
  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-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 {
  display: flex;
  align-items: baseline;
}
.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;
}
.projects .project .project-title i.icon-lock {
  font-family: 'SourceSansPro';
  font-weight: 400;
  font-size: 14px;
}
.app-template-overlay {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 40px;
  height: 40px;
  text-align: left;
  padding: 2px 0 0 6px;
  line-height: 40px;
  color: #ffffff;
  font-size: 20px;
  box-sizing: border-box;
  background: #3b99fc;
  border-radius: 0 35px 0 0;
}
.app-template-overlay--graph {
  bottom: 1px;
  left: 1px;
  width: 25px;
  height: 25px;
  padding: 1px 0 0 4px;
  line-height: 25px;
  font-size: 12px;
}
g[data-type=PROJECT]:hover .app-template-overlay--graph {
  bottom: 0;
  left: 0;
}
.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 {
  display: flex;
  align-items: baseline;
}
.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;
}
.apps .app .app-title i.icon-lock {
  font-family: 'SourceSansPro';
  font-weight: 400;
  font-size: 14px;
}
.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;
}
.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.with-project-branch .project-title h3 {
  margin-bottom: 0;
}
.project-rows .project:not(.inline-taggable-object-icon) .row-cell.project-body .project-branch {
  font-family: 'SourceSansPro';
  font-weight: 400;
  font-size: 13px;
  color: #666666;
  height: auto;
  display: flex;
  flex-direction: row;
  align-items: center;
  margin: -2px 0 14px 0;
}
.project-rows .project:not(.inline-taggable-object-icon) .row-cell.project-body .project-branch .project-branch-icon {
  flex-grow: 0;
  margin-right: 4px;
}
.project-rows .project:not(.inline-taggable-object-icon) .row-cell.project-body .project-branch .project-branch-label {
  flex-grow: 1;
}
.project-rows .project:not(.inline-taggable-object-icon) .row-cell.project-body .project-branch .project-branch-label > div {
  direction: rtl;
  text-align: left;
}
.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(100% + 13px);
  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(100% - 23px);
  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;
  display: flex;
  align-items: baseline;
  width: 100%;
}
.project-rows .folder .title h3,
.project-rows .folder .title limited-visibility-lock {
  line-height: 23px;
  color: #333333;
  padding-top: 0;
  margin-bottom: 0;
}
.project-rows .folder .title h3 {
  font-family: 'SourceSansPro';
  font-weight: 400;
  font-size: 16px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.project-rows .folder .title limited-visibility-lock {
  font-family: 'SourceSansPro';
  font-weight: 400;
  font-size: 13px;
}
.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 {
  box-sizing: border-box;
  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: 4px;
}
.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;
}
ng1-project-scenarios-runs .scenario-outcomes.scenario-outcomes.scenario-outcomes.scenario-outcomes .graph-header {
  padding-left: 15px;
  height: 24px;
}
ng1-project-scenarios-runs .scenario-outcomes.scenario-outcomes.scenario-outcomes.scenario-outcomes .graph-header .scenario-names {
  white-space: nowrap;
}
ng1-project-scenarios-runs .scenario-outcomes.scenario-outcomes.scenario-outcomes.scenario-outcomes .graph-header .scenario-names .nb-activated {
  margin-left: 5px;
  color: #3b99fc;
}
ng1-project-scenarios-runs .scenario-outcomes.scenario-outcomes.scenario-outcomes.scenario-outcomes .graph-header .scenario-names .nb-activated:hover {
  text-decoration: none;
}
ng1-project-scenarios-runs .scenario-outcomes.scenario-outcomes.scenario-outcomes.scenario-outcomes .graph-header .scenario-names .nb-activated:focus {
  outline: none;
}
ng1-project-scenarios-runs .scenario-outcomes.scenario-outcomes.scenario-outcomes.scenario-outcomes .graph-header .scenario-names .nb-activated:hover {
  color: #0472e7;
}
ng1-project-scenarios-runs .scenario-outcomes.scenario-outcomes.scenario-outcomes.scenario-outcomes .graph-header .scenario-names,
ng1-project-scenarios-runs .scenario-outcomes.scenario-outcomes.scenario-outcomes.scenario-outcomes .graph-header .past-runs {
  line-height: initial;
  font-size: 14px;
}
ng1-project-scenarios-runs .scenario-outcomes.scenario-outcomes.scenario-outcomes.scenario-outcomes .graph-header .cell-pane {
  height: 24px;
  overflow: visible;
}
ng1-project-scenarios-runs .scenario-outcomes.scenario-outcomes.scenario-outcomes.scenario-outcomes .graph-header .graph .tick-label .date-label,
ng1-project-scenarios-runs .scenario-outcomes.scenario-outcomes.scenario-outcomes.scenario-outcomes .graph-header .graph .tick-label .hovered-date-label {
  box-sizing: border-box;
  top: auto;
  bottom: 8px;
  width: 100%;
  text-align: center;
  transform: none;
  line-height: 13px;
}
ng1-project-scenarios-runs .scenario-outcomes.scenario-outcomes.scenario-outcomes.scenario-outcomes .graph-header .scenario-names,
ng1-project-scenarios-runs .scenario-outcomes.scenario-outcomes.scenario-outcomes.scenario-outcomes .graph-header .past-runs,
ng1-project-scenarios-runs .scenario-outcomes.scenario-outcomes.scenario-outcomes.scenario-outcomes .graph-header .graph .cell-pane {
  border-bottom: none;
  border-left: none;
}
ng1-project-scenarios-runs .scenario-outcomes.scenario-outcomes.scenario-outcomes.scenario-outcomes .graph-header .past-runs {
  color: #666666;
}
ng1-project-scenarios-runs .scenario-outcomes.scenario-outcomes.scenario-outcomes.scenario-outcomes .graph-body {
  padding-left: 15px;
}
ng1-project-scenarios-runs .scenario-outcomes.scenario-outcomes.scenario-outcomes.scenario-outcomes .graph-body .scenario-names ul,
ng1-project-scenarios-runs .scenario-outcomes.scenario-outcomes.scenario-outcomes.scenario-outcomes .graph-body .past-runs ul,
ng1-project-scenarios-runs .scenario-outcomes.scenario-outcomes.scenario-outcomes.scenario-outcomes .graph-body .cell-pane {
  border-bottom: 0;
}
ng1-project-scenarios-runs .scenario-outcomes.scenario-outcomes.scenario-outcomes.scenario-outcomes .graph-body .scenario-names ul li .scenario-name a {
  font-size: 13px;
  color: #666666;
  font-weight: 400;
}
ng1-project-scenarios-runs .scenario-outcomes.scenario-outcomes.scenario-outcomes.scenario-outcomes .graph-body .scenario-names ul li.hovered-row .scenario-name a {
  color: #333333;
}
ng1-project-scenarios-runs .scenario-outcomes.scenario-outcomes.scenario-outcomes.scenario-outcomes .graph-body .past-runs ul li .run-count a {
  font-size: 13px;
  color: #bbbbbb;
  font-weight: 400;
  padding-right: 10px;
}
ng1-project-scenarios-runs .scenario-outcomes.scenario-outcomes.scenario-outcomes.scenario-outcomes .graph-body .past-runs ul li .run-count a:hover {
  text-decoration: none;
}
ng1-project-scenarios-runs .scenario-outcomes.scenario-outcomes.scenario-outcomes.scenario-outcomes .graph-body .past-runs ul li .run-count a:focus {
  outline: none;
}
ng1-project-scenarios-runs .scenario-outcomes.scenario-outcomes.scenario-outcomes.scenario-outcomes .graph-body .past-runs ul li.hovered-row .run-count a {
  color: #666666;
}
ng1-project-scenarios-runs .scenario-outcomes.scenario-outcomes.scenario-outcomes.scenario-outcomes .graph-body .graph .cell-pane li {
  flex: 1 1 auto;
}
ng1-project-scenarios-runs .scenario-outcomes.scenario-outcomes.scenario-outcomes.scenario-outcomes .graph-body .graph .cell-pane li .cell .hover-active {
  background: #222222;
  opacity: 0.1;
}
ng1-project-scenarios-runs .scenario-outcomes.scenario-outcomes.scenario-outcomes.scenario-outcomes .graph-body .graph .cell-pane li .cell:not(.empty-row) .hover-active:hover {
  opacity: 0.2;
}
ng1-project-scenarios-runs .scenario-outcomes.scenario-outcomes.scenario-outcomes.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;
}
ng1-project-scenarios-runs .scenario-outcomes.scenario-outcomes.scenario-outcomes.scenario-outcomes .past-runs {
  flex: 0 0 100px;
  text-align: center;
}
ng1-project-scenarios-runs .scenario-outcomes.scenario-outcomes.scenario-outcomes.scenario-outcomes .past-runs i {
  margin-right: 4px;
}
ng1-project-scenarios-runs .scenario-outcomes.scenario-outcomes.scenario-outcomes.scenario-outcomes .past-runs i.success {
  color: #4caf50;
}
ng1-project-scenarios-runs .scenario-outcomes.scenario-outcomes.scenario-outcomes.scenario-outcomes .past-runs i.failed {
  color: #ce1228;
}
ng1-project-scenarios-runs .scenario-outcomes.scenario-outcomes.scenario-outcomes.scenario-outcomes .past-runs i.warning {
  color: #f28c37;
}
ng1-project-scenarios-runs .scenario-outcomes.scenario-outcomes.scenario-outcomes.scenario-outcomes .past-runs i.aborted {
  color: #bbbbbb;
}
ng1-project-scenarios-runs .scenario-outcomes.scenario-outcomes.scenario-outcomes.scenario-outcomes.no-scenario {
  background-color: #666666;
}
ng1-project-scenarios-runs .scenario-outcomes.scenario-outcomes.scenario-outcomes.scenario-outcomes.no-scenario .graph-body .scenario-names ul,
ng1-project-scenarios-runs .scenario-outcomes.scenario-outcomes.scenario-outcomes.scenario-outcomes.no-scenario .graph-body .past-runs {
  background-color: #666666;
}
ng1-project-scenarios-runs .scenario-outcomes.scenario-outcomes.scenario-outcomes.scenario-outcomes.no-scenario .graph-body .graph .cell {
  background-color: #666666;
}
ng1-project-scenarios-runs .scenario-outcomes.scenario-outcomes.scenario-outcomes.scenario-outcomes.no-scenario .graph-body .graph .cell:not(:first-child) {
  border-left: 1px solid #dddddd;
}
ng1-project-scenarios-runs .scenario-outcomes.scenario-outcomes.scenario-outcomes.scenario-outcomes.no-scenario .graph-body .graph .cell.weekend {
  background-color: #f2f2f2;
}
.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-code-studios-wrapper i.type {
  color: #f28c38;
}
.projects-graph .right-pane .eo-bundle-right-column-summary .column-panel.exposed-code-studios-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-legacy-right-column-summary .croped-project-picture {
  width: 100%;
  height: 100%;
  background-size: cover;
  background-position: center;
}
.projects-graph .right-pane .project-legacy-right-column-summary .column-panel {
  padding: 15px;
}
.projects-graph .right-pane .project-legacy-right-column-summary .column-panel:not(:last-child) {
  border-bottom: 1px solid #dddddd;
}
.projects-graph .right-pane .project-legacy-right-column-summary .column-panel h4 {
  margin-top: 0;
  margin-bottom: 15px;
  font-weight: 400;
}
.projects-graph .right-pane .project-legacy-right-column-summary .project-meta {
  padding: 15px;
}
.projects-graph .right-pane .project-legacy-right-column-summary .project-meta .project-branch {
  margin-bottom: 15px;
}
.projects-graph .right-pane .project-legacy-right-column-summary .project-meta .project-status {
  margin-bottom: 15px;
}
.projects-graph .right-pane .project-legacy-right-column-summary .project-meta .project-description {
  margin-bottom: 15px;
  min-height: 40px;
}
.projects-graph .right-pane .project-legacy-right-column-summary .project-meta .project-tags {
  margin-bottom: 0;
}
.projects-graph .right-pane .project-legacy-right-column-summary .project-meta .project-tags ul.tags li {
  padding-left: 0;
  padding-right: 0;
}
.projects-graph .right-pane .project-legacy-right-column-summary .project-metrics ul {
  color: #666666;
  text-transform: capitalize;
  list-style: none;
  margin: 0 0 10px 25px;
}
.projects-graph .right-pane .project-legacy-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-legacy-right-column-summary .project-metrics .uncompleted-todo {
  color: #bbbbbb;
}
.projects-graph .right-pane .project-legacy-right-column-summary .project-activity svg {
  margin: 0 0 10px 25px;
}
.projects-graph .right-pane .project-legacy-right-column-summary .project-people .contributor {
  display: inline-block;
  width: 33px;
  height: 33px;
  padding: 5px;
  box-sizing: border-box;
}
.projects-graph .right-pane .project-legacy-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;
  padding: 0;
  border: none;
}
.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;
  display: flex;
  align-items: baseline;
  width: 100%;
}
.project-tiles .project:not(.inline-taggable-object-icon) .title h3,
.project-tiles .project:not(.inline-taggable-object-icon) .title limited-visibility-lock {
  line-height: 23px;
  color: #333333;
  padding-top: 0;
  margin-bottom: 0;
}
.project-tiles .project:not(.inline-taggable-object-icon) .title h3 {
  font-family: 'SourceSansPro';
  font-weight: 400;
  font-size: 16px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.project-tiles .project:not(.inline-taggable-object-icon) .title limited-visibility-lock {
  font-family: 'SourceSansPro';
  font-weight: 400;
  font-size: 13px;
}
.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) .new-in-version-badge {
  position: absolute;
  clip-path: polygon(10% 0%, 100% 0%, 90% 100%, 0% 100%);
  right: 4px;
  top: 4px;
}
.project-tiles .project:not(.inline-taggable-object-icon) .new-in-version-badge .new-label {
  background-color: #14c7c7;
  color: #ffffff;
  width: auto;
  font-weight: 800;
  font-size: 10px;
  height: 15px;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 0 16px;
}
.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) .with-project-branch .description {
  flex: 0 0 36px;
}
.project-tiles .project:not(.inline-taggable-object-icon) .project-branch {
  font-family: 'SourceSansPro';
  font-weight: 400;
  font-size: 13px;
  color: #666666;
  height: auto;
  display: flex;
  flex-direction: row;
  align-items: center;
  margin: -2px 0 4px 0;
}
.project-tiles .project:not(.inline-taggable-object-icon) .project-branch .project-branch-icon {
  flex-grow: 0;
  margin-right: 4px;
}
.project-tiles .project:not(.inline-taggable-object-icon) .project-branch .project-branch-label {
  flex-grow: 1;
}
.project-tiles .project:not(.inline-taggable-object-icon) .project-branch .project-branch-label > div {
  direction: rtl;
  text-align: left;
}
.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: 14px;
  width: calc(100% - 10px);
}
.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;
  display: flex;
  align-items: center;
  justify-content: center;
  white-space: initial;
}
.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 {
  display: flex;
  align-items: baseline;
  width: 100%;
}
.app-tiles .app .title h3,
.app-tiles .app .title limited-visibility-lock {
  line-height: 23px;
  color: #333333;
  padding-top: 0;
  margin-bottom: 3px;
}
.app-tiles .app .title h3 {
  font-family: 'SourceSansPro';
  font-weight: 400;
  font-size: 16px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.app-tiles .app .title limited-visibility-lock {
  font-family: 'SourceSansPro';
  font-weight: 400;
  font-size: 13px;
}
.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 {
  padding-bottom: 22px;
}
.home-page .left-side-items {
  flex: 1 1 auto;
}
.home-page .right-side-items {
  justify-content: flex-end;
  display: flex;
  flex: 0 0 300px;
}
.home-page .right-side-items.flow-display-mode {
  flex: 0 0 450px;
}
.home-page .projects-view-buttons-wrapper {
  display: inline-block;
}
.home-page .top-bar-controls {
  display: flex;
  align-items: center;
}
.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;
}
.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: 140px;
  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;
}
.home-page .projects-search input.invalid-ignores-dirty.ng-invalid,
.invalid-ignores-dirty .home-page .projects-search input.ng-invalid {
  border: 1px solid #ce1228;
}
.request-access-top-bar {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 8px;
}
.request-access-top-bar i {
  flex-basis: auto;
  flex-grow: 0;
  flex-shrink: 0;
}
.request-access-top-bar div {
  flex-basis: 65%;
  flex-grow: 1;
  flex-shrink: 0;
}
.request-access-top-bar button {
  flex-shrink: 0;
  margin-left: auto;
}
.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;
  display: flex;
  align-items: baseline;
  width: 100%;
}
.project-tiles .project-folder .title h3,
.project-rows .project-folder .title h3,
.project-tiles .project-folder .title limited-visibility-lock,
.project-rows .project-folder .title limited-visibility-lock {
  line-height: 23px;
  color: #333333;
  padding-top: 0;
  margin-bottom: 0;
}
.project-tiles .project-folder .title h3,
.project-rows .project-folder .title h3 {
  font-family: 'SourceSansPro';
  font-weight: 400;
  font-size: 16px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.project-tiles .project-folder .title limited-visibility-lock,
.project-rows .project-folder .title limited-visibility-lock {
  font-family: 'SourceSansPro';
  font-weight: 400;
  font-size: 13px;
}
.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: #666666;
}
.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 .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;
}
.no-access-screen {
  height: 100%;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: column;
  flex-direction: column;
  width: 100%;
  box-sizing: border-box;
  align-items: center;
  justify-content: center;
}
.no-access-screen > .standard-container__wrap {
  flex-grow: 0;
}
.no-access-screen > .standard-container__wrap + .standard-container__wrap {
  margin-top: 32px;
  margin-left: 0;
  flex-grow: 0;
}
.no-access-screen > .flex {
  -webkit-flex: 1 1 auto;
  flex: 1 1 auto;
  position: relative;
}
.no-access-screen > .flex .override-min-height {
  min-height: 0px;
}
.no-access-screen > .flex-no-basis,
.no-access-screen .flex-no-basis {
  -webkit-flex: 1 1 0;
  flex: 1 1 0;
  position: relative;
}
.no-access-screen > .flex-no-basis .override-min-height,
.no-access-screen .flex-no-basis .override-min-height {
  min-height: 0px;
}
.no-access-screen > .flex-no-grow {
  -webkit-flex: 0 1 auto;
  flex: 0 1 auto;
  position: relative;
}
.no-access-screen > .flex-no-shrink {
  -webkit-flex: 1 0 auto;
  flex: 1 0 auto;
  position: relative;
}
.no-access-screen > .noflex,
.no-access-screen .top-level-tabs,
.no-access-screen > .alert,
.no-access-screen > .bottom-bar,
.no-access-screen > .input-append,
.no-access-screen > div[block-api-error],
.no-access-screen > h1,
.no-access-screen > h2,
.no-access-screen > h3,
.no-access-screen > h4,
.no-access-screen > h5,
.no-access-screen > h6 {
  -webkit-flex-flex: 0 0 auto;
  flex: 0 0 auto;
}
.no-access-screen > * {
  margin-block: 0 !important;
}
.no-access-screen > * + * {
  margin-block-start: 8px !important;
}
.no-access-screen .children-vertical-spacing-exception + * {
  margin-block-start: 0 !important;
}
.no-access-screen .icon-warning-sign {
  color: #bbbbbb;
}
.no-access-screen .no-access-screen__text {
  color: #222222;
  font-size: 14px;
  font-weight: 600;
}
.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 .object-or-project-summary-column-base {
  padding-right: 5px;
}
.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 {
  margin-right: 8px;
}
.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: 8px;
  max-width: 170px;
}
.project-summary-page .recent-history .last-viewed {
  font-size: 10px;
  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.object-image--faded {
  opacity: 0.4;
}
.project-summary-page .title-zone .object-image.object-image--accessible-only {
  background-color: #dddddd;
}
.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 .visible-project-title {
  max-width: calc(100% - 40px);
}
.project-summary-page .title-zone .object-main .visible-project-title .width-fit-content {
  display: flex;
  align-items: center;
}
.project-summary-page .title-zone .object-main .visible-project-title i.icon-lock {
  font-size: 20px;
  margin: 0 8px;
}
.project-summary-page .title-zone .object-main .shortDesc-well {
  flex: 1 0 auto;
}
.project-summary-page .title-zone .object-main .project-git-info {
  display: flex;
}
.project-summary-page .title-zone .object-main .project-git-info__icon {
  color: #666666;
  margin-right: 8px;
  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: 36px;
}
.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: 5px;
  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: 70px;
  width: 180px;
}
.project-content-summary.automation .content-section .content-item .scenarios {
  color: #8541aa;
}
.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: 8px;
  margin: 8px 0;
  font-weight: 400;
  font-size: 20px;
  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;
  line-height: 24px;
  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 .labeling-tasks {
  color: #f9bd38;
}
.project-content-summary .content-section .content-item .retrievable-knowledge {
  color: #d66f9e;
}
.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;
}
.project-content-summary .content-section .content-item:hover .retrievable-knowledge {
  color: #cb4783;
}
.new-project-modal {
  min-width: 515px;
  width: 515px;
}
.new-project-modal form {
  margin-bottom: 0;
}
.import-project-modal .add-value span,
.duplicate-project__modal .add-value span,
.code-studio-template__import-modal .add-value span {
  color: #666666;
  cursor: pointer;
}
.import-project-modal .add-value span i,
.duplicate-project__modal .add-value span i,
.code-studio-template__import-modal .add-value span i {
  margin-right: 6px;
}
.import-project-modal .add-value span:hover,
.duplicate-project__modal .add-value span:hover,
.code-studio-template__import-modal .add-value span:hover {
  color: #666666;
}
.new-tutorial-modal {
  min-width: 850px;
  width: 850px;
  height: 85%;
  max-height: 640px;
}
.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: 100%;
  line-height: 30px;
  box-sizing: border-box;
  padding: 0px 12px 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;
  padding-right: 0px;
}
.new-tutorial-modal ul.section-pills li.active a {
  color: #222222;
}
.new-tutorial-modal .project-tiles {
  display: flex;
  flex-wrap: wrap;
  column-gap: 24px;
  row-gap: 24px;
  margin: 0px;
}
.new-tutorial-modal .project-tiles .tile-wrapper {
  transform: translateY(0);
  margin-right: 0px;
}
.new-tutorial-modal .project-tiles .tile-wrapper .project {
  background: #ffffff;
}
.new-tutorial-modal .project-tiles .tile-wrapper .project .title h3 {
  white-space: normal;
}
.new-tutorial-modal .project-tiles .tile-wrapper.selected {
  outline: 1px solid #3b99fc;
}
.new-solution-modal {
  min-width: 1096px;
  width: 1096px;
  height: 85%;
  max-height: 640px;
}
.new-solution-modal .modal-body {
  max-height: initial;
  min-height: 200px;
  overflow-y: initial;
}
.new-solution-modal .project-tiles {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  row-gap: 24px;
  margin: 0px;
}
.new-solution-modal .project-tiles .tile-wrapper {
  transform: translateY(0);
  margin-right: 0px;
}
.new-solution-modal .project-tiles .tile-wrapper .project {
  background: #ffffff;
}
.new-solution-modal .project-tiles .tile-wrapper .project .title h3 {
  white-space: normal;
}
.new-solution-modal .project-tiles .tile-wrapper.selected {
  outline: 1px solid #3b99fc;
}
.new-solution-modal .new-solution-modal-right-panel {
  width: 275px;
  max-width: 275px;
}
.new-solution-modal .new-solution-modal-right-panel-empty-state-container {
  padding: 32px;
  scrollbar-width: thin;
}
.new-solution-modal .new-solution-modal-right-panel-default-state-container {
  padding: 16px;
  scrollbar-width: thin;
}
.new-solution-modal .new-solution-modal-right-panel-empty-state-icon-container {
  align-self: center;
  width: 120px;
  height: 120px;
  border-radius: 100px;
  background: #d9e6ed;
  margin-bottom: 16px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.new-solution-modal .new-solution-modal-right-panel-empty-state-icon {
  color: #427893;
}
.new-solution-modal .new-solution-modal-right-panel-empty-state-title {
  text-align: center;
  font-size: 26px;
  line-height: 32px;
  font-weight: 500;
  color: #666666;
  margin-bottom: 8px;
}
.new-solution-modal .new-solution-modal-right-panel-default-state-title {
  font-size: 26px;
  line-height: 32px;
  font-weight: 500;
  color: #666666;
  margin-bottom: 16px;
}
.new-solution-modal .new-solution-modal-right-panel-empty-state-text {
  color: #666666;
  text-align: center;
  font-size: 16px;
}
.new-solution-modal .new-solution-modal-right-panel-default-state-text {
  color: #666666;
  text-align: justify;
}
.new-solution-modal .new-solution-modal-right-panel-preview-container {
  width: 100%;
  height: 100%;
}
.new-solution-modal .new-solution-modal-right-panel-preview-container__frame {
  border: 0;
  width: 100%;
  height: 100%;
}
.new-solution-modal .new-solution-modal-horizontal-container > *:not(:last-child) {
  border-right: 1px solid #dddddd;
}
.new-solution-modal .new-solution-modal-intro-text {
  margin: 0 28px 16px;
}
.new-solution-modal .new-solution-modal-no-solution {
  font-weight: 500;
  font-size: 16px;
  line-height: 20px;
  color: #222222;
  color: #666666;
  text-align: center;
  margin-top: 64px;
}
.new-solution-modal .new-solution-modal-facet-toggle {
  user-select: none;
}
.new-tutorial-modal .new-tutorial-solution-modal-alert,
.new-solution-modal .new-tutorial-solution-modal-alert {
  border-color: transparent;
  border-radius: 0;
  padding: 8px 16px;
}
.new-tutorial-modal .new-tutorial-solution-modal-alert h4,
.new-solution-modal .new-tutorial-solution-modal-alert h4 {
  font-weight: 500;
}
.new-tutorial-modal .new-tutorial-solution-modal-alert p,
.new-solution-modal .new-tutorial-solution-modal-alert p {
  font-size: 14px;
}
.new-tutorial-modal .new-tutorial-solution-modal-alert-box,
.new-solution-modal .new-tutorial-solution-modal-alert-box {
  margin: 16px 16px 0;
}
.new-tutorial-modal .new-tutorial-solution-modal-no-tutorial,
.new-solution-modal .new-tutorial-solution-modal-no-tutorial {
  font-weight: 500;
  font-size: 16px;
  line-height: 20px;
  color: #222222;
  color: #666666;
  text-align: center;
  margin-top: 64px;
}
.new-tutorial-modal .new-tutorial-solution-modal-left-panel,
.new-solution-modal .new-tutorial-solution-modal-left-panel {
  width: 205px;
  max-width: 205px;
}
.new-tutorial-modal .new-tutorial-solution-modal-left-panel-content,
.new-solution-modal .new-tutorial-solution-modal-left-panel-content {
  padding: 16px 0px 0px 16px;
}
.new-tutorial-modal .new-tutorial-solution-modal-search-input,
.new-solution-modal .new-tutorial-solution-modal-search-input {
  width: 184px;
}
.new-tutorial-modal .new-tutorial-solution-modal-facets,
.new-solution-modal .new-tutorial-solution-modal-facets {
  overflow-y: auto;
  scrollbar-width: thin;
}
.new-tutorial-modal .new-tutorial-solution-modal-facet-label,
.new-solution-modal .new-tutorial-solution-modal-facet-label {
  user-select: none;
  font-weight: 600;
}
.new-tutorial-modal .new-tutorial-solution-modal-center-panel-content,
.new-solution-modal .new-tutorial-solution-modal-center-panel-content {
  padding: 16px 12px;
  scrollbar-gutter: stable both-edges;
  scrollbar-width: thin;
}
.new-tutorial-modal .new-tutorial-solution-modal-footer-left,
.new-solution-modal .new-tutorial-solution-modal-footer-left {
  display: flex;
  align-items: baseline;
  gap: 8px;
}
.new-tutorial-modal .new-tutorial-solution-modal-footer-left .help-inline,
.new-solution-modal .new-tutorial-solution-modal-footer-left .help-inline,
.new-tutorial-modal .new-tutorial-solution-modal-footer-left .text-error,
.new-solution-modal .new-tutorial-solution-modal-footer-left .text-error {
  font-size: 12px;
}
.solution-download-modal {
  width: fit-content;
  max-width: 820px;
  min-width: 500px;
}
.solution-download-modal .solution-download-modal__alert-desc-title {
  margin-top: 0;
}
.solution-download-modal .solution-download-modal__alert-label {
  display: flex;
  justify-content: center;
}
.solution-download-modal td {
  padding-right: 20px;
  padding-bottom: 30px;
}
.solution-download-modal td.action-btn {
  text-align: center;
  padding-left: 40px;
}
.request-access-modal .request-access-modal__message-input,
.request-seat-modal .request-access-modal__message-input,
.request-profile-upgrade-modal .request-access-modal__message-input,
.request-access-modal .request-seat-modal__message-input,
.request-seat-modal .request-seat-modal__message-input,
.request-profile-upgrade-modal .request-seat-modal__message-input,
.request-access-modal .request-profile-upgrade-modal__message-input,
.request-seat-modal .request-profile-upgrade-modal__message-input,
.request-profile-upgrade-modal .request-profile-upgrade-modal__message-input {
  resize: none;
  width: 100%;
  box-sizing: border-box;
  min-height: 100px;
}
.request-profile-upgrade-modal .request-modal__message-input-counter {
  display: flex;
  justify-content: end;
  color: #999999;
}
.request-profile-upgrade-modal .request-modal__message-profile-upgrade {
  max-height: 160px;
}
.request-plugin-modal {
  width: fit-content;
  max-width: 700px;
}
.request-plugin-modal .request-plugin-modal__message-input {
  resize: none;
  width: 100%;
  box-sizing: border-box;
  min-height: 100px;
  margin-bottom: 0;
}
.request-plugin-modal .request-plugin-modal__message-input-counter {
  display: flex;
  justify-content: end;
  color: #999999;
}
.request-code-env-modal {
  width: fit-content;
  width: 700px;
  max-height: 600px;
}
.request-code-env-modal .request-code-env-modal__message-input {
  resize: none;
  width: 100%;
  box-sizing: border-box;
  min-height: 100px;
}
.request-code-env-modal .request-plugin-modal__message-input-counter {
  display: flex;
  justify-content: end;
  color: #999999;
}
.request-code-env-modal .modal-body {
  overflow-y: scroll;
}
.request-code-env-modal .request-code-env-modal__name-input-error {
  width: 172px;
}
.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: left;
  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;
  word-wrap: normal;
  overflow: hidden;
  text-overflow: ellipsis;
}
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;
}
.permissions-upgrade-info {
  position: relative;
}
.btn.btn.btn.btn.permissions-upgrade-info__button {
  position: absolute;
  top: calc(50% - 13px);
  right: 16px;
}
.permissions-upgrade-modal ul {
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
  max-height: 150px;
  margin-right: 32px;
  align-content: flex-start;
  list-style-type: none;
  overflow-x: auto;
  padding-bottom: 16px;
}
.permissions-upgrade-modal ul li {
  display: flex;
  align-items: center;
  padding-right: 32px;
  line-height: 24px;
  width: fit-content;
}
.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 .btn--trash {
  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;
  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);
  font-family: 'SourceSansPro';
  text-transform: uppercase;
  font-size: 13px;
  font-weight: 500;
  padding: 3px 8px;
  margin: 0;
  line-height: 1.4;
  border: none;
  background-image: inherit;
  box-shadow: none;
  text-shadow: none;
  box-sizing: border-box;
  outline: 0;
  color: #333333;
  background-color: transparent;
  color: #dd5969;
  border: 1px solid transparent;
}
.project-settings-page .btn--trash:hover,
.project-settings-page .btn--trash:focus,
.project-settings-page .btn--trash:active,
.project-settings-page .btn--trash.active,
.project-settings-page .btn--trash.disabled,
.project-settings-page .btn--trash[disabled] {
  color: #333333;
  background-color: #e6e6e6;
  *background-color: #d9d9d9;
}
.project-settings-page .btn--trash:active,
.project-settings-page .btn--trash.active {
  background-color: #cccccc \9;
}
.project-settings-page .btn--trash:first-child {
  *margin-left: 0;
}
.project-settings-page .btn--trash:hover,
.project-settings-page .btn--trash: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;
}
.project-settings-page .btn--trash:focus {
  outline: thin dotted #333;
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px;
}
.project-settings-page .btn--trash.active,
.project-settings-page .btn--trash: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);
}
.project-settings-page .btn--trash.disabled,
.project-settings-page .btn--trash[disabled] {
  cursor: default;
  background-image: none;
  opacity: 0.65;
  filter: alpha(opacity=65);
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}
.project-settings-page .btn--trash [class^="icon-"].icon-large,
.project-settings-page .btn--trash [class*=" icon-"].icon-large {
  line-height: .9em;
}
.project-settings-page .btn--trash [class^="icon-"].icon-spin,
.project-settings-page .btn--trash [class*=" icon-"].icon-spin {
  display: inline-block;
}
.project-settings-page .btn--trash [class^="icon-"].pull-left.icon-2x,
.project-settings-page .btn--trash [class*=" icon-"].pull-left.icon-2x,
.project-settings-page .btn--trash [class^="icon-"].pull-right.icon-2x,
.project-settings-page .btn--trash [class*=" icon-"].pull-right.icon-2x {
  margin-top: .18em;
}
.project-settings-page .btn--trash [class^="icon-"].icon-spin.icon-large,
.project-settings-page .btn--trash [class*=" icon-"].icon-spin.icon-large {
  line-height: .8em;
}
.project-settings-page .btn--trash:active {
  box-shadow: none;
}
.project-settings-page .btn--trash.has-caret i {
  margin-left: 3px;
  margin-right: 0;
}
.project-settings-page .btn--trash i {
  margin-right: 3px;
}
.project-settings-page .btn--trash.btn--xlarge i {
  margin-right: 8px;
}
.project-settings-page .btn--trash .dropdown-toggle {
  padding-right: 20px;
}
.project-settings-page .btn--trash.disabled,
.project-settings-page .btn--trash[disabled] {
  opacity: 1;
  filter: alpha(opacity=100);
}
.project-settings-page .btn--trash:focus {
  outline: none;
}
.project-settings-page .btn--trash.btn--primary {
  background-color: transparent;
  color: #3b99fc;
  border: 1px solid transparent;
}
.project-settings-page .btn--trash.btn--primary:focus {
  background-color: #e7f3ff;
  color: #3b99fc;
}
.project-settings-page .btn--trash.btn--primary:hover {
  background-color: #e7f3ff;
  color: #3b99fc;
}
.project-settings-page .btn--trash.btn--primary:active,
.project-settings-page .btn--trash.btn--primary.btn--active {
  background-color: #c4e0fe;
}
.project-settings-page .btn--trash.btn--primary[disabled],
.project-settings-page .btn--trash.btn--primary:disabled,
.project-settings-page .btn--trash.btn--primary.disabled {
  background-color: transparent;
  color: #c4e0fe;
  border: 1px solid transparent;
}
.project-settings-page .btn--trash.btn--primary[disabled]:hover,
.project-settings-page .btn--trash.btn--primary:disabled:hover,
.project-settings-page .btn--trash.btn--primary.disabled:hover,
.project-settings-page .btn--trash.btn--primary[disabled]:active,
.project-settings-page .btn--trash.btn--primary:disabled:active,
.project-settings-page .btn--trash.btn--primary.disabled:active {
  background-color: transparent;
  color: #c4e0fe;
  border: 1px solid transparent;
}
.project-settings-page .btn--trash.btn--primary[disabled] .caret,
.project-settings-page .btn--trash.btn--primary:disabled .caret,
.project-settings-page .btn--trash.btn--primary.disabled .caret {
  border-top-color: #c4e0fe;
  border-bottom-color: #c4e0fe;
}
.project-settings-page .btn--trash.btn--secondary {
  background-color: transparent;
  color: #333333;
  border: 1px solid transparent;
}
.project-settings-page .btn--trash.btn--secondary:focus {
  background-color: #dddddd;
  color: #333333;
}
.project-settings-page .btn--trash.btn--secondary:hover {
  background-color: #dddddd;
  color: #333333;
}
.project-settings-page .btn--trash.btn--secondary:active,
.project-settings-page .btn--trash.btn--secondary.btn--active {
  background-color: #cccccc;
}
.project-settings-page .btn--trash.btn--secondary[disabled],
.project-settings-page .btn--trash.btn--secondary:disabled,
.project-settings-page .btn--trash.btn--secondary.disabled {
  background-color: transparent;
  color: #cccccc;
  border: 1px solid transparent;
}
.project-settings-page .btn--trash.btn--secondary[disabled]:hover,
.project-settings-page .btn--trash.btn--secondary:disabled:hover,
.project-settings-page .btn--trash.btn--secondary.disabled:hover,
.project-settings-page .btn--trash.btn--secondary[disabled]:active,
.project-settings-page .btn--trash.btn--secondary:disabled:active,
.project-settings-page .btn--trash.btn--secondary.disabled:active {
  background-color: transparent;
  color: #cccccc;
  border: 1px solid transparent;
}
.project-settings-page .btn--trash.btn--secondary[disabled] .caret,
.project-settings-page .btn--trash.btn--secondary:disabled .caret,
.project-settings-page .btn--trash.btn--secondary.disabled .caret {
  border-top-color: #cccccc;
  border-bottom-color: #cccccc;
}
.project-settings-page .btn--trash.btn--success {
  background-color: transparent;
  color: #4caf50;
  border: 1px solid transparent;
}
.project-settings-page .btn--trash.btn--success:focus {
  background-color: #e8f5e9;
  color: #4caf50;
}
.project-settings-page .btn--trash.btn--success:hover {
  background-color: #e8f5e9;
  color: #4caf50;
}
.project-settings-page .btn--trash.btn--success:active,
.project-settings-page .btn--trash.btn--success.btn--active {
  background-color: #d7f0d6;
}
.project-settings-page .btn--trash.btn--success[disabled],
.project-settings-page .btn--trash.btn--success:disabled,
.project-settings-page .btn--trash.btn--success.disabled {
  background-color: transparent;
  color: #d7f0d6;
  border: 1px solid transparent;
}
.project-settings-page .btn--trash.btn--success[disabled]:hover,
.project-settings-page .btn--trash.btn--success:disabled:hover,
.project-settings-page .btn--trash.btn--success.disabled:hover,
.project-settings-page .btn--trash.btn--success[disabled]:active,
.project-settings-page .btn--trash.btn--success:disabled:active,
.project-settings-page .btn--trash.btn--success.disabled:active {
  background-color: transparent;
  color: #d7f0d6;
  border: 1px solid transparent;
}
.project-settings-page .btn--trash.btn--success[disabled] .caret,
.project-settings-page .btn--trash.btn--success:disabled .caret,
.project-settings-page .btn--trash.btn--success.disabled .caret {
  border-top-color: #d7f0d6;
  border-bottom-color: #d7f0d6;
}
.project-settings-page .btn--trash.btn--danger {
  background-color: transparent;
  color: #dd5969;
  border: 1px solid transparent;
}
.project-settings-page .btn--trash.btn--danger:focus {
  background-color: #f9e3e5;
  color: #dd5969;
}
.project-settings-page .btn--trash.btn--danger:hover {
  background-color: #f9e3e5;
  color: #dd5969;
}
.project-settings-page .btn--trash.btn--danger:active,
.project-settings-page .btn--trash.btn--danger.btn--active {
  background-color: #f0b8bf;
}
.project-settings-page .btn--trash.btn--danger[disabled],
.project-settings-page .btn--trash.btn--danger:disabled,
.project-settings-page .btn--trash.btn--danger.disabled {
  background-color: transparent;
  color: #f0b8bf;
  border: 1px solid transparent;
}
.project-settings-page .btn--trash.btn--danger[disabled]:hover,
.project-settings-page .btn--trash.btn--danger:disabled:hover,
.project-settings-page .btn--trash.btn--danger.disabled:hover,
.project-settings-page .btn--trash.btn--danger[disabled]:active,
.project-settings-page .btn--trash.btn--danger:disabled:active,
.project-settings-page .btn--trash.btn--danger.disabled:active {
  background-color: transparent;
  color: #f0b8bf;
  border: 1px solid transparent;
}
.project-settings-page .btn--trash.btn--danger[disabled] .caret,
.project-settings-page .btn--trash.btn--danger:disabled .caret,
.project-settings-page .btn--trash.btn--danger.disabled .caret {
  border-top-color: #f0b8bf;
  border-bottom-color: #f0b8bf;
}
.project-settings-page .btn--trash:focus {
  background-color: #dddddd;
  color: #333333;
}
.project-settings-page .btn--trash:hover {
  background-color: #dddddd;
  color: #333333;
}
.project-settings-page .btn--trash:active,
.project-settings-page .btn--trash.btn--active {
  background-color: #cccccc;
}
.project-settings-page .btn--trash[disabled],
.project-settings-page .btn--trash:disabled,
.project-settings-page .btn--trash.disabled {
  background-color: transparent;
  color: #cccccc;
  border: 1px solid transparent;
}
.project-settings-page .btn--trash[disabled]:hover,
.project-settings-page .btn--trash:disabled:hover,
.project-settings-page .btn--trash.disabled:hover,
.project-settings-page .btn--trash[disabled]:active,
.project-settings-page .btn--trash:disabled:active,
.project-settings-page .btn--trash.disabled:active {
  background-color: transparent;
  color: #cccccc;
  border: 1px solid transparent;
}
.project-settings-page .btn--trash[disabled] .caret,
.project-settings-page .btn--trash:disabled .caret,
.project-settings-page .btn--trash.disabled .caret {
  border-top-color: #cccccc;
  border-bottom-color: #cccccc;
}
.project-settings-page .btn--trash i {
  margin: 0;
}
.project-settings-page .btn--trash:focus {
  background-color: #f9e3e5;
  color: #dd5969;
}
.project-settings-page .btn--trash:hover {
  background-color: #f9e3e5;
  color: #dd5969;
}
.project-settings-page .btn--trash:active,
.project-settings-page .btn--trash.btn--active {
  background-color: #f0b8bf;
}
.project-settings-page .btn--trash[disabled],
.project-settings-page .btn--trash:disabled,
.project-settings-page .btn--trash.disabled {
  background-color: transparent;
  color: #f0b8bf;
  border: 1px solid transparent;
}
.project-settings-page .btn--trash[disabled]:hover,
.project-settings-page .btn--trash:disabled:hover,
.project-settings-page .btn--trash.disabled:hover,
.project-settings-page .btn--trash[disabled]:active,
.project-settings-page .btn--trash:disabled:active,
.project-settings-page .btn--trash.disabled:active {
  background-color: transparent;
  color: #f0b8bf;
  border: 1px solid transparent;
}
.project-settings-page .btn--trash[disabled] .caret,
.project-settings-page .btn--trash:disabled .caret,
.project-settings-page .btn--trash.disabled .caret {
  border-top-color: #f0b8bf;
  border-bottom-color: #f0b8bf;
}
.project-settings-page .btn--trash i {
  color: #666666;
}
.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 .exposed-objects-settings .expose-padding {
  padding: 0 24px 8px 24px;
}
.project-settings-page .exposed-objects-settings .expose-padding-buttons {
  padding: 8px 24px;
}
.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;
}
.project-settings-page .project-settings__email-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;
  padding-left: 8px;
  padding-right: 8px;
}
.project-settings-page .project-settings__email-input:focus,
.project-settings-page .project-settings__email-input:hover {
  color: #333333;
}
.project-settings-page .project-settings__email-input:focus {
  box-shadow: none;
  border: 1px solid #3b99fc;
}
.project-settings-page .project-settings__email-input.ng-dirty.ng-invalid {
  border: 1px solid #ce1228;
}
.project-settings-page .project-settings__email-input.invalid-ignores-dirty.ng-invalid,
.invalid-ignores-dirty .project-settings-page .project-settings__email-input.ng-invalid {
  border: 1px solid #ce1228;
}
.project-settings-page table.permissions thead th:last-child {
  width: 26px;
}
.project-settings-page table.permissions thead th:last-child.can-resend-invitation-emails {
  width: 56px;
}
.project-settings-page table.permissions tbody td {
  padding: 6px 8px;
}
.project-settings-page table.permissions tbody td.name-column {
  vertical-align: middle;
}
.project-settings-page table.permissions tbody td label.checkbox {
  display: flex;
  align-items: center;
  height: 26px;
}
.project-settings-page table.permissions tbody td label.checkbox input[type=checkbox] {
  margin: 0;
}
.project-settings-page .permissions-table-page {
  --dku-ng-select-width: 206px;
  --dku-ng-select-max-width: 206px;
}
.project-settings-page .permissions-table-page .section {
  border-bottom: 1px solid #dddddd;
  padding-bottom: 16px;
  margin-bottom: 16px;
}
/*************
 * 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;
  background-color: white;
}
.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:not(.no-cascade) {
  margin-bottom: 8px;
  margin-top: 8px;
}
.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=email],
.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=datetime-local],
.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=email]: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=datetime-local]: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=email]: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=datetime-local]: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=email]: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=datetime-local]: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=email].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=datetime-local].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 input[type=text].invalid-ignores-dirty.ng-invalid,
.app-tiles__wrapper-dev .control-group .control-label input[type=email].invalid-ignores-dirty.ng-invalid,
.app-tiles__wrapper-dev .control-group .control-label input[type=url].invalid-ignores-dirty.ng-invalid,
.app-tiles__wrapper-dev .control-group .control-label input[type=number].invalid-ignores-dirty.ng-invalid,
.app-tiles__wrapper-dev .control-group .control-label input[type=date].invalid-ignores-dirty.ng-invalid,
.app-tiles__wrapper-dev .control-group .control-label input[type=time].invalid-ignores-dirty.ng-invalid,
.app-tiles__wrapper-dev .control-group .control-label input[type=datetime-local].invalid-ignores-dirty.ng-invalid,
.app-tiles__wrapper-dev .control-group .control-label input[type=password].invalid-ignores-dirty.ng-invalid,
.app-tiles__wrapper-dev .control-group .control-label textarea.invalid-ignores-dirty.ng-invalid,
.app-tiles__wrapper-dev .control-group .control-label select.invalid-ignores-dirty.ng-invalid,
.app-tiles__wrapper-dev .control-group .control-label button.btn.selectpicker.invalid-ignores-dirty.ng-invalid,
.invalid-ignores-dirty .app-tiles__wrapper-dev .control-group .control-label input[type=text].ng-invalid,
.invalid-ignores-dirty .app-tiles__wrapper-dev .control-group .control-label input[type=email].ng-invalid,
.invalid-ignores-dirty .app-tiles__wrapper-dev .control-group .control-label input[type=url].ng-invalid,
.invalid-ignores-dirty .app-tiles__wrapper-dev .control-group .control-label input[type=number].ng-invalid,
.invalid-ignores-dirty .app-tiles__wrapper-dev .control-group .control-label input[type=date].ng-invalid,
.invalid-ignores-dirty .app-tiles__wrapper-dev .control-group .control-label input[type=time].ng-invalid,
.invalid-ignores-dirty .app-tiles__wrapper-dev .control-group .control-label input[type=datetime-local].ng-invalid,
.invalid-ignores-dirty .app-tiles__wrapper-dev .control-group .control-label input[type=password].ng-invalid,
.invalid-ignores-dirty .app-tiles__wrapper-dev .control-group .control-label textarea.ng-invalid,
.invalid-ignores-dirty .app-tiles__wrapper-dev .control-group .control-label select.ng-invalid,
.invalid-ignores-dirty .app-tiles__wrapper-dev .control-group .control-label button.btn.selectpicker.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 button.btn.selectpicker.none-selected-text .filter-option {
  color: var(--dku-select-placeholder-color, #999999);
}
.app-tiles__wrapper-dev .control-group .control-label button.btn.selectpicker.none-selected-text .filter-option::before {
  content: var(--dku-select-placeholder-emphasis--before, '- ');
}
.app-tiles__wrapper-dev .control-group .control-label button.btn.selectpicker.none-selected-text .filter-option::after {
  content: var(--dku-select-placeholder-emphasis--after, ' -');
}
.app-tiles__wrapper-dev .control-group .control-label button.btn.selectpicker.disabled.none-selected-text .filter-option {
  color: #cccccc;
}
.app-tiles__wrapper-dev .control-group .control-label button.btn.selectpicker.disabled {
  background-color: #f2f2f2;
}
.app-tiles__wrapper-dev .control-group .control-label button.btn.selectpicker.disabled:hover {
  background-color: #f2f2f2;
}
.app-tiles__wrapper-dev .control-group .control-label button.btn.selectpicker.disabled:focus {
  border: 1px #bbbbbb solid;
}
.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 {
  border-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 .control-label.auto-width {
  width: auto;
  padding-right: 1em;
}
.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 .help-inline.multiline {
  display: inline;
}
.app-tiles__wrapper-dev .control-group .controls label:not(.no-cascade) {
  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 input[type=password],
.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 input[type=password].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 input[type=password].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 input[type=password].input-half-size,
.app-tiles__wrapper-dev .control-group .controls select.input-half-size {
  width: 102px;
}
.app-tiles__wrapper-dev .control-group .controls input[type=text].input-fit-content,
.app-tiles__wrapper-dev .control-group .controls input[type=number].input-fit-content,
.app-tiles__wrapper-dev .control-group .controls input[type=password].input-fit-content,
.app-tiles__wrapper-dev .control-group .controls select.input-fit-content {
  width: fit-content;
  width: -moz-fit-content;
}
.app-tiles__wrapper-dev .control-group .controls input[type=text].full-width {
  width: 100%;
}
.app-tiles__wrapper-dev .control-group .controls .text-field-container {
  width: 206px;
}
.app-tiles__wrapper-dev .control-group .controls .text-field-container .field-error-message {
  padding: 8px;
  box-sizing: border-box;
  width: 100%;
}
.app-tiles__wrapper-dev .control-group .controls .text-field-container.input-xlarge {
  width: 270px;
}
.app-tiles__wrapper-dev .control-group .controls .text-field-container.input-xxlarge {
  width: 430px;
}
.app-tiles__wrapper-dev .control-group .controls .text-field-container.input-half-size {
  width: 102px;
}
.app-tiles__wrapper-dev .control-group .controls .text-field-container.input-fit-content {
  width: fit-content;
  width: -moz-fit-content;
}
.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 .ng-select {
  --dku-ng-select-max-width: 206px;
}
.app-tiles__wrapper-dev .control-group .controls input[type=text],
.app-tiles__wrapper-dev .control-group .controls input[type=email],
.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=datetime-local],
.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=email]: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=datetime-local]: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=email]: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=datetime-local]: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=email]: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=datetime-local]: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=email].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=datetime-local].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 input[type=text].invalid-ignores-dirty.ng-invalid,
.app-tiles__wrapper-dev .control-group .controls input[type=email].invalid-ignores-dirty.ng-invalid,
.app-tiles__wrapper-dev .control-group .controls input[type=url].invalid-ignores-dirty.ng-invalid,
.app-tiles__wrapper-dev .control-group .controls input[type=number].invalid-ignores-dirty.ng-invalid,
.app-tiles__wrapper-dev .control-group .controls input[type=date].invalid-ignores-dirty.ng-invalid,
.app-tiles__wrapper-dev .control-group .controls input[type=time].invalid-ignores-dirty.ng-invalid,
.app-tiles__wrapper-dev .control-group .controls input[type=datetime-local].invalid-ignores-dirty.ng-invalid,
.app-tiles__wrapper-dev .control-group .controls input[type=password].invalid-ignores-dirty.ng-invalid,
.app-tiles__wrapper-dev .control-group .controls textarea.invalid-ignores-dirty.ng-invalid,
.app-tiles__wrapper-dev .control-group .controls select.invalid-ignores-dirty.ng-invalid,
.app-tiles__wrapper-dev .control-group .controls button.btn.selectpicker.invalid-ignores-dirty.ng-invalid,
.invalid-ignores-dirty .app-tiles__wrapper-dev .control-group .controls input[type=text].ng-invalid,
.invalid-ignores-dirty .app-tiles__wrapper-dev .control-group .controls input[type=email].ng-invalid,
.invalid-ignores-dirty .app-tiles__wrapper-dev .control-group .controls input[type=url].ng-invalid,
.invalid-ignores-dirty .app-tiles__wrapper-dev .control-group .controls input[type=number].ng-invalid,
.invalid-ignores-dirty .app-tiles__wrapper-dev .control-group .controls input[type=date].ng-invalid,
.invalid-ignores-dirty .app-tiles__wrapper-dev .control-group .controls input[type=time].ng-invalid,
.invalid-ignores-dirty .app-tiles__wrapper-dev .control-group .controls input[type=datetime-local].ng-invalid,
.invalid-ignores-dirty .app-tiles__wrapper-dev .control-group .controls input[type=password].ng-invalid,
.invalid-ignores-dirty .app-tiles__wrapper-dev .control-group .controls textarea.ng-invalid,
.invalid-ignores-dirty .app-tiles__wrapper-dev .control-group .controls select.ng-invalid,
.invalid-ignores-dirty .app-tiles__wrapper-dev .control-group .controls button.btn.selectpicker.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 button.btn.selectpicker.none-selected-text .filter-option {
  color: var(--dku-select-placeholder-color, #999999);
}
.app-tiles__wrapper-dev .control-group .controls button.btn.selectpicker.none-selected-text .filter-option::before {
  content: var(--dku-select-placeholder-emphasis--before, '- ');
}
.app-tiles__wrapper-dev .control-group .controls button.btn.selectpicker.none-selected-text .filter-option::after {
  content: var(--dku-select-placeholder-emphasis--after, ' -');
}
.app-tiles__wrapper-dev .control-group .controls button.btn.selectpicker.disabled.none-selected-text .filter-option {
  color: #cccccc;
}
.app-tiles__wrapper-dev .control-group .controls button.btn.selectpicker.disabled {
  background-color: #f2f2f2;
}
.app-tiles__wrapper-dev .control-group .controls button.btn.selectpicker.disabled:hover {
  background-color: #f2f2f2;
}
.app-tiles__wrapper-dev .control-group .controls button.btn.selectpicker.disabled:focus {
  border: 1px #bbbbbb solid;
}
.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 {
  border-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-group .controls .plain-text {
  font-family: 'SourceSansPro';
  font-weight: regular;
  font-size: 14px;
  color: #444444;
  line-height: 24px;
  height: 26px;
  padding: 0;
  margin: 0;
  text-align: left;
}
.app-tiles__wrapper-dev .control-group .controls .plain-text.disabled {
  color: #999999;
}
.app-tiles__wrapper-dev .control-group .controls .control-error-message {
  padding-top: 4px;
  color: #ce1228;
  font-size: 10px;
  line-height: 15px;
}
.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 .icon-lock {
  font-size: 20px;
}
.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: 20px;
}
.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-tiles__sql-dataset-edit-mode-selector {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
}
.app-tiles__sql-dataset-edit-mode-selector__card {
  border: 1px solid #dddddd;
  padding: 5px;
  margin: 8px 10px;
  align-items: center;
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding: 10px;
  text-align: center;
  width: 80px;
  height: 50px;
  margin: 10px;
}
.app-tiles__sql-dataset-edit-mode-selector__card:not(.selectable):not(.hoverable) {
  color: #cccccc;
}
.app-tiles__sql-dataset-edit-mode-selector__card:not(.selectable):not(.hoverable) img {
  opacity: .25;
}
.app-tiles__sql-dataset-edit-mode-selector__card.selectable:hover {
  cursor: pointer;
  background-color: #f2f2f2;
}
.app-tiles__sql-dataset-edit-mode-selector__card.selected,
.app-tiles__sql-dataset-edit-mode-selector__card.selected:hover {
  border-color: #3b99fc;
  background-color: #ffffff;
}
.app-tiles__sql-dataset-edit-mode-selector__card i:not(.universe-color):not(.icon-trash):not([class*="dku-icon-trash-"]):not(.illustration):not('.selector-item__icon--has-color') {
  color: #666666;
}
.app-tiles__sql-dataset-edit-mode-selector__card .selection-indicator {
  display: inline-block;
  width: 20px;
  max-height: 20px;
  text-align: center;
}
.app-tiles__sql-dataset-edit-mode-selector__card .selection-indicator i {
  color: #3b99fc;
}
.app-tiles__sql-dataset-edit-mode-selector__card .selectable-item__icon {
  display: inline-block;
  width: 20px;
  text-align: center;
  color: #cccccc;
}
.app-tiles__sql-dataset-edit-mode-selector__card .selectable-item__title {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  color: #222222;
  font-weight: 500;
  max-width: 90%;
}
.app-tiles__sql-dataset-edit-mode-selector__card .selectable-item__description {
  font-weight: 400;
}
.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;
  display: flex;
}
.app-page__app-instances-top-bar .left-side-items {
  flex: 1 1 auto;
}
.app-page__app-instances-top-bar .right-side-items {
  justify-content: flex-end;
  display: flex;
  flex: 0 0 300px;
}
.app-page__app-instances-top-bar .instances-view-buttons-wrapper {
  display: inline-block;
}
.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-list__top-bar {
  margin: 0 40px;
  display: flex;
}
.app-list__top-bar .left-side-items {
  flex: 1 1 auto;
}
.app-list__top-bar .right-side-items {
  justify-content: flex-end;
  display: flex;
  flex: 0 0 300px;
}
.app-list__top-bar .apps-view-buttons-wrapper {
  display: inline-block;
}
.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__image.app-designer__image--access-only {
  background-color: #dddddd;
}
.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: 24px 0 16px;
}
.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-home__object-main.title-zone.title-zone {
  min-height: 120px;
}
.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: 10px;
  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;
}
.wiki-taxonomy-folding__button {
  padding-left: 4px;
  padding-right: 4px;
  margin-bottom: 1px;
  font-weight: normal;
}
.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;
}
.noscroll {
  overflow-y: hidden;
}
.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 .msg-warning {
  font-weight: 400;
  color: #f28c37;
}
.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;
}
.link-diagnostics,
a.link-diagnostics,
a.link-diagnostics:hover {
  color: #0f8781;
}
.link-overrides,
a.link-overrides,
a.link-overrides:hover {
  color: #3b99fc;
}
.feature-badge-icon-wrapper {
  display: inline-block;
  border-radius: 100%;
  line-height: 18px;
  text-align: center;
  vertical-align: middle;
  width: 18px;
  height: 18px;
  top: -1px;
}
.feature-badge-icon-wrapper:not(.feature-badge-icon-wrapper--no-border) {
  border-width: 3px;
  border-style: solid;
  box-sizing: content-box;
}
.feature-badge-icon-wrapper i {
  color: #ffffff;
  font-size: 12px;
  font-weight: bold;
}
.feature-badge-icon {
  display: flex;
  height: 100%;
  width: 100%;
  justify-content: center;
  align-items: center;
}
.feature-badge-icon-wrapper.feature-badge-icon-wrapper--overrides {
  border-color: #c4e0fe;
  background-color: #3b99fc;
}
.feature-badge-icon-wrapper.feature-badge-icon-wrapper--overrides i {
  font-size: 16px;
  padding-top: 1px;
}
.feature-badge-icon-wrapper.feature-badge-icon-wrapper--diagnostics {
  border-color: #bfe8e6;
  background-color: #0f8781;
}
.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;
}
.set-color-calibration {
  color: #c2cae7;
}
.set-color-ignored-train {
  color: #cccccc;
}
.set-color-forecast-horizon {
  color: #ff7e0e;
}
.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):not(.hoverable) {
  color: #cccccc;
}
.deploy-clustering-modal .selectable:not(.selectable):not(.hoverable) img {
  opacity: .25;
}
.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):not(.icon-trash):not([class*="dku-icon-trash-"]):not(.illustration):not('.selector-item__icon--has-color') {
  color: #666666;
}
.deploy-clustering-modal .selectable .selection-indicator {
  display: inline-block;
  width: 20px;
  max-height: 20px;
  text-align: center;
}
.deploy-clustering-modal .selectable .selection-indicator i {
  color: #3b99fc;
}
.deploy-clustering-modal .selectable .selectable-item__icon {
  display: inline-block;
  width: 20px;
  text-align: center;
  color: #cccccc;
}
.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):not(.hoverable) {
  color: #cccccc;
}
.deploy-prediction-modal .selectable:not(.selectable):not(.hoverable) img {
  opacity: .25;
}
.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):not(.icon-trash):not([class*="dku-icon-trash-"]):not(.illustration):not('.selector-item__icon--has-color') {
  color: #666666;
}
.deploy-prediction-modal .selectable .selection-indicator {
  display: inline-block;
  width: 20px;
  max-height: 20px;
  text-align: center;
}
.deploy-prediction-modal .selectable .selection-indicator i {
  color: #3b99fc;
}
.deploy-prediction-modal .selectable .selectable-item__icon {
  display: inline-block;
  width: 20px;
  text-align: center;
  color: #cccccc;
}
.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-causal-modal__img {
  height: 200px;
}
.new-timeseries-forecasting-modal__timeseries-identifiers-container {
  -webkit-flex-direction: column;
  flex-direction: column;
  width: 100%;
  box-sizing: border-box;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  align-items: center;
  -webkit-justify-content: center;
  justify-content: center;
  padding: 16px;
  text-align: center;
  padding-top: 0;
}
.new-timeseries-forecasting-modal__timeseries-identifiers-container > .standard-container__wrap {
  flex-grow: 0;
}
.new-timeseries-forecasting-modal__timeseries-identifiers-container > .standard-container__wrap + .standard-container__wrap {
  margin-top: 32px;
  margin-left: 0;
  flex-grow: 0;
}
.new-timeseries-forecasting-modal__timeseries-identifiers-container > .flex {
  -webkit-flex: 1 1 auto;
  flex: 1 1 auto;
  position: relative;
}
.new-timeseries-forecasting-modal__timeseries-identifiers-container > .flex .override-min-height {
  min-height: 0px;
}
.new-timeseries-forecasting-modal__timeseries-identifiers-container > .flex-no-basis,
.new-timeseries-forecasting-modal__timeseries-identifiers-container .flex-no-basis {
  -webkit-flex: 1 1 0;
  flex: 1 1 0;
  position: relative;
}
.new-timeseries-forecasting-modal__timeseries-identifiers-container > .flex-no-basis .override-min-height,
.new-timeseries-forecasting-modal__timeseries-identifiers-container .flex-no-basis .override-min-height {
  min-height: 0px;
}
.new-timeseries-forecasting-modal__timeseries-identifiers-container > .flex-no-grow {
  -webkit-flex: 0 1 auto;
  flex: 0 1 auto;
  position: relative;
}
.new-timeseries-forecasting-modal__timeseries-identifiers-container > .flex-no-shrink {
  -webkit-flex: 1 0 auto;
  flex: 1 0 auto;
  position: relative;
}
.new-timeseries-forecasting-modal__timeseries-identifiers-container > .noflex,
.new-timeseries-forecasting-modal__timeseries-identifiers-container .top-level-tabs,
.new-timeseries-forecasting-modal__timeseries-identifiers-container > .alert,
.new-timeseries-forecasting-modal__timeseries-identifiers-container > .bottom-bar,
.new-timeseries-forecasting-modal__timeseries-identifiers-container > .input-append,
.new-timeseries-forecasting-modal__timeseries-identifiers-container > div[block-api-error],
.new-timeseries-forecasting-modal__timeseries-identifiers-container > h1,
.new-timeseries-forecasting-modal__timeseries-identifiers-container > h2,
.new-timeseries-forecasting-modal__timeseries-identifiers-container > h3,
.new-timeseries-forecasting-modal__timeseries-identifiers-container > h4,
.new-timeseries-forecasting-modal__timeseries-identifiers-container > h5,
.new-timeseries-forecasting-modal__timeseries-identifiers-container > h6 {
  -webkit-flex-flex: 0 0 auto;
  flex: 0 0 auto;
}
.new-timeseries-forecasting-modal__timeseries-identifiers-container > * {
  -webkit-flex: 0 0 auto;
  flex: 0 0 auto;
}
.new-timeseries-forecasting-modal__timeseries-identifiers_img-section {
  height: 112px;
  width: 448px;
  position: relative;
}
.new-timeseries-forecasting-modal__timeseries-identifiers_img-section img {
  position: absolute;
  left: 0;
}
.new-timeseries-forecasting-modal__timeseries-identifiers_img-section .img--faded {
  opacity: .4;
}
.new-timeseries-forecasting-modal__timeseries-identifiers_main-section {
  max-height: 116px;
  overflow-y: auto;
  overflow-x: hidden;
}
.new-timeseries-forecasting-modal__timeseries-identifiers_main-section .dku-select-button {
  width: 168px;
}
.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-info-text {
  color: #31708f;
  display: flex;
}
.doctor-explanation {
  font-size: 1em;
  background: #d9e6ed;
  padding: 16px;
  border-radius: 5px;
  color: #144c71;
}
.doctor-explanation h1 {
  font-family: 'SourceSansPro';
  font-weight: 400;
  font-size: 15px;
  line-height: 33px;
  margin: 0;
}
.doctor-explanation > a {
  display: inline-flex;
  align-items: center;
}
.doctor-explanation > a i {
  margin-left: 2px;
  /* Space between text and icon */
}
.doctor-explanation .learnmore {
  text-align: right;
  font-size: 13px;
}
.doctor-explanation.doctor-explanation--sampling {
  max-width: 400px;
}
.feature-importance-facts {
  padding: 0 8px 8px 8px;
  border: 1px solid #bbbbbb;
  border-radius: 5px;
}
.feature-importance-facts h3 {
  font-size: 14px;
  color: #666666;
}
.feature-importance-facts .highlight {
  color: #4caf50;
}
.feature-importance-facts .downlight {
  color: #ce1228;
}
.feature-importance-facts .fact-numeric-details {
  color: #bbbbbb;
}
.legend-ml-chart--blue {
  color: #1f77b4;
}
.legend-ml-chart--orange {
  color: #ff7e0e;
}
.legend-ml-chart--baseline {
  font-weight: 500;
  text-decoration-style: dashed;
  text-decoration-line: underline;
}
.legend-ml-chart--baseline--default {
  color: #f08080;
}
.deephub-object-detection-explanation__pulsar {
  height: 8px;
  width: 8px;
  border-radius: 50%;
  display: inline-block;
}
.deephub-object-detection-explanation__pulsar--groundtruth {
  background-color: #29af5d;
}
.deephub-object-detection-explanation__pulsar--prediction {
  background-color: #f44336;
}
.deephub-object-detection-explanation__table {
  background-color: transparent;
  table-layout: fixed;
  width: 100%;
}
.deephub-object-detection-explanation__table-caption {
  font-size: 11px;
  text-align: left;
  caption-side: bottom;
}
.deephub-object-detection-explanation__table-cell {
  padding: 4px 8px;
  text-align: center;
}
.deephub-object-detection-explanation__table-subtitle {
  font-weight: 400;
  font-size: 11px;
}
.doctor-timeseries-general-settings-section {
  flex: 0 1 680px;
}
.doctor-timeseries-general-settings-section .doctor-timeseries__quantiles {
  width: 400px;
}
.doctor-timeseries-general-settings-section input[type="number"] {
  -webkit-appearance: textfield;
  -moz-appearance: textfield;
}
.doctor-timeseries-general-settings-section__timestep_params .control-group .controls input[type="number"] {
  width: 80px;
  margin-right: 8px;
  text-align: right;
}
.doctor-timeseries-general-settings-section__timestep_params .control-group .controls .bootstrap-select.bootstrap-select.bootstrap-select.bootstrap-select.compact {
  width: 92px;
}
.doctor-timeseries-general-settings-section__timestep_params .control-group .controls .bootstrap-select button {
  width: 112px;
}
.doctor-timeseries-general-settings-section__timestep_params .control-group .controls .bootstrap-select.compact button {
  width: 80px;
}
.doctor-timeseries-general-settings-section__timestep_params .control-group .controls .bootstrap-select.wide button {
  width: 150px;
}
.doctor-timeseries-general-settings-section .doctor-timeseries__quantiles .gsField.gsField--not-grid .tag,
.recipe-editor-page .doctor-timeseries__quantiles .gsField.gsField--not-grid .tag {
  background-color: #3b99fc;
}
.doctor-timeseries-general-section__data-type {
  border: 1px solid #dddddd;
  padding: 16px;
  cursor: pointer;
}
.doctor-timeseries-general-section__data-type:hover {
  background-color: #f2f2f2;
}
.doctor-timeseries-general-section__data-type img {
  max-height: 36px;
}
.doctor-timeseries-general-section__data-type.selected {
  border-color: #3b99fc;
  color: #3b99fc;
}
.doctor-timeseries-general-section__data-type + .doctor-timeseries-general-section__data-type {
  margin-left: 16px;
}
.doctor-timeseries-general-section__forecast-icon {
  color: #ff7e0e;
  font-weight: 600;
}
.doctor-explanation-timeseries__forecasting-schema--historical-data {
  flex: 0 0 25%;
}
.doctor-explanation-timeseries__forecasting-schema--evaluation-data {
  flex: 0 0 75%;
}
.doctor-explanation-timeseries__forecasting-schema_bracket {
  border: 1px solid #ff7e0e;
  border-bottom: none;
  flex: 100%;
  margin: 0 1px;
}
.doctor-explanation-timeseries__forecasting-schema_bracket--hidden {
  border: none;
}
.doctor-explanation-timeseries__forecasting-schema--historical-data-gradient::before {
  background-image: linear-gradient(to right, #ffffff, transparent);
  content: '';
  display: inline-block;
  height: 100%;
  width: 16px;
}
.set-background-train {
  background: #94a2d4;
}
.set-background-test {
  background: #4caf50;
}
.set-background-ignored-train {
  background: #cccccc;
}
.doctor-explanation-timeseries__forecasting-schema_bar {
  flex: 100%;
  display: flex;
}
.doctor-explanation-timeseries__forecasting-schema_bar--test-set {
  background: #4caf50;
}
.doctor-explanation-timeseries__forecasting-schema_bar--gap {
  background: #cccccc;
  min-width: 2px;
  max-width: calc(100% - 2px);
}
.doctor-explanation-timeseries__forecasting-schema_bar--ellipsis {
  justify-content: center;
}
.doctor-explanation-timeseries__forecasting-schema-legends,
.doctor-explanation-timeseries__forecasting-schema-brackets,
.doctor-explanation-timeseries__forecasting-schema-bars,
.doctor-explanation-timeseries__forecasting-schema-ticks,
.doctor-explanation-timeseries__forecasting-schema-tick-labels {
  display: flex;
  width: 95%;
}
.doctor-explanation-timeseries__forecasting-schema-legends {
  height: fit-content;
  height: -moz-fit-content;
  text-align: center;
  align-items: center;
  min-height: 32px;
}
.doctor-explanation-timeseries__forecasting-schema-brackets {
  height: 4px;
  margin-bottom: 4px;
  flex-direction: row-reverse;
}
.doctor-explanation-timeseries__forecasting-schema-bars {
  height: 32px;
}
.doctor-explanation-timeseries__forecasting-schema-ticks {
  flex-direction: row-reverse;
}
.doctor-explanation-timeseries__forecasting-schema-axis-unit {
  color: #31708f;
  margin: 4px 0 0 0;
  text-align: right;
  font-size: 12px;
}
.doctor-explanation-timeseries__forecasting-schema-tick--ellipsis {
  flex: 100%;
  text-align: center;
  border-right: 1px solid #31708f;
  line-height: 4px;
}
.doctor-explanation-timeseries__forecasting-schema-tick--test-set {
  height: 4px;
  flex: 100%;
  border-right: 1px solid #31708f;
}
.doctor-explanation-timeseries__forecasting-schema-tick--test-set:first-child {
  border-left: 1px solid #31708f;
}
.doctor-explanation-timeseries__forecasting-schema-tick--gap {
  height: 4px;
  border-right: 1px solid #31708f;
  min-width: 2px;
  max-width: calc(100% - 2px);
}
.doctor-explanation-timeseries__forecasting-schema-tick-labels {
  font-size: 10px;
  color: #31708f;
  padding-left: 4px;
}
.doctor-explanation-timeseries__forecasting-schema-tick-label {
  flex: 100%;
  text-align: right;
}
.doctor-explanation-timeseries__resampling-ticks {
  width: var(--timeseries-explanation-box-width);
  justify-content: space-between;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: row;
  flex-direction: row;
  height: 100%;
  box-sizing: border-box;
  color: #bbbbbb;
}
.doctor-explanation-timeseries__resampling-ticks > .flex {
  -webkit-flex: 1 1 auto;
  flex: 1 1 auto;
  position: relative;
}
.doctor-explanation-timeseries__resampling-ticks > .flex .override-min-width {
  min-width: 0px;
}
.doctor-explanation-timeseries__resampling-ticks > .flex-no-basis,
.doctor-explanation-timeseries__resampling-ticks .flex-no-basis {
  -webkit-flex: 1 1 0;
  flex: 1 1 0;
  position: relative;
}
.doctor-explanation-timeseries__resampling-ticks > .flex-no-basis .override-min-width,
.doctor-explanation-timeseries__resampling-ticks .flex-no-basis .override-min-width {
  min-width: 0px;
}
.doctor-explanation-timeseries__resampling-ticks > .flex-no-grow {
  -webkit-flex: 0 1 auto;
  flex: 0 1 auto;
  position: relative;
}
.doctor-explanation-timeseries__resampling-ticks > .flex-no-shrink {
  -webkit-flex: 1 0 auto;
  flex: 1 0 auto;
  position: relative;
}
.doctor-explanation-timeseries__resampling-ticks > .noflex,
.doctor-explanation-timeseries__resampling-ticks .top-level-tabs,
.doctor-explanation-timeseries__resampling-ticks > .alert,
.doctor-explanation-timeseries__resampling-ticks > .bottom-bar,
.doctor-explanation-timeseries__resampling-ticks > .input-append,
.doctor-explanation-timeseries__resampling-ticks > div[block-api-error],
.doctor-explanation-timeseries__resampling-ticks > h1,
.doctor-explanation-timeseries__resampling-ticks > h2,
.doctor-explanation-timeseries__resampling-ticks > h3,
.doctor-explanation-timeseries__resampling-ticks > h4,
.doctor-explanation-timeseries__resampling-ticks > h5,
.doctor-explanation-timeseries__resampling-ticks > h6 {
  -webkit-flex: 0 0 auto;
  flex: 0 0 auto;
}
.doctor-explanation-timeseries__resampling {
  position: relative;
  height: calc(var(--timeseries-explanation-box-width) / 1.5);
  width: var(--timeseries-explanation-box-width);
}
.doctor-explanation-timeseries__resampling-graph {
  position: absolute;
}
.doctor-explanation-timeseries {
  --timeseries-explanation-box-width: 410px;
  flex: 0 0 var(--timeseries-explanation-box-width);
}
.doctor-explanation-timeseries__half-gap-evaluation-circle:before {
  background: linear-gradient(90deg, #cccccc, #cccccc 50%, #4caf50 50%);
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
}
.doctor-explanation__formula {
  display: inline-flex;
  max-width: 40%;
}
.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__icon-circle-two-colors {
  width: 11px;
  height: 11px;
  background: linear-gradient(45deg, #c2cae7, #c2cae7 8px, #4caf50, #4caf50 7px);
  border-radius: 50%;
}
.doctor-explanation__sampling-summary,
.doctor-explanation__splitting-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;
  margin-right: 4px;
}
.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: 135px;
}
.doctor-explanation__label {
  display: inline-block;
  width: 135px;
}
.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;
  --doctor-evaluation-progress-bar-width: 240px;
  width: var(--doctor-evaluation-progress-bar-width);
}
.doctor-explanation__evaluation-progress {
  background: #4caf50;
}
.doctor-explanation__evaluation-progress--reversed {
  background: #94a2d4;
}
.doctor-explanation__calibration-progress {
  background: #c2cae7;
}
.doctor-explanation__calibration-progress-calibration-on-train {
  background: #d9e6ed;
}
.doctor-explanation__progress--timeseries {
  --doctor-evaluation-forecast-width: 32px;
  background-color: #bbbbbb;
}
.doctor-explanation__hyperparameters-progress--timeseries {
  width: calc(100% - var(--doctor-evaluation-forecast-width));
  border-right: 1px solid #d9e6ed;
}
.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 #d9e6ed;
  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 #d9e6ed;
  line-height: 16px;
}
.progress .bar.doctor-explanation__bar--right {
  border-left: 1px solid #d9e6ed;
  border-right: 1px solid transparent;
}
.progress .bar.doctor-explanation__bar--middle {
  border-left: 1px solid #d9e6ed;
}
.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--calibration {
  background-color: #c2cae7;
}
.progress .bar.doctor-explanation__bar--calibration-on-test {
  background: repeating-linear-gradient(45deg, #c2cae7, #c2cae7 5px, #4caf50 5px, #4caf50 10px);
}
.progress .bar.doctor-explanation__bar--forecast-evaluation {
  display: flex;
  width: var(--doctor-evaluation-forecast-width);
  flex: 0 0 auto;
}
.progress .bar.doctor-explanation__bar--forecast-evaluation .doctor-explanation__bar--test,
.progress .bar.doctor-explanation__bar--forecast-evaluation .doctor-explanation__bar--validation {
  border-right: none;
}
.progress .bar.doctor-explanation__bar--forecast-evaluation .bar {
  font-size: 11px;
}
.progress .bar.doctor-explanation__bar--ignored-part {
  background-color: #cccccc;
}
.progress .bar.doctor-explanation__bar--validation {
  background-color: #cddc39;
}
.doctor-explanation__bar--ignored-timeseries {
  background-color: #bbbbbb;
}
.doctor-explanation__arrow {
  display: flex;
  align-items: center;
}
.doctor-explanation__arrow-line {
  background: #31708f;
  height: 1px;
  width: 240px;
}
.doctor-explanation__arrow-line.doctor-explanation__arrow-line--full-width {
  width: calc(100% - 8px);
}
.doctor-explanation__arrow-end {
  border-color: transparent transparent transparent #31708f;
  border-style: solid;
  border-width: 4px 0 4px 8px;
}
@media (max-width: 1600px) {
  .doctor-explanation-timeseries {
    --timeseries-explanation-box-width: 360px;
  }
  .doctor-explanation__progress {
    --doctor-evaluation-progress-bar-width: 200px;
  }
  .doctor-explanation__progress--timeseries {
    --doctor-evaluation-forecast-width: 24px;
  }
  .doctor-explanation__arrow-line {
    width: 190px;
  }
  .doctor-explanation__schema-ellipsis + .doctor-explanation__schema-ellipsis {
    margin-left: 200px;
  }
}
@media (max-width: 1280px) {
  .doctor-explanation-timeseries {
    --timeseries-explanation-box-width: 300px;
  }
  .doctor-explanation__progress {
    --doctor-evaluation-progress-bar-width: 145px;
  }
  .doctor-explanation__progress--timeseries {
    --doctor-evaluation-forecast-width: 16px;
  }
  .doctor-explanation__arrow-line {
    width: 140px;
  }
  .doctor-explanation__schema-ellipsis + .doctor-explanation__schema-ellipsis {
    margin-left: 175px;
  }
}
@media (max-width: 1180px) {
  .doctor-explanation-timeseries {
    --timeseries-explanation-box-width: 240px;
  }
  .doctor-explanation__progress {
    --doctor-evaluation-progress-bar-width: 85px;
  }
  .doctor-explanation__progress--timeseries {
    --doctor-evaluation-forecast-width: 12px;
  }
  .doctor-explanation__arrow-line {
    width: 90px;
  }
  .doctor-explanation__schema-ellipsis + .doctor-explanation__schema-ellipsis {
    margin-left: 150px;
  }
}
.doctor-explanation__separation-line {
  margin-left: -16px;
  margin-right: -16px;
  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-explanation__legend {
  font-size: 12px;
}
.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;
}
.mlchart-defaultbaseline {
  stroke: #f08080;
  stroke-width: 2;
  stroke-dasharray: 3;
}
.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 {
  width: 100%;
  height: 165px;
}
.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-curve__trophy {
  color: #fabd38;
}
.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;
}
.sub-feature-content {
  font-size: 12px;
  list-style: none;
}
.session-features-popup i,
.session-timeseries-metrics-popup i {
  width: 20px;
  display: inline-block;
  text-align: center;
}
.session-features-popup i.dku-icon-bullseye-12,
.session-timeseries-metrics-popup i.dku-icon-bullseye-12 {
  color: #333333;
}
.session-features-popup i.dku-icon-eye-12,
.session-timeseries-metrics-popup i.dku-icon-eye-12 {
  color: #3b99fc;
}
.session-features-popup i.dku-icon-dismiss-12,
.session-timeseries-metrics-popup i.dku-icon-dismiss-12 {
  color: #666666;
}
.session-features-popup i.dku-icon-checkmark-12,
.session-timeseries-metrics-popup i.dku-icon-checkmark-12 {
  color: #4caf50;
}
.session-features-popup .reject,
.session-timeseries-metrics-popup .reject {
  color: #cccccc;
}
.session-timeseries-metrics-popup i.icon-ok {
  color: #333333;
}
.session-timeseries-metrics-popup .dropdown-row:hover {
  background-color: #f2f2f2;
}
.new-model-modal__tile {
  border: 1px solid #dddddd;
  padding: 5px;
  margin: 8px 10px;
  padding: 4px;
  cursor: pointer;
  height: 40px;
  display: inline-block;
  font-size: 11px;
  line-height: normal;
  margin: 8px;
  margin-bottom: 16px;
}
.new-model-modal__tile:not(.selectable):not(.hoverable) {
  color: #cccccc;
}
.new-model-modal__tile:not(.selectable):not(.hoverable) img {
  opacity: .25;
}
.new-model-modal__tile.selectable:hover {
  cursor: pointer;
  background-color: #f2f2f2;
}
.new-model-modal__tile.selected,
.new-model-modal__tile.selected:hover {
  border-color: #3b99fc;
  background-color: #ffffff;
}
.new-model-modal__tile i:not(.universe-color):not(.icon-trash):not([class*="dku-icon-trash-"]):not(.illustration):not('.selector-item__icon--has-color') {
  color: #666666;
}
.new-model-modal__tile .selection-indicator {
  display: inline-block;
  width: 20px;
  max-height: 20px;
  text-align: center;
}
.new-model-modal__tile .selection-indicator i {
  color: #3b99fc;
}
.new-model-modal__tile .selectable-item__icon {
  display: inline-block;
  width: 20px;
  text-align: center;
  color: #cccccc;
}
.new-model-modal__tile .selectable-item__title {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  color: #222222;
  font-weight: 500;
  max-width: 90%;
}
.new-model-modal__tile .selectable-item__description {
  font-weight: 400;
}
.new-model-modal__tile:hover {
  background: #f2f2f2;
}
.new-model-modal__tile.modal__tile--disabled {
  cursor: default;
}
.new-model-modal__tile.modal__tile--disabled .modal__tile-icon,
.new-model-modal__tile.modal__tile--disabled .modal__tile-name,
.new-model-modal__tile.modal__tile--disabled .modal__tile-desc {
  color: #cccccc;
}
.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,
.features-handling .item .monotonicity {
  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 .name {
  width: 250px;
}
.features-handling .item .type {
  width: 100px;
}
.features-handling .item .role {
  width: 160px;
}
.features-handling .item .summary {
  width: 160px;
}
.features-handling .item .monotonicity {
  width: 100px;
}
.features-handling .item .features-handling-item-summary__control-value,
.features-handling .item .features-handling-item-summary__preferred-class {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  line-height: 13px;
  margin-left: 4px;
  max-width: 320px;
}
.features-handling .encoding-map {
  width: auto;
  margin-bottom: 0;
  border-collapse: separate;
}
.features-handling .encoding-map tbody > tr:nth-child(even) > td {
  background-color: #ffffff;
}
.features-handling .encoding-map .encoding-map__cell {
  text-align: right;
}
.features-handling .encoding-map .encoding-map__cell div {
  margin-right: 0;
  margin-left: auto;
}
.features-handling .encoding-map .encoding-map__cell--body {
  line-height: 18px;
  padding: 3px 8px;
}
.features-handling .encoding-map .encoding-map__cell--fixed {
  position: sticky;
  max-width: 120px;
  left: 0;
  border-right: 1px solid #dddddd;
}
.features-handling .encoding-map .encoding-map__cell--scroll {
  max-width: 120px;
}
.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-bottom: 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: 0 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;
}
.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:not(.no-cascade) {
  margin-bottom: 8px;
  margin-top: 8px;
}
.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=email],
.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=datetime-local],
.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=email]: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=datetime-local]: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=email]: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=datetime-local]: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=email]: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=datetime-local]: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=email].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=datetime-local].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 input[type=text].invalid-ignores-dirty.ng-invalid,
.features-page .main-zone .feature-details .control-group .control-label input[type=email].invalid-ignores-dirty.ng-invalid,
.features-page .main-zone .feature-details .control-group .control-label input[type=url].invalid-ignores-dirty.ng-invalid,
.features-page .main-zone .feature-details .control-group .control-label input[type=number].invalid-ignores-dirty.ng-invalid,
.features-page .main-zone .feature-details .control-group .control-label input[type=date].invalid-ignores-dirty.ng-invalid,
.features-page .main-zone .feature-details .control-group .control-label input[type=time].invalid-ignores-dirty.ng-invalid,
.features-page .main-zone .feature-details .control-group .control-label input[type=datetime-local].invalid-ignores-dirty.ng-invalid,
.features-page .main-zone .feature-details .control-group .control-label input[type=password].invalid-ignores-dirty.ng-invalid,
.features-page .main-zone .feature-details .control-group .control-label textarea.invalid-ignores-dirty.ng-invalid,
.features-page .main-zone .feature-details .control-group .control-label select.invalid-ignores-dirty.ng-invalid,
.features-page .main-zone .feature-details .control-group .control-label button.btn.selectpicker.invalid-ignores-dirty.ng-invalid,
.invalid-ignores-dirty .features-page .main-zone .feature-details .control-group .control-label input[type=text].ng-invalid,
.invalid-ignores-dirty .features-page .main-zone .feature-details .control-group .control-label input[type=email].ng-invalid,
.invalid-ignores-dirty .features-page .main-zone .feature-details .control-group .control-label input[type=url].ng-invalid,
.invalid-ignores-dirty .features-page .main-zone .feature-details .control-group .control-label input[type=number].ng-invalid,
.invalid-ignores-dirty .features-page .main-zone .feature-details .control-group .control-label input[type=date].ng-invalid,
.invalid-ignores-dirty .features-page .main-zone .feature-details .control-group .control-label input[type=time].ng-invalid,
.invalid-ignores-dirty .features-page .main-zone .feature-details .control-group .control-label input[type=datetime-local].ng-invalid,
.invalid-ignores-dirty .features-page .main-zone .feature-details .control-group .control-label input[type=password].ng-invalid,
.invalid-ignores-dirty .features-page .main-zone .feature-details .control-group .control-label textarea.ng-invalid,
.invalid-ignores-dirty .features-page .main-zone .feature-details .control-group .control-label select.ng-invalid,
.invalid-ignores-dirty .features-page .main-zone .feature-details .control-group .control-label button.btn.selectpicker.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 button.btn.selectpicker.none-selected-text .filter-option {
  color: var(--dku-select-placeholder-color, #999999);
}
.features-page .main-zone .feature-details .control-group .control-label button.btn.selectpicker.none-selected-text .filter-option::before {
  content: var(--dku-select-placeholder-emphasis--before, '- ');
}
.features-page .main-zone .feature-details .control-group .control-label button.btn.selectpicker.none-selected-text .filter-option::after {
  content: var(--dku-select-placeholder-emphasis--after, ' -');
}
.features-page .main-zone .feature-details .control-group .control-label button.btn.selectpicker.disabled.none-selected-text .filter-option {
  color: #cccccc;
}
.features-page .main-zone .feature-details .control-group .control-label button.btn.selectpicker.disabled {
  background-color: #f2f2f2;
}
.features-page .main-zone .feature-details .control-group .control-label button.btn.selectpicker.disabled:hover {
  background-color: #f2f2f2;
}
.features-page .main-zone .feature-details .control-group .control-label button.btn.selectpicker.disabled:focus {
  border: 1px #bbbbbb solid;
}
.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 {
  border-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 .control-label.auto-width {
  width: auto;
  padding-right: 1em;
}
.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 .help-inline.multiline {
  display: inline;
}
.features-page .main-zone .feature-details .control-group .controls label:not(.no-cascade) {
  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 input[type=password],
.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 input[type=password].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 input[type=password].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 input[type=password].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 input[type=text].input-fit-content,
.features-page .main-zone .feature-details .control-group .controls input[type=number].input-fit-content,
.features-page .main-zone .feature-details .control-group .controls input[type=password].input-fit-content,
.features-page .main-zone .feature-details .control-group .controls select.input-fit-content {
  width: fit-content;
  width: -moz-fit-content;
}
.features-page .main-zone .feature-details .control-group .controls input[type=text].full-width {
  width: 100%;
}
.features-page .main-zone .feature-details .control-group .controls .text-field-container {
  width: 190px;
}
.features-page .main-zone .feature-details .control-group .controls .text-field-container .field-error-message {
  padding: 8px;
  box-sizing: border-box;
  width: 100%;
}
.features-page .main-zone .feature-details .control-group .controls .text-field-container.input-xlarge {
  width: 270px;
}
.features-page .main-zone .feature-details .control-group .controls .text-field-container.input-xxlarge {
  width: 430px;
}
.features-page .main-zone .feature-details .control-group .controls .text-field-container.input-half-size {
  width: 102px;
}
.features-page .main-zone .feature-details .control-group .controls .text-field-container.input-fit-content {
  width: fit-content;
  width: -moz-fit-content;
}
.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 .ng-select {
  --dku-ng-select-max-width: 190px;
}
.features-page .main-zone .feature-details .control-group .controls input[type=text],
.features-page .main-zone .feature-details .control-group .controls input[type=email],
.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=datetime-local],
.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=email]: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=datetime-local]: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=email]: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=datetime-local]: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=email]: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=datetime-local]: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=email].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=datetime-local].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 input[type=text].invalid-ignores-dirty.ng-invalid,
.features-page .main-zone .feature-details .control-group .controls input[type=email].invalid-ignores-dirty.ng-invalid,
.features-page .main-zone .feature-details .control-group .controls input[type=url].invalid-ignores-dirty.ng-invalid,
.features-page .main-zone .feature-details .control-group .controls input[type=number].invalid-ignores-dirty.ng-invalid,
.features-page .main-zone .feature-details .control-group .controls input[type=date].invalid-ignores-dirty.ng-invalid,
.features-page .main-zone .feature-details .control-group .controls input[type=time].invalid-ignores-dirty.ng-invalid,
.features-page .main-zone .feature-details .control-group .controls input[type=datetime-local].invalid-ignores-dirty.ng-invalid,
.features-page .main-zone .feature-details .control-group .controls input[type=password].invalid-ignores-dirty.ng-invalid,
.features-page .main-zone .feature-details .control-group .controls textarea.invalid-ignores-dirty.ng-invalid,
.features-page .main-zone .feature-details .control-group .controls select.invalid-ignores-dirty.ng-invalid,
.features-page .main-zone .feature-details .control-group .controls button.btn.selectpicker.invalid-ignores-dirty.ng-invalid,
.invalid-ignores-dirty .features-page .main-zone .feature-details .control-group .controls input[type=text].ng-invalid,
.invalid-ignores-dirty .features-page .main-zone .feature-details .control-group .controls input[type=email].ng-invalid,
.invalid-ignores-dirty .features-page .main-zone .feature-details .control-group .controls input[type=url].ng-invalid,
.invalid-ignores-dirty .features-page .main-zone .feature-details .control-group .controls input[type=number].ng-invalid,
.invalid-ignores-dirty .features-page .main-zone .feature-details .control-group .controls input[type=date].ng-invalid,
.invalid-ignores-dirty .features-page .main-zone .feature-details .control-group .controls input[type=time].ng-invalid,
.invalid-ignores-dirty .features-page .main-zone .feature-details .control-group .controls input[type=datetime-local].ng-invalid,
.invalid-ignores-dirty .features-page .main-zone .feature-details .control-group .controls input[type=password].ng-invalid,
.invalid-ignores-dirty .features-page .main-zone .feature-details .control-group .controls textarea.ng-invalid,
.invalid-ignores-dirty .features-page .main-zone .feature-details .control-group .controls select.ng-invalid,
.invalid-ignores-dirty .features-page .main-zone .feature-details .control-group .controls button.btn.selectpicker.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 button.btn.selectpicker.none-selected-text .filter-option {
  color: var(--dku-select-placeholder-color, #999999);
}
.features-page .main-zone .feature-details .control-group .controls button.btn.selectpicker.none-selected-text .filter-option::before {
  content: var(--dku-select-placeholder-emphasis--before, '- ');
}
.features-page .main-zone .feature-details .control-group .controls button.btn.selectpicker.none-selected-text .filter-option::after {
  content: var(--dku-select-placeholder-emphasis--after, ' -');
}
.features-page .main-zone .feature-details .control-group .controls button.btn.selectpicker.disabled.none-selected-text .filter-option {
  color: #cccccc;
}
.features-page .main-zone .feature-details .control-group .controls button.btn.selectpicker.disabled {
  background-color: #f2f2f2;
}
.features-page .main-zone .feature-details .control-group .controls button.btn.selectpicker.disabled:hover {
  background-color: #f2f2f2;
}
.features-page .main-zone .feature-details .control-group .controls button.btn.selectpicker.disabled:focus {
  border: 1px #bbbbbb solid;
}
.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 {
  border-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 .control-group .controls .plain-text {
  font-family: 'SourceSansPro';
  font-weight: regular;
  font-size: 14px;
  color: #444444;
  line-height: 24px;
  height: 26px;
  padding: 0;
  margin: 0;
  text-align: left;
}
.features-page .main-zone .feature-details .control-group .controls .plain-text.disabled {
  color: #999999;
}
.features-page .main-zone .feature-details .control-group .controls .control-error-message {
  padding-top: 4px;
  color: #ce1228;
  font-size: 10px;
  line-height: 15px;
}
.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;
}
.datetime-cyclical-period__histogram {
  -webkit-flex: 0 0 100%;
  flex: 0 1 100%;
  margin: 8px 0 8px 8px;
}
.datetime-cyclical-period__histogram .x.axis path.domain {
  stroke: #999999;
}
.datetime-cyclical-period__histogram .x.axis text {
  font-size: 10px;
}
.datetime-cyclical-period__histogram--unselected.d3graph .histogrambar {
  fill: #dddddd;
}
.datetime-cyclical-period__name {
  flex: 0 0 80px;
}
.preparation-page .table {
  max-width: 550px;
}
.preparation-page i {
  float: right;
  line-height: 20px;
  width: 16px;
  text-align: center;
}
.table td.preparation-page__nested-table {
  border: none;
  padding: 0 8px 0;
}
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;
}
.model-report-common iframe.webapp-container {
  display: block;
}
.ml-params-with-filter-definition-section .ml-params-with-filter-definition-block {
  padding-bottom: 32px;
}
.ml-params-with-filter-definition-section .ml-params-with-filter-definition-block .controls select.ml-params-with-filter-definition-box__class-selection {
  width: 300px;
}
.ml-params-with-filter-definition-section .ml-params-with-filter-definition-block .control-group .controls input.ml-params-with-filter-definition-box__min-value-selection {
  width: 64px;
  margin-right: 8px;
}
.ml-params-with-filter-definition-section .ml-params-with-filter-definition-block .control-group .controls input.ml-params-with-filter-definition-box__max-value-selection {
  width: 64px;
  margin-left: 8px;
  margin-right: 8px;
}
.ml-params-with-filter-definition-section .ml-params-with-filter-definition-block .ml-params-with-filter-definition-box {
  overflow: scroll !important;
  border: 1px solid #dddddd;
  padding: 18px 24px 18px 24px;
  margin-bottom: 16px;
}
.ml-params-with-filter-definition-section .ml-params-with-filter-definition-block .ml-params-with-filter-definition-box__trash-icon {
  font-size: 16px;
}
.ml-params-with-filter-definition-section .ml-params-with-filter-definition-block .ml-params-with-filter-definition-box__pass-ratio-percentage {
  padding: 4px;
  text-align: center;
  width: 32px;
  display: inline-block;
}
.ml-params-with-filter-definition-section .ml-params-with-filter-definition-block .ml-params-with-filter-definition-box__pass-ratio-setter {
  width: 225px;
}
.ml-params-with-filter-definition-section .ml-params-with-filter-definition-add-button {
  text-align: left;
}
.detailed-metrics-with-explanation {
  display: flex;
  gap: 0 32px;
  margin-bottom: 16px;
}
.detailed-metrics-one-vs-all-title {
  display: flex;
  align-items: center;
}
.detailed-metrics-classification-tables {
  display: flex;
  gap: 0 32px;
}
.detailed-metrics-with-explanation__explanation-col {
  max-width: 450px;
}
.detailed-metrics-table {
  width: max-content;
}
.detailed-metrics-table th {
  border-top: 0;
  color: #333333;
  font-weight: 400;
  letter-spacing: 0.5px;
  text-align: right;
}
.detailed-metrics-table td span {
  max-width: 100%;
}
.detailed-metrics-table .detailed-metrics-table__row-value {
  font-weight: bold;
  font-size: 16px;
  text-align: right;
  white-space: nowrap;
  min-width: 100px;
}
.detailed-metrics-table .detailed-metrics-table__row-value .sigma {
  display: block;
  font-size: 0.9em;
  color: #666666;
}
.detailed-metrics-table__metrics-info {
  color: #999999;
  margin: 0 4px;
}
.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__expected-valid-ratio-marker {
  position: relative;
  margin-top: 16px;
}
.performance-metrics .assertion-result__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__expected-valid-ratio-marker-bar {
  position: absolute;
  width: 16px;
  left: -1px;
  bottom: 5px;
  border: 1px solid #3b99fc;
  transform: rotate(90deg);
}
.performance-metrics .assertion-result__dropped-details {
  font-size: 11px;
  color: #999999;
  margin-left: 4px;
}
.performance-metrics .assertion-result__valid-ratio {
  min-width: 150px;
  width: 30%;
}
.performance-metrics .assertion-result__result {
  font-size: 16px;
}
.threshold-form > *:not(:first-child) {
  display: inline-block;
  margin-left: 1em;
}
.threshold-form__range:before {
  content: "0";
}
.threshold-form__range:after {
  content: " 1";
}
.prediction-model-report .residuals-timeseries-title {
  font-size: 16px;
  font-weight: bold;
}
.prediction-model-report .residuals-timeseries-title .residuals-sample-badge span > i {
  margin-right: 4px;
}
.prediction-model-report .timeseries-residuals {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
}
.prediction-model-report .timeseries-residuals .residuals-graphs-container {
  display: grid;
  width: 100%;
  grid-template-rows: 1fr 1fr;
  grid-template-columns: 1fr 1fr;
  grid-row-gap: 24px;
}
.prediction-model-report .timeseries-residuals .residuals-graphs-container .residuals-block {
  padding: 8px;
  height: 300px;
  min-width: 400px;
  display: flex;
  flex-direction: column;
}
.prediction-model-report .timeseries-residuals .table-title {
  display: block;
  background-color: #F2F2F2;
  padding: 5px;
  text-align: center;
  font-weight: 500;
  line-height: 20px;
  height: 20px;
  overflow: hidden;
  text-overflow: ellipsis;
}
.prediction-model-report .timeseries-residuals .residuals-stats-table {
  border-collapse: collapse;
  width: 100%;
  background-color: white;
}
.prediction-model-report .timeseries-residuals .residuals-stats-table th {
  font-size: 1em;
  padding: 3px 10px;
}
.prediction-model-report .timeseries-residuals .residuals-stats-table__head {
  font-weight: normal;
  text-align: left;
}
.prediction-model-report .timeseries-residuals .residuals-stats-table__cell {
  text-align: right;
  font-weight: 500;
}
.prediction-model-report .timeseries-residuals .residuals-stats-table__row:nth-child(odd) {
  background-color: #F8F8F8;
}
.prediction-model-report .timeseries-residuals .residuals-stats-table__row--colored:nth-child(even) {
  background-color: #F8F8F8;
}
.prediction-model-report .timeseries-residuals .residuals-stats-table__row--uncolored:nth-child(odd) {
  background-color: #FFFFFF;
}
.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 .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=email],
.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=datetime-local],
.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=email]: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=datetime-local]: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=email]: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=datetime-local]: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=email]: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=datetime-local]: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=email].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=datetime-local].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 input[type=text].invalid-ignores-dirty.ng-invalid,
.prediction-model-report .bc-results-cost-matrix input[type=email].invalid-ignores-dirty.ng-invalid,
.prediction-model-report .bc-results-cost-matrix input[type=url].invalid-ignores-dirty.ng-invalid,
.prediction-model-report .bc-results-cost-matrix input[type=number].invalid-ignores-dirty.ng-invalid,
.prediction-model-report .bc-results-cost-matrix input[type=date].invalid-ignores-dirty.ng-invalid,
.prediction-model-report .bc-results-cost-matrix input[type=time].invalid-ignores-dirty.ng-invalid,
.prediction-model-report .bc-results-cost-matrix input[type=datetime-local].invalid-ignores-dirty.ng-invalid,
.prediction-model-report .bc-results-cost-matrix input[type=password].invalid-ignores-dirty.ng-invalid,
.prediction-model-report .bc-results-cost-matrix textarea.invalid-ignores-dirty.ng-invalid,
.prediction-model-report .bc-results-cost-matrix select.invalid-ignores-dirty.ng-invalid,
.prediction-model-report .bc-results-cost-matrix button.btn.selectpicker.invalid-ignores-dirty.ng-invalid,
.invalid-ignores-dirty .prediction-model-report .bc-results-cost-matrix input[type=text].ng-invalid,
.invalid-ignores-dirty .prediction-model-report .bc-results-cost-matrix input[type=email].ng-invalid,
.invalid-ignores-dirty .prediction-model-report .bc-results-cost-matrix input[type=url].ng-invalid,
.invalid-ignores-dirty .prediction-model-report .bc-results-cost-matrix input[type=number].ng-invalid,
.invalid-ignores-dirty .prediction-model-report .bc-results-cost-matrix input[type=date].ng-invalid,
.invalid-ignores-dirty .prediction-model-report .bc-results-cost-matrix input[type=time].ng-invalid,
.invalid-ignores-dirty .prediction-model-report .bc-results-cost-matrix input[type=datetime-local].ng-invalid,
.invalid-ignores-dirty .prediction-model-report .bc-results-cost-matrix input[type=password].ng-invalid,
.invalid-ignores-dirty .prediction-model-report .bc-results-cost-matrix textarea.ng-invalid,
.invalid-ignores-dirty .prediction-model-report .bc-results-cost-matrix select.ng-invalid,
.invalid-ignores-dirty .prediction-model-report .bc-results-cost-matrix button.btn.selectpicker.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 button.btn.selectpicker.none-selected-text .filter-option {
  color: var(--dku-select-placeholder-color, #999999);
}
.prediction-model-report .bc-results-cost-matrix button.btn.selectpicker.none-selected-text .filter-option::before {
  content: var(--dku-select-placeholder-emphasis--before, '- ');
}
.prediction-model-report .bc-results-cost-matrix button.btn.selectpicker.none-selected-text .filter-option::after {
  content: var(--dku-select-placeholder-emphasis--after, ' -');
}
.prediction-model-report .bc-results-cost-matrix button.btn.selectpicker.disabled.none-selected-text .filter-option {
  color: #cccccc;
}
.prediction-model-report .bc-results-cost-matrix button.btn.selectpicker.disabled {
  background-color: #f2f2f2;
}
.prediction-model-report .bc-results-cost-matrix button.btn.selectpicker.disabled:hover {
  background-color: #f2f2f2;
}
.prediction-model-report .bc-results-cost-matrix button.btn.selectpicker.disabled:focus {
  border: 1px #bbbbbb solid;
}
.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 {
  border-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;
  background-color: inherit;
}
.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 [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 [calibration-scatter-plot] ~ .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;
}
.per-timeseries-table__title {
  font-weight: 500;
  font-size: 16px;
  line-height: 20px;
  color: #222222;
  border-bottom: 1px solid #ddd;
  padding-right: 4px;
  height: 30px;
  display: flex;
  cursor: pointer;
}
.per-timeseries-table__title.sort-descending:after {
  font-family: FontAwesome;
  content: ' \f0d7 ';
  margin-left: 4px;
}
.per-timeseries-table__title.sort-ascending:after {
  font-family: FontAwesome;
  content: ' \f0d8 ';
  margin-left: 4px;
}
.model-report-title {
  display: flex;
  align-items: center;
  border-bottom: 1px solid #dddddd;
  padding: 8px 16px;
  margin-top: -15px;
  margin-left: -20px;
  margin-right: -20px;
  margin-bottom: 16px;
}
.model-report-title__tab-name {
  margin: 0;
  font-size: 18px;
  line-height: 28px;
  font-weight: 400;
  color: #222222;
}
.model-report-title__content {
  display: flex;
  flex: 1 0 auto;
  justify-content: end;
}
.model-report-title-content--full-width {
  margin-left: 16px;
  display: flex;
  flex: 1 0 auto;
  justify-content: space-between;
}
.post-train-weights-explanation {
  font-weight: bold;
  color: #31708f;
  background-color: #d9e6ed;
  border-radius: 20px;
  padding: 8px;
  margin-left: 16px;
  display: inline-flex;
  align-items: center;
}
.post-train-weights-explanation__text {
  font-size: 12px;
  line-height: 18px;
}
.post-train-weights-explanation__icon {
  font-size: 18px;
  margin-right: 4px;
}
.overridden-prediction-badge {
  font-weight: bold;
  color: #31708f;
  background-color: #d9e6ed;
  border-radius: 20px;
  padding: 4px;
  margin-left: 16px;
  display: inline-flex;
  align-items: center;
  cursor: pointer;
}
.overridden-prediction-badge__text {
  font-size: 12px;
  line-height: 18px;
  margin-right: 4px;
  margin-left: 4px;
}
.overridden-prediction-badge__icon {
  font-size: 18px;
}
.overridden-prediction-badge-placeholder {
  height: 22px;
  display: inline-block;
}
.evaluate-recipe-weights-explanation {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  padding: 8px;
  display: flex;
  align-items: center;
}
.iou-form__range:before {
  content: "0.5";
}
.iou-form__range:after {
  content: " 1";
}
.iou-form__setter {
  width: 150px;
}
.nvtooltip.nvtooltip {
  font-family: 'SourceSansPro';
}
.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;
}
.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;
  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 table th,
.model-info-page table td {
  padding: 4px;
  line-height: 20px;
}
.model-info-page table th {
  font-size: 13px;
  font-weight: 400;
  padding-right: 30px;
  color: #666666;
}
.model-info-page table 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__table-manager {
  display: flex;
  flex-direction: column;
}
.model-info-page__timeseries-header {
  border-bottom: 1px solid #dddddd;
  margin-bottom: 16px;
  padding-bottom: 16px;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  overflow-y: auto;
  gap: 8px 16px;
}
.model-info-page__timeseries-header .dku-toggle {
  top: 6px;
}
.model-info-page__timeseries-header .model-info-page__timeseries-header_identifiers {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  overflow-y: auto;
  gap: 8px;
}
.model-info-page__timeseries-header .per-fold-with-toggle {
  margin-top: -4px;
}
.model-info-page__timeseries-header .per-fold-with-toggle .dku-toggle {
  margin-left: 0;
  margin-right: 6px;
}
.model-info-page__timeseries-graphs {
  height: calc(100% - 128px);
}
.model-info-page__algorithm_parameters .text-error,
.model-info-page__algorithm_parameters .text-success {
  color: #333333;
}
.model-info-page__algorithm_parameters .table {
  max-width: 600px;
}
.per-timeseries-table .fattable-h-scrollbar {
  overflow: auto;
}
.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--optimized {
  font-style: italic;
}
.model-report-svg-container {
  height: 300px;
  width: 100%;
}
.hyperparam-search-table.hyperparam-search-table {
  width: 100%;
  max-width: none;
  display: block;
  overflow-x: auto;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: 0;
}
.hyperparam-search-table__export-button {
  margin-top: -20px;
}
.hyperparam-search-table th {
  position: sticky;
  top: 0;
  background-color: #ffffff;
}
.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,
.model-starred .model-starred__starred {
  color: #fabd38;
}
.model-starred .icon-star-empty,
.model-starred .model-starred__unstarred {
  color: #666666;
}
.model-starred .icon-star-empty:hover,
.model-starred .model-starred__unstarred:hover {
  color: #fabd38;
}
.model-color-bullet {
  border-style: solid;
  vertical-align: middle;
  width: 0px;
  height: 0px;
  display: inline-block;
  margin-left: 8px;
  margin-right: 5px;
  border-color: #dddddd;
  border-width: 6px;
  border-radius: 6px;
}
.model-color-bullet.selectable {
  opacity: 0.75;
}
.model-color-bullet.selectable.selected {
  opacity: 1;
}
.aggregated-explanation-metric-icon {
  color: #999999;
}
.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__checkbox {
  margin: 0 8px 0 0;
}
.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: 16px;
  margin-right: 8px;
  text-align: center;
  white-space: nowrap;
}
.models-detailed-item .model-snippet-header__trophy {
  color: #f9bd38;
}
.models-detailed-item .model-snippet-badge {
  background: #d9e6ed;
  border: 1px solid #31708f;
  border-radius: 24px;
  padding: 4px 8px;
}
.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 {
  margin: 0 8px;
}
.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.external-mlflow-model-snippet-body {
  grid-template-columns: 1.15fr 1.1fr 0.7fr;
}
.models-detailed-item .model-snippet-body.external-mlflow-model-snippet-body.model-snippet-body--with-selector {
  grid-template-columns: 0.15fr 1.1fr 1.1fr 0.65fr;
}
.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__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__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 .favorite label {
  background: #666666;
}
.models-detailed-item .model-snippet-body .favorite :checked + label {
  background: #29af5d;
}
.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__summary {
  display: flex;
  justify-content: center;
  flex-direction: column;
  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%;
  overflow: auto;
  padding-right: 16px;
}
.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 > div {
  display: flex;
  justify-content: center;
  flex-direction: column;
}
.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 {
  height: 172px;
  color: #666666;
}
.models-detailed-item .model-snippet-body .model-snippet-body__main .partitioned-model-table__header {
  height: 24px;
  line-height: 24px;
  display: flex;
  flex-direction: row;
  text-align: center;
  border-bottom: 1px solid #dddddd;
}
.models-detailed-item .model-snippet-body .model-snippet-body__main .partitioned-model-table__header .partitioned-model-table__header--name {
  flex: 1;
}
.models-detailed-item .model-snippet-body .model-snippet-body__main .partitioned-model-table__header .partitioned-model-table__header--metric {
  width: 160px;
}
.models-detailed-item .model-snippet-body .model-snippet-body__main .partitioned-model-table__header .partitioned-model-table__header--status {
  width: 80px;
}
.models-detailed-item .model-snippet-body .model-snippet-body__main .partitioned-model-table__content {
  height: 147px;
  overflow-y: auto;
}
.models-detailed-item .model-snippet-body .model-snippet-body__main .partitioned-model-table__content.fat-repeat .fattable-body-container {
  margin-bottom: 0;
}
.models-detailed-item .model-snippet-body .model-snippet-body__main .partitioned-model-table__content .fattable-v-scrollbar {
  width: 0.1px;
}
.models-detailed-item .model-snippet-body .model-snippet-body__main .partitioned-model-table__content .fattable-h-scrollbar {
  height: 0.1px;
}
.models-detailed-item .model-snippet-body .model-snippet-body__main .partitioned-model-table__row {
  display: flex;
  flex-direction: row;
  height: 100%;
  width: 100%;
}
.models-detailed-item .model-snippet-body .model-snippet-body__main .partitioned-model-table__row .partitioned-model-table__row--name {
  flex: 1;
  padding-left: 4px;
  border-right: 1px solid #dddddd;
  border-bottom: 1px solid #dddddd;
}
.models-detailed-item .model-snippet-body .model-snippet-body__main .partitioned-model-table__row .partitioned-model-table__row--metric {
  width: 160px;
  display: flex;
}
.models-detailed-item .model-snippet-body .model-snippet-body__main .partitioned-model-table__row .partitioned-model-table__row--metric .partitioned-model-table__row--metric-value {
  padding: 0 4px;
  min-width: 48px;
  border-right: 1px solid #dddddd;
  border-bottom: 1px solid #dddddd;
  text-align: center;
}
.models-detailed-item .model-snippet-body .model-snippet-body__main .partitioned-model-table__row .partitioned-model-table__row--metric .partitioned-model-table__row--metric-bar {
  flex: 1;
  border-right: 1px solid #dddddd;
  opacity: .3;
}
.models-detailed-item .model-snippet-body .model-snippet-body__main .partitioned-model-table__row .partitioned-model-table__row--status {
  width: 80px;
  border-bottom: 1px solid #dddddd;
  padding: 0 4px;
}
.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-snippet-body__main .timeseries-graph {
  height: 100%;
}
.models-detailed-item .model-snippet-body .model-snippet-body__main .timeseries-graph--multiple {
  height: calc(100% - 48px);
}
.models-detailed-item .model-snippet-body .model-train-details-table,
.models-detailed-item .model-snippet-body .model-pyfunc-labels__table,
.models-detailed-item .model-snippet-body .model-flavor-labels__table,
.models-detailed-item .model-snippet-body .model-llm-details-table {
  width: 100%;
}
.models-detailed-item .model-snippet-body .model-train-details-table tr td:nth-child(2),
.models-detailed-item .model-snippet-body .model-pyfunc-labels__table tr td:nth-child(2),
.models-detailed-item .model-snippet-body .model-flavor-labels__table tr td:nth-child(2),
.models-detailed-item .model-snippet-body .model-llm-details-table tr td:nth-child(2) {
  font-weight: 600;
  text-align: right;
}
.models-detailed-item .model-snippet-body .model-pyfunc-labels__table,
.models-detailed-item .model-snippet-body .model-flavor-labels__table,
.models-detailed-item .model-snippet-body .model-llm-details-table {
  table-layout: fixed;
}
.models-detailed-item .model-snippet-body .model-pyfunc-labels__table tr td:nth-child(2) div.width-fit-content,
.models-detailed-item .model-snippet-body .model-flavor-labels__table tr td:nth-child(2) div.width-fit-content,
.models-detailed-item .model-snippet-body .model-llm-details-table tr td:nth-child(2) div.width-fit-content {
  display: inline;
}
.models-detailed-item .model-snippet-body .model-flavor-labels {
  padding: 0 16px;
}
.models-detailed-item .model-snippet-body .model-flavor-labels__table tr td,
.models-detailed-item .model-snippet-body .model-flavor-labels__table tr:last-child td,
.models-detailed-item .model-snippet-body .model-flavor-labels__table th {
  border: 0;
  color: #333333;
}
.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-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__timeseries-label {
  max-width: 264px;
}
.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;
  width: calc(75vw - 80px);
}
.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;
  box-sizing: border-box;
}
.models-detailed-item .model-llm-details-table td {
  text-overflow: ellipsis;
  overflow: hidden;
}
.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-flex;
  align-items: center;
  justify-content: center;
  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 {
  --design-tab-title-height: 50px;
}
.models-page .model-design div.radio-button-box {
  width: 206px;
  display: inline-block;
}
.models-page .model-design div.radio-button-box label.inline-radio {
  display: inline-block;
}
.models-page .model-design .radio-img {
  width: 64px;
}
.models-page .model-design .btn[disabled] {
  opacity: 1;
}
.models-page .model-design .algorithm-detail {
  border-left: 1px solid #dddddd;
}
.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 .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 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,
.models-page .model-design .algorithm-detail .algorithm .algorithm-params .controls .inline-params > *: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,
.models-page .model-design .algorithm-detail .algorithm .algorithm-params .controls .inline-params > *:first-child .icon-hp-scaling {
  font-size: 26px;
}
.models-page .model-design .algorithm-detail .algorithm .algorithm-params .controls .strategy-mode label,
.models-page .model-design .algorithm-detail .algorithm .algorithm-params .controls .inline-params label {
  margin-bottom: 0;
  padding-right: 20px;
}
.models-page .model-design .algorithm-detail .algorithm .algorithm-params .controls .strategy-mode .change-param-mode,
.models-page .model-design .algorithm-detail .algorithm .algorithm-params .controls .inline-params .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,
.models-page .model-design .algorithm-detail .algorithm .algorithm-params .controls .inline-params .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,
.models-page .model-design .algorithm-detail .algorithm .algorithm-params .controls .inline-params .range-field {
  width: 75px;
  margin-left: 10px;
}
.models-page .model-design .algorithm-detail .algorithm .algorithm-params .controls .strategy-mode .number-no-arrow,
.models-page .model-design .algorithm-detail .algorithm .algorithm-params .controls .inline-params .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 .inline-params .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,
.models-page .model-design .algorithm-detail .algorithm .algorithm-params .controls .inline-params .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],
.models-page .model-design .algorithm-detail .algorithm .algorithm-params .controls .inline-params .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: #666666;
  width: calc(100% - 20px);
  text-align: justify;
  display: inline-block;
}
.models-page .model-design .algorithm-detail .algorithm .algorithm-params .controls .help-inline code {
  font-size: .8em;
}
.models-page .model-design .algorithm-detail .algorithm .algorithm-params .controls span.help-inline {
  width: auto;
  margin-top: 0;
  margin-left: 0.2em;
}
.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:not(.enabled) .algorithm-params {
  pointer-events: none;
  opacity: 0.5;
}
.models-page .model-design .algorithm-list {
  overflow-y: scroll;
  line-height: normal;
  height: 100%;
}
.models-page .model-design .algorithm-list.algorithm-list--as-base-learners {
  height: calc(100% - 53px);
}
.models-page .model-design .algorithm-list .algorithm-item {
  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__warning-msg {
  font-size: 10px;
  line-height: 125%;
  padding-left: 15px;
  margin-bottom: 8px;
  color: #f28c37;
  width: 80%;
}
.models-page .model-design .algorithm-list .algorithm-item__icon {
  margin: 0 4px 0 2px;
  color: #666666;
}
.models-page .model-design .algorithm-list .algorithm-item__icon--plugin {
  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: var(--design-tab-title-height);
}
.models-page .model-design .algorithm-panel {
  height: calc(100% - var(--design-tab-title-height) - 1px);
}
.models-page .model-design .algorithm-panel__base-learner-header {
  font-weight: 400;
  font-size: 16px;
  line-height: 20px;
  color: #222222;
  padding: 16px;
  border-bottom: 1px solid #dddddd;
}
.models-page .model-design .causal-algorithms {
  --design-tab-title-height: 192px;
  height: 100%;
}
.models-page .model-design .causal-learning-method {
  padding: 8px;
  border: 1px solid #cccccc;
  width: 20%;
  min-width: 320px;
  height: 128px;
  cursor: pointer;
}
.models-page .model-design .causal-learning-method + .causal-learning-method {
  margin-left: 16px;
}
.models-page .model-design .causal-learning-method:hover {
  background: #e7f3ff;
}
.models-page .model-design .causal-learning-method--selected {
  background: #e7f3ff;
  border-color: #3b99fc;
}
.models-page .model-design .causal-learning-method__meta-learners {
  border-top: 1px solid #cccccc;
}
.models-page .model-design .causal-learning-method__meta-learners > div {
  max-width: 300px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding-top: 8px;
}
.models-page .model-design .controls .ng-invalid {
  border: 1px solid #ce1228;
}
.models-page .causal-learning-method__popover {
  width: 600px;
  font-weight: 400;
  font-size: 13px;
  line-height: 16px;
  color: #222222;
}
.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;
}
.models-page .models-results .models-table .model-sel__input {
  margin-bottom: 8px;
  margin-right: 4px;
}
.models-page .models-results .models-table .model-sel__icon.model-sel__icon--done {
  color: #4caf50;
}
.models-page .models-results .models-table .model-sel__icon.model-sel__icon--warn {
  color: #f28c37;
}
.models-page .models-results .models-table .model-sel__icon.model-sel__icon--error {
  color: #ce1228;
}
.models-page .models-results .models-table .model-sel__icon.icon-spinner {
  color: #4caf50;
  font-size: 12px;
  height: 12px;
}
.models-page .models-results .models-table .models-table__header {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  padding-left: 10px;
  width: 100%;
  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--done {
  margin-left: 19px;
}
.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__header .models-table__header-custom-metric-name-container {
  display: flex;
  align-items: center;
}
.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;
  height: 168px;
}
.models-page .models-results .models-list-view .session-detail .session-detail-body.session-detail-body--timeseries {
  height: 208px;
}
.models-page .models-results .models-list-view .session-detail .session-detail-body .session-detail-body__optimization-empty-state,
.models-page .models-results .models-list-view .session-detail .session-detail-body .session-detail-body__metric-graphs-empty-state {
  color: #dddddd;
  line-height: 180px;
  width: 100%;
  height: 100%;
  vertical-align: middle;
  text-align: center;
}
.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-body .timeseries-metrics-bar-charts {
  display: flex;
  flex-direction: row;
  justify-content: space-evenly;
  gap: 24px;
  margin: 0 16px;
}
.models-page .models-results .models-list-view .session-detail .session-detail-body .timeseries-metric-bar-chart {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: flex-end;
  background-image: linear-gradient(#666666 1px, transparent 1px);
  background-size: 1px 32px;
  background-position: bottom 1px center;
  padding: 0 4px;
}
.models-page .models-results .models-list-view .session-detail .session-detail-body .timeseries-metric-bar-chart__bar {
  filter: brightness(0.8);
  position: relative;
}
.models-page .models-results .models-list-view .session-detail .session-detail-body .timeseries-metric-bar-chart__bar div {
  position: absolute;
  bottom: 0;
}
.models-page .models-results .models-list-view .session-detail .session-detail-body .timeseries-metric-bar-chart__bar:hover,
.models-page .models-results .models-list-view .session-detail .session-detail-body .timeseries-metric-bar-chart__bar--highlighted {
  filter: brightness(1);
}
.models-page .models-results .models-list-view .session-detail .session-detail-body .timeseries-single-model-metrics {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: space-evenly;
  align-items: center;
  height: 100%;
  gap: 8px 64px;
  margin: 0 16px;
  overflow: auto;
}
.models-page .models-results .models-list-view .session-detail .session-detail-body .timeseries-single-model-metric {
  display: flex;
  flex-direction: column;
}
.models-page .models-results .models-list-view .session-detail .session-detail-body .timeseries-single-model-metric__value {
  color: #cccccc;
  text-align: center;
}
.models-page .models-results .models-list-view .session-detail .session-detail-body .timeseries-metric-chart__name,
.models-page .models-results .models-list-view .session-detail .session-detail-body .timeseries-single-model-metric__name {
  color: #cccccc;
  line-height: 12px;
  height: 32px;
  font-size: 10px;
  text-align: center;
  padding-top: 4px;
}
.models-page .models-results .models-list-view .session-detail .session-detail-body .session-timeseries-metrics {
  padding-left: 8px;
  margin-bottom: 8px;
}
.models-page .models-results .models-list-view .session-detail .session-detail-body .session-timeseries-metrics a {
  display: flex;
  align-items: center;
  color: #cccccc;
  font-size: 12px;
}
.models-page .models-results .models-list-view .session-detail .session-detail-body .session-timeseries-metrics .caret {
  border-top-color: #dddddd;
  margin-left: 4px;
}
.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,
.models-page .models-results .models-list-view .session-detail .session-detail-header .session-models,
.models-page .models-results .models-list-view .session-detail .session-detail-header .session-timeseries-hp-metric-switch,
.models-page .models-results .models-list-view .session-detail .session-detail-header .session-features a {
  color: #cccccc;
  padding-left: 24px;
  font-size: 12px;
}
.models-page .models-results .models-list-view .session-detail .session-detail-header .session-date,
.models-page .models-results .models-list-view .session-detail .session-detail-header .session-models,
.models-page .models-results .models-list-view .session-detail .session-detail-header .session-features {
  font-style: italic;
}
.models-page .models-results .models-list-view .session-detail .session-detail-header .session-features .caret {
  border-top-color: #dddddd;
  margin-top: 10px;
  margin-left: 4px;
}
.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;
  border-bottom: 1px solid #dddddd;
  box-sizing: content-box;
}
.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 .metric-container__trophy {
  color: #fabd38;
  padding-right: 4px;
}
.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;
  white-space: nowrap;
  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;
}
.gsField .tag .icon-remove {
  cursor: pointer;
}
.session:hover .session__actions {
  display: block;
}
.session__actions {
  display: none;
}
.session-group:first-child .session-group__header {
  margin-top: 0;
}
.session-group__header {
  margin-left: 24px;
  margin-right: 5px;
  font-weight: 500;
}
.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-legend__text {
  vertical-align: middle;
}
.keras-legend__saved-model {
  border-color: #4caf50;
  margin-left: 8px;
  margin-right: 5px;
  border-radius: 100%;
  line-height: 18px;
  text-align: center;
  vertical-align: middle;
  border-style: solid;
  border-width: 2px;
  width: 18px;
  height: 18px;
  color: #fabd38;
}
.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,
.computation-params-gear--small {
  color: #666666;
  margin-left: 8px;
  cursor: pointer;
  display: flex;
  align-items: center;
}
.computation-params-gear--small {
  font-size: 1.2em;
}
.computation-params-gear:hover {
  color: #444444;
}
/***** Subpopulation tab in prediction report *****/
.post-train-variable-selection {
  display: flex;
  align-items: center;
}
.post-train-variable-selection button {
  margin-left: 4px;
}
.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-title {
  display: flex;
}
.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: 140px;
  flex: 1 0 60px;
}
.subpop-table-header__model-metric-column {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  display: flex;
  justify-content: flex-end;
  flex-direction: row;
  align-items: center;
}
.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, .subpop-modality--timeseries) {
  cursor: pointer;
}
.subpop-table-row:not(.subpop-modality--excluded, .subpop-modality--timeseries):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--small {
  margin: 80px auto;
  width: 600px;
}
.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;
}
.post-train-empty-state__animation {
  text-align: center;
  margin: 0 auto 16px;
  display: block;
  width: 160px;
}
.shaker .icon-info-sign {
  color: #999999;
}
.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;
  white-space: nowrap;
  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-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__compute-all-btn {
  white-space: nowrap;
}
.pdp__computation-details {
  font-size: 15px;
  margin-top: 20px;
  padding: 10px;
  border-top: 1px solid #dddddd;
  border-bottom: 1px solid #dddddd;
}
.doctor-explanation--pdp {
  height: unset;
  margin: 15px 0px 15px 15px;
  position: relative;
}
.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-layout: fixed;
}
.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;
  padding-bottom: 8px;
}
.explanation-params-inline__controls {
  display: flex;
  align-items: center;
}
.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 {
  flex-grow: 1;
  margin-bottom: 0;
}
.explanation-params-inline__method {
  display: flex;
  align-items: center;
}
.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--explanation {
  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--with-group-image {
  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__default-title {
  color: #666666;
  font-size: 16px;
}
.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__backend-selector .description {
  display: flex;
  align-items: center;
}
.guess-policy-card {
  padding: 5px;
  margin: 8px 10px;
  background-color: #ffffff;
  border: 1px solid #dddddd;
  cursor: pointer;
  display: flex;
  min-height: 86px;
  height: 86px;
  margin: 0;
  overflow-x: hidden;
  padding: 16px;
  position: relative;
  width: 240px;
}
.guess-policy-card:not(.selectable):not(.hoverable) {
  color: #cccccc;
}
.guess-policy-card:not(.selectable):not(.hoverable) img {
  opacity: .25;
}
.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):not(.icon-trash):not([class*="dku-icon-trash-"]):not(.illustration):not('.selector-item__icon--has-color') {
  color: #666666;
}
.guess-policy-card .selection-indicator {
  display: inline-block;
  width: 20px;
  max-height: 20px;
  text-align: center;
}
.guess-policy-card .selection-indicator i {
  color: #3b99fc;
}
.guess-policy-card .selectable-item__icon {
  display: inline-block;
  width: 20px;
  text-align: center;
  color: #cccccc;
}
.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__info {
  flex: 0 0 70%;
}
.guess-policy-card__image {
  filter: grayscale(1);
  margin-left: 4px;
}
.guess-policy-card__image img {
  max-width: 160px;
  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;
}
input[type="text"].guess-policy-name-input.invalid-ignores-dirty.ng-invalid,
.invalid-ignores-dirty input[type="text"].guess-policy-name-input.ng-invalid {
  border: 1px solid #ce1228;
}
.create-pred-task-modal .bs-select--set-width .filter-option {
  max-width: 560px;
}
.create-pred-task-modal--timeseries .bs-select--set-width.numerical-select .filter-option {
  max-width: 244px;
}
.create-pred-task-modal--timeseries .bs-select--set-width.date-select .filter-option {
  max-width: 192px;
}
.create-pred-task-modal--causal .bs-select--set-width .filter-option {
  max-width: 174px;
}
.create-pred-task-modal--deephub .bs-select--set-width .filter-option {
  max-width: 176px;
}
.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;
}
.prediction-drift .prediction-histogram {
  height: 400px;
}
.prediction-drift .prediction-histogram [echarts] {
  height: 400px;
}
.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__table td.warning {
  width: 11px;
}
.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 {
  max-height: 400px;
  min-height: 320px;
}
.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%;
}
.stat-test-score-podium {
  max-width: 600px;
}
.stat-test-score-podium__container {
  align-items: flex-end;
  display: flex;
  justify-items: center;
  flex-direction: row;
  padding: 20px;
  border: 1px solid #dddddd;
}
.stat-test-score-podium__section {
  flex: 1;
  text-align: center;
}
.stat-test-score-podium__chevron {
  margin-top: auto;
  margin-bottom: auto;
}
.stat-test-score-table.stat-test-score-table {
  border: 1px solid #dddddd;
  max-width: 600px;
  width: 100%;
}
.stat-test-score-table.stat-test-score-table td {
  font-weight: 500;
  font-size: 13px;
  line-height: 16px;
  color: #222222;
  text-align: right;
}
.stat-test-score-table.stat-test-score-table th {
  font-weight: 400;
  font-size: 13px;
  line-height: 16px;
  color: #222222;
  text-align: left;
}
.stat-test-score-table.stat-test-score-table th,
.stat-test-score-table.stat-test-score-table td {
  padding: 10px;
  border-top: 1px solid #dddddd;
}
.drift-column-handling li {
  padding-top: 8px;
}
.drift-column-handling li:hover {
  background-color: #f5f5f5;
}
/*
    Interactive Scoring
*/
.interactive-scoring {
  display: flex;
  flex-direction: column;
}
.interactive-scoring__main {
  flex: 1;
  overflow: hidden;
}
.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: 4px 24px 0 24px;
}
.interactive-scoring__reverse-sort-btn button {
  background-color: #eee;
  padding: 0 4px;
  font-size: 12px;
  height: 26px;
  border-right: none;
  color: #666666;
}
.interactive-scoring__reverse-sort-btn--rotated i {
  display: inline-block;
  margin-left: 2px;
  transform: rotate(-90deg);
}
.interactive-scoring__sort-select button {
  height: 26px;
}
.interactive-scoring__prep_steps_toggle.interactive-scoring__prep_steps_toggle {
  margin-left: 0px;
  margin-right: 5px;
  vertical-align: text-bottom;
}
.interactive-scoring__search-bar-group {
  display: flex;
  flex-grow: 1;
}
.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;
}
.interactive_scoring__greyed-feature {
  color: #999999;
}
.interactive-scoring__probability {
  font-size: 16px;
}
.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-bottom: 1px solid #dddddd;
  padding: 8px 0;
  text-align: right;
  display: flex;
  justify-content: right;
  align-items: center;
}
.interactive-scoring__more-actions {
  display: inline-block;
}
.interactive-scoring__results {
  flex: 3;
  padding: 0 24px 24px 24px;
}
.interactive-scoring__results-header {
  display: flex;
  margin-bottom: 8px;
  border-bottom: 1px solid #dddddd;
  height: 50px;
  align-items: center;
}
.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: 8px 8px 8px 0;
}
.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;
}
.interactive-scoring-nav-bar {
  border-bottom: 1px solid #dddddd;
  padding-bottom: 4px;
}
.interactive-scoring-nav-bar__right-button {
  margin: 8px 8px 0 0;
}
.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,
.discrete-bar-chart__tooltip {
  padding: 8px;
}
.task-queue-dropdown__menu.task-queue-dropdown__menu {
  font-size: initial;
  padding: 24px;
  width: 300px;
}
.task-queue-menu__session-list {
  font-size: 13px;
  max-height: 300px;
  overflow: auto;
}
.task-queue-menu__session-list .selectable-item {
  margin: 8px 0;
}
.task-queue-menu__session-list {
  font-weight: 500;
}
.basic-percent-chart {
  height: 100px;
  max-height: 500px;
}
.basic-percent-chart .fattable-viewport > div {
  font-family: 'SourceSansPro';
}
.basic-percent-chart__category {
  width: 80px;
  flex-shrink: 0;
  justify-content: flex-end;
  display: flex;
}
.basic-percent-chart__bar-container {
  display: flex;
  flex: 1;
  align-items: center;
  margin: 0 8px;
  padding-right: 20px;
}
.basic-percent-chart__bar {
  height: 8px;
  position: relative;
  display: flex;
  align-items: center;
}
.basic-percent-chart__value {
  color: #666666;
  position: absolute;
  margin-left: 4px;
  left: 100%;
}
/**
 * Exploration
 */
.exploration {
  display: flex;
  flex-direction: column;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
.interactive-scoring-breadcrumbs {
  font-size: 18px;
  font-weight: normal;
  margin: 4px 0 0 0;
  padding-left: 16px;
  line-height: 36px;
  display: flex;
  white-space: nowrap;
}
.interactive-scoring-breadcrumbs__link {
  color: #222222;
}
.interactive-scoring-breadcrumbs__link:hover {
  text-decoration: none;
  color: #222222;
}
.interactive-scoring-breadcrumbs__link--clippable {
  overflow: hidden;
  text-overflow: ellipsis;
}
.interactive-scoring-breadcrumbs strong {
  font-weight: bold;
}
.dku-toggle.dku-toggle.exploration-constraints-toggle input + *:before {
  font-family: 'icm_app';
  font-size: 16px;
  content: " \e9da";
  white-space: pre;
}
.dku-toggle.dku-toggle.exploration-constraints-toggle input:checked + *:before {
  font-family: FontAwesome;
  font-size: 16px;
  content: " \f0e7";
}
.exploration-constraints__popover .popover-content {
  padding: 16px;
}
.exploration-constraints__popover p {
  max-width: 600px;
}
.exploration-constraints__popover-row {
  max-width: 600px;
  display: flex;
}
.exploration-constraints__popover-col {
  background-color: #d9e6ed;
  border: 1px solid #c1d4dd;
  color: #144c71;
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-direction: column;
  padding: 8px;
  width: 50%;
}
.exploration-constraints__left-col-title {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  font-weight: bold;
  flex-grow: 1;
  margin: 8px 0;
}
.exploration-constraints__columns {
  flex-grow: 1;
  position: relative;
  display: flex;
  overflow-y: auto;
}
.exploration-constraints__right-column {
  flex-grow: 1;
  overflow-y: auto;
}
.exploration-constraints__left-column {
  width: 280px;
}
.exploration-constraints__feature-enabler {
  padding: 0;
  border-right: 1px solid #dddddd;
  display: flex;
  flex-direction: column;
}
.exploration-constraints__feature-enabler-mass-actions {
  display: flex;
  flex-direction: row-reverse;
  border-bottom: 1px solid #dddddd;
}
.exploration-constraints__feature-enabler-mass-actions-btn {
  margin: 4px 4px 4px 0;
  padding: 0;
  line-height: 24px;
  width: 26px;
}
.exploration-constraints__feature-enabler-table {
  flex: 1 1 auto;
  border-top: 1px solid #dddddd;
}
.exploration-constraints__feature-enabler-item {
  padding: 8px;
  border-bottom: 1px solid #dddddd;
  display: flex;
  align-items: center;
}
.exploration-constraints__feature-description {
  line-height: 16px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.exploration-constraints__card-title {
  max-width: 255px;
  overflow: hidden;
  white-space: nowrap;
  margin-right: 4px;
  flex: 1 1 auto;
}
.exploration-constraints__warning-sign {
  margin-right: 8px;
}
.exploration-constraints__card-chart {
  height: 150px;
  margin: 16px 0;
}
.exploration-constraints__feature-switch {
  margin-left: auto;
  width: 55px;
}
.exploration-constraints__cards {
  display: grid;
  grid-template-columns: repeat(auto-fill, 410px);
  justify-content: center;
  justify-items: center;
}
.exploration-constraints__card {
  width: 350px;
  height: 282px;
  margin: 16px 0;
  padding: 0;
  border: 1px solid #dddddd;
}
.exploration-constraints__card-header {
  padding: 16px 16px 0 8px;
  display: flex;
  flex-direction: row;
}
.exploration-constraints__numeric-labels {
  display: inline;
  margin-right: 4px;
}
.exploration-constraints__feature-type {
  min-width: 24px;
}
.exploration-constraints__numeric-input-box {
  padding: 0 16px 16px 16px;
  display: flex;
  height: auto;
  justify-content: space-between;
}
.exploration-constraints__numeric-input[type="number"] {
  width: 72px;
  height: 16px;
  margin-top: 4px;
}
.exploration-constraints__reset-btn {
  color: #222222;
  font-size: 13px;
}
.exploration-constraints__reset-btn .action-icon {
  cursor: pointer;
}
.exploration-constraints__freeze-btn {
  margin-left: 8px;
  color: #222222;
  font-size: 16px;
}
.exploration-constraints__freeze-btn .action-icon {
  cursor: pointer;
}
.constraints-cards-header {
  display: flex;
  justify-content: space-between;
  padding: 16px 0 0 0;
}
.constraints-prediction {
  margin: 0 0 0 16px;
}
.exploration-empty-state {
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  text-align: center;
  padding: 0 0 0 24px;
  color: #666666;
}
.exploration-empty-state .dku-small-title-sb {
  color: #144c71;
}
.exploration-empty-state__toggle-img {
  width: 50px;
  margin: 0 8px;
}
.exploration-empty-state__chart-img {
  width: 175px;
  margin-bottom: 8px;
}
.exploration-empty-state__explanation-img {
  width: 140px;
}
.exploration-empty-state__info-box {
  background-color: #d9e6ed;
  border: 1px solid #c1d4dd;
  color: #144c71;
  max-width: 600px;
}
.exploration-empty-state__info-box-header {
  border-bottom: 1px solid #c1d4dd;
  padding: 16px;
}
.exploration-empty-state__info-box-single-content {
  padding: 16px;
  display: flex;
  align-items: center;
}
.exploration-empty-state__info-box-content {
  display: flex;
}
.exploration-empty-state__info-box-block {
  width: 50%;
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-direction: column;
  padding: 16px;
}
.exploration-empty-state__info-box-block:first-child {
  border-right: 1px solid #c1d4dd;
}
.exploration-target-selector {
  display: flex;
  align-items: center;
  margin-left: 8px;
  width: 220px;
}
.exploration-target-selector .exploration-target-selector__button {
  margin: 0;
}
.exploration-target-selector .exploration-target-selector__input {
  height: 16px;
  width: 70px;
  margin-bottom: 0;
}
.constraints-legend {
  display: flex;
}
.constraints-legend__item {
  display: flex;
  align-items: center;
}
.constraints-legend__color {
  width: 16px;
  height: 16px;
  border-radius: 2px;
  margin: 0 8px 0 16px;
  display: inline-block;
}
.constraints-legend__color--reference {
  background: repeating-linear-gradient(135deg, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0) 3px, rgba(0, 0, 0, 0.3) 3px, rgba(0, 0, 0, 0.3) 6px), linear-gradient(to left, #dddddd 0% 50%, #3b99fc 50% 100%);
}
.constraints-legend__color--excluded {
  background-color: #dddddd;
}
.constraints-legend__color--possible {
  background-color: #3b99fc;
}
.prediction-model-report .exploration-results {
  overflow-y: auto;
}
.prediction-model-report .exploration-results__section-title {
  margin: 0;
  padding: 0 4px 4px 4px;
  font-size: 14px;
  border-bottom: 2px solid #dddddd;
}
.prediction-model-report .exploration-results__chart-row {
  display: flex;
  border-bottom: 1px solid #dddddd;
  height: 360px;
  overflow-y: auto;
}
.prediction-model-report .exploration-results__chart-box {
  flex: 1 1 auto;
  min-width: 0;
}
.prediction-model-report .exploration-results__svg-container {
  overflow-x: scroll;
}
.prediction-model-report .exploration-results__reference-prediction {
  position: absolute;
  margin: 8px 16px;
}
.prediction-model-report .exploration-results__legend-row {
  margin: 8px 0;
  display: flex;
  justify-content: flex-end;
  align-items: center;
}
.prediction-model-report .exploration-results__bottom-block {
  padding: 0 16px 16px 16px;
}
.prediction-model-report .exploration-results__bottom-block-container {
  overflow-x: auto;
}
.prediction-model-report .exploration-results__chart {
  height: 300px;
}
.prediction-model-report .exploration-results__popover-button {
  margin-right: 16px;
  color: #333333;
  user-select: none;
}
.prediction-model-report .exploration-results__popover-button:hover {
  text-decoration: none;
}
.prediction-model-report .exploration-results__table-toolbar {
  display: flex;
  justify-content: space-between;
}
.prediction-model-report .exploration-results__table-toolbar-left {
  display: flex;
  justify-content: flex-start;
  align-items: center;
}
.prediction-model-report .exploration-results__table-toolbar-right {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  margin: 16px;
}
.prediction-model-report .exploration-results__table-legend {
  width: 16px;
  height: 16px;
  background-color: #e7f3ff;
  border: 1px solid #dddddd;
  border-radius: 2px;
  margin: 0 8px 0 16px;
}
.exploration-frozen-features .exploration-frozen-features__list {
  max-height: 300px;
  overflow-y: auto;
  padding: 8px;
  margin: 0;
}
.exploration-frozen-features .exploration-frozen-features__item {
  list-style-type: none;
  padding: 4px 0;
  line-height: 16px;
}
.exploration-frozen-features .exploration-frozen-features__item-name {
  font-size: 14px;
  font-weight: bold;
}
.exploration-frozen-features .exploration-frozen-features__item-value {
  font-size: 10px;
  color: #999999;
}
.results-legend {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  padding-right: 16px;
}
.results-legend__color--reference {
  width: 16px;
  margin: 0 8px 0 16px;
  height: 2px;
  background-color: black;
}
.results-legend__color--results {
  width: 16px;
  margin: 0 8px 0 16px;
  height: 2px;
  background-color: #3b99fc;
}
.results-legend__color--distribution {
  border-radius: 2px;
  width: 16px;
  margin: 0 8px 0 16px;
  height: 16px;
  background-color: #dddddd;
}
.table.exploration-table {
  max-width: 100%;
}
.prediction-model-report .exploration-table {
  display: table;
  white-space: nowrap;
  width: 100%;
  border-top: 1px solid #dddddd;
  border-right: 1px solid #dddddd;
  border-bottom: 1px solid #dddddd;
  border-collapse: separate;
  border-spacing: 0;
}
.prediction-model-report .exploration-table__sticky-column {
  background-color: #ffffff;
  position: sticky;
}
.prediction-model-report .exploration-table__sticky-column--checkbox {
  width: 39px;
  min-width: 39px;
  max-width: 39px;
  left: 0;
  border-left: 1px solid #dddddd;
}
.prediction-model-report .exploration-table__sticky-column--plausibility {
  width: 100px;
  min-width: 100px;
  max-width: 100px;
  left: 56px;
}
.prediction-model-report .exploration-table__sticky-column--third {
  left: 273px;
}
.prediction-model-report .exploration-table__sticky-column--last {
  border-right: 1px solid #dddddd;
}
.prediction-model-report .exploration-table__sticky-column--second {
  width: 85px;
  min-width: 85px;
  max-width: 85px;
  left: 172px;
}
.prediction-model-report .exploration-table__row--reference {
  background: repeating-linear-gradient(135deg, #ffffff, #ffffff 4px, #f2f2f2 4px, #f2f2f2 8px);
}
.prediction-model-report .exploration-table__row--reference td {
  font-weight: bold;
  background-color: transparent;
}
.prediction-model-report .exploration-table__row--reference .exploration-table__sticky-column {
  background-color: #ffffff;
}
.prediction-model-report .exploration-table__row--reference-plausibility {
  color: #ffffff;
  background-color: #2d86fb;
  padding: 3px 5px;
  border-radius: 4px;
  font-weight: normal;
}
.prediction-model-report .exploration-table__interesting-td {
  background-color: #e7f3ff;
}
.prediction-model-report .exploration-table__cell {
  padding: 1px 0 1px 4px;
}
.prediction-model-report .exploration-table__cell--clickable {
  cursor: pointer;
}
.prediction-model-report .exploration-table__prediction-cell {
  display: flex;
}
.prediction-model-report .exploration-table__prediction-text {
  flex-grow: 1;
  text-align: center;
}
.prediction-model-report .exploration-table th.sort-ascending .exploration-table__th-title:after {
  margin-left: 4px;
  content: '\f0d8';
  font-family: FontAwesome;
}
.prediction-model-report .exploration-table th.sort-ascending:after {
  content: '';
}
.prediction-model-report .exploration-table th.sort-descending .exploration-table__th-title:after {
  margin-left: 4px;
  content: '\f0d7';
  font-family: FontAwesome;
}
.prediction-model-report .exploration-table th.sort-descending:after {
  content: '';
}
.prediction-model-report .exploration-table__constraint-description {
  font-size: 0.8em;
  font-weight: normal;
  line-height: 1;
}
.prediction-model-report .exploration-table th,
.prediction-model-report .exploration-table td {
  font-size: 1em;
  vertical-align: middle;
  text-align: center;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 300px;
}
.exploration-table__row--highlighted td:first-child,
.exploration-table__row--highlighted:hover td:first-child {
  box-shadow: inset 4px 0 #3b99fc;
}
.exploration-table__row--highlighted td,
.exploration-table__row--highlighted:hover td {
  background-color: #f2f2f2;
}
.exploration-table__row--highlighted td.exploration-table__sticky-column,
.exploration-table__row--highlighted:hover td.exploration-table__sticky-column {
  background-color: #f2f2f2;
}
.exploration-table__row--highlighted td.exploration-table__interesting-td,
.exploration-table__row--highlighted:hover td.exploration-table__interesting-td {
  background-color: #c4e0fe;
}
.exploration-table__row--highlighted:hover.exploration-table__row--reference,
.exploration-table__row--highlighted.exploration-table__row--reference {
  background: repeating-linear-gradient(135deg, #f2f2f2, #f2f2f2 4px, #dddddd 4px, #dddddd 8px);
}
.exploration-table__row--highlighted:hover.exploration-table__row--reference td,
.exploration-table__row--highlighted.exploration-table__row--reference td {
  background-color: transparent;
}
.exploration-table__row--highlighted:hover.exploration-table__row--reference .exploration-table__sticky-column,
.exploration-table__row--highlighted.exploration-table__row--reference .exploration-table__sticky-column {
  background-color: #f2f2f2;
}
.feature-type-icon {
  text-align: center;
  min-width: 32px;
  font-size: 16px;
}
.feature-type-icon__numeric-icon {
  color: #3075ae;
  font-size: 24px;
}
.feature-type-icon__category-icon {
  color: #ffc241;
  font-weight: bold;
}
/* DEEP HUB*/
.computer-vision-container {
  height: 100%;
}
.object-detection-metrics__container {
  padding: 16px;
  display: flex;
  flex-direction: column;
  width: 100%;
  overflow: hidden;
  box-sizing: border-box;
}
.object-detection-metrics__row,
.object-detection-metrics__header {
  display: flex;
  flex-direction: row;
  padding-top: 8px;
  padding-bottom: 8px;
}
.object-detection-metrics__row {
  border-top: 1px solid #dddddd;
}
.object-detection-metrics__category-name {
  width: 240px;
}
.object-detection-metrics__category-name--all-classes {
  font-style: italic;
}
.object-detection-metrics__metric-value,
.object-detection-metrics__metric-name {
  width: 240px;
  text-align: right;
}
.object-detection-metrics__metric-value {
  font-size: 1.2em;
  font-weight: bold;
}
.object-detection-metrics__metric-name {
  cursor: pointer;
}
.custom-metric-popover__content {
  width: 600px;
}
.custom-metric-details {
  display: inline-flex;
  align-items: center;
}
.custom-metric-details__button {
  padding: 0 4px;
  margin-left: 4px;
}
.summary-section__table .custom-metric-details__button {
  padding: 0;
  margin-left: 0;
  vertical-align: baseline;
}
.custom-metric-details__icon {
  color: #666666;
  margin: 0;
}
.custom-metric-error__icon {
  color: #f28c37;
}
.custom-metric-list-parent-control-group {
  margin-top: 16px;
}
.export-model.modal {
  width: 760px;
}
.export-model .modal-body {
  padding: 0;
  max-height: none;
  height: 400px;
}
.export-model .modal-menu {
  border-right: 1px solid #dddddd;
  padding: 0;
  margin: 0;
  flex: 0 0 190px;
}
.export-model .modal-menu__item {
  padding: 10px 5px 5px 20px;
  height: 20px;
  cursor: pointer;
  display: flex;
  align-items: center;
}
.export-model .modal-menu__item i {
  margin-left: 3px;
}
.export-model .modal-menu__item:hover:not(.disabled),
.export-model .modal-menu__item--selected:not(.disabled) {
  background-color: #e7f3ff;
  color: #333333;
  text-decoration: none;
}
.export-model .modal-menu__item.disabled {
  height: auto;
}
.export-model .modal-menu__item--selected {
  cursor: default;
  font-weight: 500;
}
.export-model .modal-menu__list {
  margin: 0;
}
.export-model .modal-content {
  width: calc(100% - 190px);
  padding: 16px;
}
.export-model .modal-content-alert-collapsible {
  padding: 8px;
}
.export-model .modal-content-alert-collapsible .title {
  font-weight: 500;
  cursor: pointer;
}
.export-model .modal-content-alert-collapsible .content {
  padding-left: 16px;
  padding-top: 8px;
}
.export-model .modal-content-alert-collapsible .content b {
  font-weight: 500;
}
.export-model .modal-content-alert-collapsible .content ol {
  margin: 0 0 0 12px;
}
.export-model .modal-content-alert-collapsible_collapsed .content {
  display: none;
  overflow: hidden;
}
.global-explanation-navtool {
  margin: 0;
  position: fixed;
}
.global-explanation-navtool li {
  list-style: none;
}
.global-explanation-navtool__tab {
  width: 100%;
  text-align: center;
  border: solid #dddddd 2px;
}
.global-explanation-navtool__tab:hover {
  background-color: #f2f2f2;
}
.global-explanation-navtool__tab + .global-explanation-navtool__tab {
  border-top: unset;
}
.assertions-metrics-table th,
.overrides-metrics-table th {
  font-size: 1em;
  text-align: left;
  font-weight: normal;
  vertical-align: top;
}
.assertions-metrics-table td,
.overrides-metrics-table td,
.assertions-metrics-table th,
.overrides-metrics-table th {
  line-height: 20px;
  padding: 8px 16px;
  border: 1px solid #dddddd;
}
.assertions-metrics-table thead,
.overrides-metrics-table thead {
  border-top: 1px solid #dddddd;
}
.assertions-metrics-table thead th,
.overrides-metrics-table thead th {
  border-bottom: 0;
  border-top: 0;
}
.assertions-metrics-table__col-with-regions,
.overrides-metrics-table__col-with-regions {
  min-width: 160px;
}
.assertions-metrics-table__col-with-filter,
.overrides-metrics-table__col-with-filter {
  max-width: 320px;
}
.assertions-metrics__legend,
.overrides-metrics__legend {
  display: flex;
  flex-wrap: wrap;
  flex-direction: row;
  justify-content: space-between;
}
.assertions-metrics__icon,
.overrides-metrics__icon {
  font-size: 9px;
  margin-right: 4px;
}
.assertions-metrics__icon--valid-rows {
  color: #81c784;
}
.assertions-metrics__icon--invalid-rows {
  color: #e78994;
}
.overrides-metrics__icon--already-matched-rows {
  color: #666666;
}
.overrides-metrics__icon--matching-rows {
  color: #76b8fd;
}
.overrides-metrics__icon--non-matching-rows {
  color: #bbbbbb;
}
.overrides-metrics__icon--changed-rows {
  color: #2d86fb;
}
.overrides-metrics__icon--kept-rows {
  color: #bbbbbb;
}
.doctor-empty-state {
  max-width: 680px;
  margin: 0 auto;
}
.overrides-empty-state {
  max-width: 680px;
  margin: 0 auto;
}
.overrides-empty-state__add-overrides {
  padding: 16px 24px;
  border-radius: 5px;
  margin-top: 16px;
}
.overrides-empty-state__explanation {
  padding: 24px;
}
.overrides-empty-state__image {
  width: 100%;
  display: block;
  margin: 16px auto 0 auto;
  max-width: 575px;
}
.overrides-metrics__tooltip-wrapper {
  position: absolute;
}
.overrides-metrics__tooltip {
  padding: 16px;
  background: #ffffff;
  border: 1px solid #dddddd;
  box-shadow: 2px 2px 8px 1px rgba(34, 34, 34, 0.2);
  width: 300px;
  margin-top: 32px;
  pointer-events: none;
  position: fixed;
}
.overrides-metrics__tooltip-arrow {
  border-bottom-color: #dddddd;
  margin-top: 24px;
  position: fixed;
}
.overrides-metrics__tooltip-arrow:after {
  top: 1px;
  border-bottom-color: white;
  content: "";
  display: block;
  position: absolute;
}
.overrides-metrics__tooltip-arrow,
.overrides-metrics__tooltip-arrow:after {
  width: 0;
  height: 0;
  border-bottom-width: 10px;
  border-bottom-style: solid;
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
  margin-left: -10px;
}
.overrides-metrics__tooltip-code {
  margin-top: 4px;
  display: block;
  white-space: pre-wrap;
  overflow-wrap: break-word;
  pointer-events: none;
}
.learning-curves-form__wrapper {
  display: flex;
  flex-direction: row;
  justify-content: center;
  gap: 8px;
}
weighting-strategy-averaging-method__image {
  width: 100%;
  display: block;
  margin: 16px auto 0 auto;
  max-width: 700px;
}
.doctor-explanation-learning-curves__content-container {
  display: grid;
  grid-template-columns: repeat(2, auto);
  align-items: center;
  gap: 8px;
}
.gpu-selector .settings-section-title {
  line-height: 27px;
}
.gpu-selector .dku-toggle {
  margin: 0 5px 0 0;
}
.global-explanations-scatter__tooltip-table {
  border-spacing: 8px 0;
  border-collapse: separate;
}
.period-date-picker {
  flex-direction: row;
}
.period-date-picker__input {
  margin-right: 40px;
}
.period-date-picker__input-icon {
  margin: -24px;
  position: relative;
  cursor: pointer;
}
.period-date-picker__time-input::-webkit-calendar-picker-indicator {
  background: none;
}
.period-date-picker__select {
  margin-right: 8px;
}
.period-date-picker__select > .ng-select-container {
  height: 30px;
  padding: 4px;
}
.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 {
  width: 100%;
  padding: 10px;
}
.model-evaluations .info-messages {
  box-shadow: 0px 0px 2px 1px rgba(34, 34, 34, 0.15);
  background-color: white;
  padding: 10px;
  max-height: 121px;
  overflow-y: auto;
}
.add-melike-modal .info-messages {
  border: #222222, 15%;
  background-color: white;
  padding: 10px;
  max-height: 121px;
  overflow-y: auto;
}
.model-perfdrift {
  width: 100%;
}
.model-comparator {
  padding-right: 8px;
}
.model-comparator .info-messages {
  background-color: white;
  padding: 10px;
  max-height: 121px;
  overflow-y: auto;
}
.model-comparator .model-comparator__actions-mass {
  vertical-align: middle;
  line-height: 24px;
  margin-right: 10px;
}
.model-comparator .model-comparator__actions-button {
  margin-left: 10px;
}
.model-comparator .model-comparator__actions-button .dropdown-menu li:hover .icon-trash,
.model-comparator .model-comparator__actions-button .dropdown-menu li:hover .icon-remove {
  color: #ce1228;
}
.model-comparator .model-comparator__headers {
  padding: 10px;
  margin-left: -10px;
}
.model-comparator .model-comparator__sort .bootstrap-select {
  width: 200px !important;
}
.model-comparator .model-comparator__metrics .bootstrap-select {
  width: 200px !important;
}
.model-comparator .model-comparator-summary-controls {
  display: flex;
  box-shadow: 0px 0px 2px 1px rgba(34, 34, 34, 0.15);
}
.model-comparator .model-comparator-summary-controls .controls {
  margin-left: 10px;
}
.model-comparator .model-comparator-graph-container {
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
  align-content: flex-start;
  max-height: 360px;
  overflow-x: auto;
  margin-bottom: 10px;
  background-color: white;
  padding: 10px;
  box-shadow: 0px 0px 2px 1px rgba(34, 34, 34, 0.15);
}
.model-comparator .model-comparator-graph-container--no-border {
  box-shadow: none;
}
.model-comparator .model-comparator-graph-container.model-comparator-graph-container-rows {
  flex-direction: row;
}
.model-comparator .model-comparator-graph {
  padding-top: 10px;
  padding-right: 20px;
  width: 200px;
}
.model-comparator .model-comparator-graph span {
  display: inline-block;
}
.model-comparator .model-comparator-graph span.title {
  font-weight: 700;
  color: #000000;
  font-size: 13px;
  max-width: 180px;
  vertical-align: bottom;
}
.model-comparator .model-comparator-graph ng2-lazy-echart,
.model-comparator .model-comparator-graph lazy-echart {
  height: 130px !important;
}
.model-comparator .model-comparator-graph.pinned {
  width: 400px;
}
.model-comparator .model-comparator-graph.pinned ng2-lazy-echart,
.model-comparator .model-comparator-graph.pinned lazy-echart {
  height: 300px !important;
}
.model-comparator .model-comparator-graph.pinned span.title {
  max-width: 380px;
}
.model-comparator .model-comparator-graph.pinned .min-max {
  display: none;
}
.model-comparator .model-comparator-graph.pinned.line-pinned ng2-lazy-echart {
  height: 280px;
}
.model-comparator .model-comparator-graph.pinned.line-pinned .min-max {
  display: flex;
  justify-content: space-between;
  font-weight: 300;
  font-size: 14px;
  opacity: 0.7;
}
.model-comparator .model-comparator-graph.pinned.line-pinned .min-max .min {
  margin-left: 40px;
}
.model-comparator .model-comparator-graph a {
  color: #333333;
}
.model-comparator .model-comparator-graph a:hover {
  text-decoration: none;
}
.model-comparator .model-comparator-graph-legend {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-end;
}
.model-comparator .model-comparator-graph-legend > div {
  padding: 10px;
}
.model-comparator .model-comparator-search {
  margin: 16px 0;
}
.model-comparator .model-comparator-color-span {
  display: block;
  height: 20px;
  min-height: 20px;
  width: 20px;
  margin: auto;
  text-align: center;
}
.model-comparator .model-comparator-configuration-table {
  height: 300px;
}
.model-comparator .model-comparator-configuration-table-placeholder {
  height: 300px;
}
.model-comparator .model-comparator-configuration-line {
  vertical-align: middle;
  padding-left: 0px !important;
}
.model-comparator .model-comparator-configuration-line input,
.model-comparator .model-comparator-configuration-line a,
.model-comparator .model-comparator-configuration-line i,
.model-comparator .model-comparator-configuration-line div {
  vertical-align: middle;
}
.model-comparator .disabled-compared-model {
  opacity: 0.5;
}
.model-comparator .model-comparator-configuration-selection-chk {
  display: inline-block;
}
.model-comparator .model-comparator-configuration-display {
  display: inline-block;
  margin-left: 5px;
  margin-right: 5px;
}
.model-comparator .model-comparator-configuration-display .active {
  color: #3b99fc;
}
.model-comparator .model-comparator-configuration-champion-not-champion {
  font-size: 16px;
  opacity: 0;
  margin-left: 5px;
  margin-right: 5px;
}
.model-comparator tr:hover .model-comparator-configuration-champion-not-champion {
  opacity: 0.6;
  text-decoration: none;
}
.model-comparator .model-comparator-configuration-line:hover .model-comparator-configuration-champion-not-champion {
  opacity: 0.6;
}
.model-comparator .model-comparator-configuration-champion {
  font-size: 16px;
  margin-left: 5px;
  margin-right: 5px;
}
.model-comparator a:hover.model-comparator-configuration-champion {
  text-decoration: none;
}
.model-comparator .model-comparator-configuration-name {
  display: inline-block;
  width: 395px;
  margin-right: 5px;
}
.model-comparator .model-comparator-configuration-name span.name,
.model-comparator .model-comparator-configuration-name input {
  width: 295px;
  overflow: hidden;
  text-overflow: ellipsis;
}
.model-comparator .model-comparator-configuration-name i.action {
  margin-left: 10px;
}
.model-comparator .model-comparator-configuration-origin {
  margin-left: 10px;
  margin-right: 10px;
}
.model-comparator .model-comparator-configuration-metrics {
  display: inline-flex;
  justify-content: flex-start;
  flex-wrap: wrap;
  flex-direction: row;
  width: 250px;
}
.model-comparator .model-comparator-configuration-metrics span {
  margin-right: 5px;
}
.model-comparator .model-comparator-configuration-actions-container {
  border-bottom: 1px solid #dddddd;
  width: 100%;
}
.model-comparator .model-comparator-configuration-actions {
  display: inline-flex;
  padding: 10px;
}
.model-comparator .model-comparator-configuration-actions label {
  margin-bottom: 0;
}
.model-comparator .model-comparator-configuration-actions .model-comparator-configuration-action {
  margin-right: 10px;
}
.model-comparator .model-comparator-configuration-actions input {
  margin-bottom: 5px;
}
.model-comparator .model-comparator-actionable i {
  margin-left: 8px;
}
.model-comparator .model-comparator-actionable input[type='checkbox'] {
  margin-top: 0;
}
.model-comparator .model-comparator-configuration-add-action {
  float: right;
  margin-top: 10px;
  margin-right: 10px;
}
.model-comparator .model-comparator-configuration-add-melike {
  margin-right: 10px;
}
.model-comparator .model-comparator-configuration-column-names {
  font-size: 13px;
  font-weight: 600;
}
.model-comparator .model-comparator-configuration-column-names div {
  display: inline;
}
.shaker-column-row .column-title.model-comparator-configuration-line {
  cursor: default;
}
.shaker-column-row .column-title.model-comparator-configuration-line .model-comparator-actionable {
  cursor: pointer;
}
.vertical-align-middle {
  display: inline-block;
  vertical-align: middle;
}
.centered-placeholder {
  display: table;
  margin: 0 auto;
  padding: 0 10px;
}
.model-comparator-table-container {
  overflow-x: scroll;
  background-color: white;
  max-width: 100%;
  width: fit-content;
}
.model-comparator-table-div--left {
  min-width: 450px;
}
.model-comparator-table-div--center {
  width: 30%;
}
.model-comparator-table-div--folded {
  max-width: 50px;
  min-width: 50px;
  min-height: 144px;
}
.model-comparator-table-left-border {
  border-left: 1px solid #dddddd;
}
.model-comparator-table {
  width: 100%;
  margin-bottom: 0px;
}
.model-comparator-table--folded {
  cursor: pointer;
  height: 100%;
  margin-bottom: 0px;
}
.model-comparator-table--folded .vertical-text {
  transform: rotate(90deg);
  transform-origin: 16px 16px;
  transition: all 0.2s ease-in-out;
}
.model-comparator-table--folded .text-center {
  text-align: center;
}
.model-comparator-table--folded thead {
  border-top: 1px solid #dddddd;
  border-bottom: 1px solid #dddddd;
  border-right: 1px solid #dddddd;
  white-space: nowrap;
  text-overflow: clip;
}
.model-comparator-table--folded thead th {
  vertical-align: top;
  max-width: 46px;
}
.model-comparator-table .text-center {
  text-align: center;
}
.model-comparator-table tr td {
  vertical-align: middle;
}
.model-comparator-table .hover > td {
  background-color: #f2f2f2;
  vertical-align: middle;
}
.model-comparator-table thead {
  border-top: 1px solid #dddddd;
  border-bottom: 1px solid #dddddd;
  border-right: 1px solid #dddddd;
  white-space: nowrap;
  min-height: 200px;
}
.model-comparator-table tbody {
  border-top: 1px solid #dddddd;
  border-bottom: 1px solid #dddddd;
  border-right: 1px solid #dddddd;
}
.model-comparator-table tbody tr {
  height: 60px;
}
.model-comparator-table .model-comparator-table-folded-th {
  vertical-align: top;
  height: 100%;
  max-width: 30px;
}
.model-comparator-table .horizontal-text {
  transform: rotate(0deg);
  transform-origin: 16px 16px;
  transition: all 0.2s ease-in-out;
}
.model-comparator-table .model-comparator-table-highlighted-row {
  background: rgba(45, 134, 251, 0.1);
}
.model-comparator-table .model-comparator-table-highlighted-row-leftmost {
  background: rgba(45, 134, 251, 0.1);
}
.model-comparator-table .model-comparator-table-highlighted-row-leftmost td:first-child {
  border-left: 4px solid #2d86fb;
}
.model-comparator-table .ellisped-column-header {
  margin-right: 2px;
  display: inline-flex;
  max-width: 200px;
}
.model-comparator-table .model-comparator-table-disabled-row {
  opacity: 0.5;
  background: #f2f2f2;
}
.model-comparator-table .model-comparator-table-disabled-clickable-row {
  opacity: 0.5;
}
.model-comparator-table .model-comparator-single-activation {
  cursor: pointer;
}
.model-comparator-table .model-comparator-single-activation.active {
  color: #3b99fc;
}
.model-comparator-table .model-comparator-color-cell {
  width: 20px;
}
.model-comparator-table .model-comparator-diagnosis {
  width: 10px;
  text-align: center;
  padding: 4px;
}
.model-comparator-table .model-comparator-diagnosis a {
  white-space: nowrap;
}
.model-comparator-table .model-name {
  max-width: 200px;
  white-space: nowrap;
}
.model-comparator-table .model-name a {
  color: #333333;
}
.model-comparator-table .model-name div {
  overflow: hidden;
  text-overflow: ellipsis;
}
.model-comparator-table .model-comparator-label {
  max-width: 100px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.model-comparator-table .subtitle {
  color: #666666;
  font-size: 10px;
  overflow: hidden;
  text-overflow: ellipsis;
}
.model-comparator-table .highlighted-metric {
  font-weight: bold;
}
.model-comparator-table .model-comparator-configure-button {
  margin-bottom: 5px;
}
.champion-label {
  width: 260px;
  display: inline-block;
  vertical-align: middle;
}
tr td .candidate-champion {
  border-radius: 4px;
  padding-left: 5px;
  padding-right: 5px;
  flex-grow: 0;
  text-decoration: none;
  margin-left: 5px;
  height: 20px;
  margin-top: auto;
  margin-bottom: auto;
  display: inline-block;
}
.model-comparator-table tr:hover td.model-name a.not-champion {
  color: white;
  background-color: #3b99fc;
}
.model-comparator-table td.model-name a.not-champion {
  color: transparent;
  background-color: transparent;
  text-decoration: none;
}
.champion {
  color: white;
  background-color: #3b99fc;
  width: 80px;
}
.not-champion {
  width: 95px;
  display: inline-block;
  vertical-align: middle;
}
.model-comparator-calibration {
  overflow: auto;
}
.model-comparator-infoblock {
  width: 80%;
  margin-left: auto;
  margin-right: auto;
}
.model-comparator-infoblock--small-margin {
  margin-left: 32px;
}
.model-comparator-warnblock {
  margin-left: 40px;
  margin-right: 40px;
}
.model-comparator-infoblock table .model-comparator-infoblock__calibration-loss,
.model-comparator-infoblock table .model-comparator-infoblock__calibration-name {
  width: 120px;
}
.model-comparator-infoblock table .model-comparator-infoblock__ate {
  width: 240px;
}
.model-comparator-infoblock table .model-comparator-infoblock__champion {
  width: 15px;
}
.model-comparator-infoblock table .model-comparator-infoblock__model-subtitle {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  color: #666666;
  font-size: 10px;
}
.model-comparator-infoblock table .model-comparator-infoblock__model-name {
  width: 300px;
}
.model-comparator-infoblock table,
.model-comparator-warnblock table {
  table-layout: fixed;
  width: 100%;
}
.model-comparator-infoblock table th,
.model-comparator-warnblock table th,
.model-comparator-infoblock table td,
.model-comparator-warnblock table td {
  vertical-align: middle;
}
.model-comparator-infoblock table a,
.model-comparator-warnblock table a {
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  width: 100%;
  color: #333333;
}
.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;
}
.add-smv-label {
  margin-top: 5px;
}
tree-view-selector {
  border: 1px solid #dddddd;
  overflow: auto;
  display: block;
  width: 100%;
  height: 280px;
}
tree-view-selector .tree-view-selector__input {
  margin-left: 5px;
  margin-right: 5px;
}
tree-view-selector .tree-view-selector__checkbox {
  margin-left: 5px;
  margin-right: 5px;
  margin-top: -2px;
}
tree-view-selector .tree-view-selector__table {
  min-width: 100%;
  margin-top: 20px;
  border-collapse: separate;
  position: relative;
}
tree-view-selector .tree-view-selector__table tr:first-child th:first-child {
  text-align: center;
}
tree-view-selector .tree-view-selector__parent,
tree-view-selector .tree-view-selector__head,
tree-view-selector .tree-view-selector__cell {
  border-bottom: 1px solid #dddddd;
  text-align: left;
  padding: 3px 10px;
  white-space: nowrap;
}
tree-view-selector .tree-view-selector__head {
  white-space: nowrap;
  position: sticky;
  top: 0;
  background-color: white;
  border-bottom: 1px solid #dddddd;
}
tree-view-selector .tree-view-selector__row {
  cursor: default;
}
tree-view-selector .tree-view-selector__row.tree-view-selector__row--disabled {
  color: #999999;
}
tree-view-selector .tree-view-selector__row:not(.tree-view-selector__row--disabled),
tree-view-selector .tree-view-selector__row.tree-view-selector__row--parent {
  cursor: pointer;
}
tree-view-selector .tree-view-selector__row:not(.tree-view-selector__row--disabled):hover,
tree-view-selector .tree-view-selector__row.tree-view-selector__row--parent:hover {
  background-color: #f2f2f2;
}
table.tabular-data-comparator {
  border-collapse: collapse;
}
table.tabular-data-comparator .tabular-data-comparator__section {
  border: 1px solid #dddddd;
}
table.tabular-data-comparator .champion-symbol {
  text-decoration: none;
  display: inline-block;
  padding-right: 5px;
}
table.tabular-data-comparator .tabular-data-comparator__section-title-cell {
  border-left: none;
  border-right: none;
  text-transform: uppercase;
  white-space: nowrap;
  padding-left: 20px;
  padding-right: 20px;
}
table.tabular-data-comparator .tabular-data-comparator__header-cell {
  text-align: center;
  vertical-align: middle;
  border: 1px solid #dddddd;
  white-space: nowrap;
  padding: 15px;
  font-size: 15px;
  font-weight: bold;
  max-width: 200px;
  min-width: 200px;
}
table.tabular-data-comparator .tabular-data-comparator__header-cell div {
  overflow: hidden;
  text-overflow: ellipsis;
}
table.tabular-data-comparator .tabular-data-comparator__header-cell a {
  color: #333333;
}
table.tabular-data-comparator .tabular-data-comparator__header-cell .subtitle {
  color: #444444;
  font-size: 12px;
}
table.tabular-data-comparator .tabular-data-comparator__header-cell > ng-include {
  display: inline-block;
  text-overflow: ellipsis;
  overflow: hidden;
  width: 100%;
}
table.tabular-data-comparator .tabular-data-comparator__header-cell.tabular-data-comparator__header-cell--reference {
  background-color: aliceblue;
}
table.tabular-data-comparator .tabular-data-comparator__top-left-corner {
  border: none;
}
table.tabular-data-comparator .tabular-data-comparator__label {
  min-width: 200px;
  max-width: 200px;
  border: 1px solid #dddddd;
  font-weight: 400;
  padding: 8px 16px;
}
table.tabular-data-comparator .tabular-data-comparator__label.tabular-data-comparator__label--highlighted {
  background-color: #f6fbff;
  color: black;
  font-weight: 500;
}
table.tabular-data-comparator .tabular-data-comparator__label > ng-include {
  padding-left: 20px;
}
table.tabular-data-comparator .tabular-data-comparator__cell {
  min-width: 200px;
  max-width: 200px;
  text-align: center;
  border: 1px solid #dddddd;
  background-color: white;
  font-weight: 400;
}
table.tabular-data-comparator .tabular-data-comparator__cell > ng-include {
  padding-left: 3px;
  padding-right: 3px;
  padding-top: 1px;
  padding-bottom: 1px;
  display: inline-block;
  width: 100%;
}
table.tabular-data-comparator .tabular-data-comparator__cell.tabular-data-comparator__cell--highlighted {
  background-color: #f6fbff;
  color: black;
  font-weight: 500;
}
table.tabular-data-comparator .tabular-data-comparator__cell.tabular-data-comparator__cell--reference {
  background-color: aliceblue;
}
table.tabular-data-comparator .tabular-data-comparator__cell .tabular-feature-comparator-cell__preferred-class,
table.tabular-data-comparator .tabular-data-comparator__cell .tabular-feature-comparator-cell__control-value {
  font-size: 11px;
  color: #444444;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  line-height: 13px;
  margin-left: 4px;
  max-width: 200px;
}
table.tabular-data-comparator .tabular-data-comparator__cell-details--weak {
  margin-top: 12px;
  color: #bbbbbb;
  font-weight: 400;
  display: flex;
  flex-direction: column;
}
.model-comparison__create-div {
  display: inline-block;
  background: white;
}
.model-comparator__comparison-page {
  overflow: auto;
  background: #ffffff;
  margin-left: 2px;
  margin-top: 10px;
  padding: 15px 2px 20px 15px;
  box-shadow: 0px 0px 2px 1px rgba(34, 34, 34, 0.15);
}
.model-comparator__comparison-page-graphs {
  min-height: 856px;
}
.model-evaluation-likes-category-cards {
  display: flex;
  margin-bottom: 32px;
  margin-top: 16px;
  min-height: 180px;
  height: 200px;
  width: 650px;
}
.model-evaluation-likes-category-card {
  background-color: #ffffff;
  border: 1px solid #dddddd;
  cursor: pointer;
  flex-basis: 0;
  flex-grow: 1;
  overflow: hidden;
  padding: 20px 10px;
}
.model-evaluation-likes-category-card + .model-evaluation-likes-category-card {
  margin-left: 16px;
}
.model-evaluation-likes-category-card div.label {
  text-align: center;
  font-size: 14px;
  font-weight: 600;
  line-height: 18px;
  margin-top: 5px;
  margin-bottom: 4px;
  height: 40px;
}
.model-evaluation-likes-category-card div.icon {
  text-align: center;
  margin-top: 30px;
}
.model-evaluation-likes-category-card.selected {
  border-color: #3b99fc;
}
.model-evaluation-likes-category-card.disabled {
  filter: grayscale(1);
  background: #f2f2f2;
}
.model-evaluation-likes-category-card.disabled i {
  color: #cccccc;
}
.model-evaluation-likes-category-card.disabled div.label {
  color: #666666;
}
.model-comparator-feature-importance-empty-state {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.model-comparator-feature-importance-empty-state .post-train-empty-state__explanation {
  text-align: center;
}
.row-by-row .display-metric-div {
  display: flex;
  justify-content: space-between;
}
.row-by-row .display-metric-div .info-message {
  font-style: italic;
  font-size: 11px;
}
.row-by-row .shaker-table-view {
  background: #ffffff;
  padding-left: 0;
}
.row-by-row .table-navigator {
  display: grid;
  grid-template-columns: 1fr 24px 1fr;
  gap: 16px;
  height: 42px;
  border-bottom: 1px solid #dddddd;
  background: #ffffff;
  padding: 0 16px;
  align-items: center;
  width: 100%;
  box-sizing: border-box;
  flex-shrink: 0;
}
.row-by-row .table-navigator .left {
  justify-self: start;
}
.row-by-row .table-navigator .center {
  justify-self: center;
}
.row-by-row .table-navigator .center .resize-handle {
  cursor: row-resize;
}
.row-by-row .table-navigator .right {
  justify-self: end;
}
.row-by-row .table-navigator .key {
  background-color: unset;
}
.row-by-row .mainPane {
  bottom: 60%;
}
.row-by-row .mainPane .table-view-header {
  background: #ffffff;
}
.row-by-row .mainPane .table-view-header .filters-wrapper {
  background: #ffffff;
  padding-left: 0;
}
.row-by-row .bottomPane {
  height: 60%;
}
.row-by-row .table-container {
  overflow-x: auto;
  width: 100%;
  padding-bottom: 4px;
}
.row-by-row .input-title {
  justify-content: center;
  display: flex;
  align-items: center;
  min-width: 126px;
  padding: 16px;
  border: 1px dotted #bbbbbb;
  border-width: 1px 0 1px 1px;
  font-size: 16px;
  text-align: center;
  font-weight: bold;
  background-color: #f2f2f2;
  color: #222222;
}
.row-by-row .input-container {
  border: 1px dotted #bbbbbb;
  padding: 16px 24px 16px 24px;
  width: 100%;
}
.row-by-row .input-text {
  font-size: 16px;
  background-color: #ffffff;
  color: #333333;
  line-height: 1.75;
}
.row-by-row .row-by-row-llm-table a {
  color: #333333;
}
.row-by-row .row-by-row-llm-table .header--fixed {
  position: fixed;
  top: 113px;
  background: #ffffff;
  box-shadow: -1px -1px 0 2px #ffffff;
  overflow-x: scroll;
  scrollbar-width: none;
  z-index: 2;
}
.row-by-row .row-by-row-llm-table .header__top-left-corner--fixed {
  min-width: 156.5px;
  border-bottom: 1px dotted #bbbbbb;
}
.row-by-row .row-by-row-llm-table .header--cell {
  border: 1px dotted #bbbbbb;
  text-align: center;
  font-weight: bold;
  white-space: nowrap;
  font-size: 15px;
  padding: 16px 24px 16px 24px;
  max-width: 475px;
  min-width: 475px;
  overflow: hidden;
  text-overflow: ellipsis;
}
.row-by-row .row-by-row-llm-table .cell {
  border: 1px dotted #bbbbbb;
  text-align: left;
  padding: 16px 24px 16px 24px;
  line-height: 1.75;
  background-color: #ffffff;
  font-size: 16px;
  max-width: 475px;
  min-width: 475px;
  width: 500px;
}
.row-by-row .row-by-row-llm-table .cell.title {
  text-align: center;
  width: fit-content;
  min-width: 110px;
  max-width: 110px;
}
.row-by-row .row-by-row-llm-table .cell.title.output-title {
  background: #f6fbff;
  color: #196bfa;
}
.row-by-row .row-by-row-llm-table .cell.title.context-title {
  background: #faf6fd;
  color: #8541aa;
}
.row-by-row .row-by-row-llm-table .cell.title.ground-truth-title {
  background: #e8f5e9;
  color: #2e7d32;
}
.row-by-row .row-by-row-llm-table .cell.title.metrics-title {
  background: #e6f6f5;
  color: #0f8781;
  border-width: 0 1px 1px 1px;
}
.row-by-row .row-by-row-llm-table .cell.title.additional-title {
  border-width: 0 0 1px 1px;
}
.row-by-row .row-by-row-llm-table .cell.metrics-cell {
  background: #ffffff;
  vertical-align: top;
}
.row-by-row .row-by-row-llm-table .cell.metrics-cell .summary-section__table th,
.row-by-row .row-by-row-llm-table .cell.metrics-cell .summary-section__table td {
  border-bottom: 1px dotted #dddddd;
  line-height: 2;
}
.row-by-row .row-by-row-llm-table .cell.metrics-cell .summary-section--legend .summary-section__table td {
  text-align: left;
}
.row-by-row .row-by-row-llm-table .cell.metrics-cell .text-icon {
  color: #999999;
}
.row-by-row .input-title,
.row-by-row .title {
  cursor: pointer;
}
.row-by-row__text-content {
  white-space: pre-wrap;
}
.row-by-row__wrapper {
  display: grid;
  transition: grid-template-rows 0.3s ease-out;
}
.row-by-row__wrapper .row-by-row__text-content {
  overflow: hidden;
}
.row-by-row__wrapper.input-text {
  display: grid;
}
.row-by-row__wrapper--folded {
  grid-template-rows: 28px;
}
.row-by-row__wrapper--folded .row-by-row__text-content {
  min-height: 28px;
  text-overflow: ellipsis;
  white-space: nowrap;
  cursor: pointer;
}
.row-by-row__wrapper--folded .row-by-row__text-content-metrics {
  min-height: 28px;
  text-align: center;
  color: #bbbbbb;
  cursor: pointer;
}
.row-by-row__wrapper--unfolded {
  grid-template-rows: 1fr;
}
.row-by-row__wrapper--unfolded .row-by-row__text-content {
  min-height: 28px;
}
.row-by-row-sources {
  list-style: none;
  margin-bottom: 16px;
}
.row-by-row-sources__content {
  list-style-type: none;
  margin-left: 0;
  overflow-wrap: break-word;
  border-bottom: 1px dotted #dddddd;
  padding-bottom: 8px;
  line-height: 2;
}
.row-by-row-sources__content a {
  color: #0088CC !important;
}
.row-by-row-sources__desc {
  font-weight: 500;
}
.settings-section-title {
  font-family: 'SourceSansPro';
  font-weight: 500;
  font-size: 16px;
  color: #222222;
  line-height: 20px;
  margin: 30px 0 10px 0;
}
.settings-section-title.admin-settings {
  line-height: 27px;
}
.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 input[type=number].invalid-ignores-dirty.ng-invalid,
.invalid-ignores-dirty .doctor-settings-page form.cost-matrix-form input[type=number].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;
}
.model-design__image-feature-dropdown {
  --dku-ng-select-width: 190px;
}
.doctor-causal__treatment-table-outcome-title {
  min-width: 120px;
  text-align: right;
}
.deephub-design-data-page {
  height: calc(100% - 51px);
  display: flex;
}
.deephub-design-data-page__left-panel {
  flex: 1;
  border-right: 1px solid #dddddd;
  padding: 20px;
  overflow-y: auto;
}
.deephub-design-data-page__image-feed {
  flex: 3;
}
.feature-handling-page__image-feed {
  height: 480px;
  width: 100%;
}
.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;
}
.ml-chart-container {
  height: 700px;
  width: 100%;
  padding-top: 1em;
  box-sizing: border-box;
}
.ml-chart-container--small {
  height: 580px;
}
.ml-chart-container-container--dashboard {
  padding-top: 0;
}
.chart-std-font .nvd3 text {
  font-family: 'SourceSansPro', sans-serif;
}
[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;
}
.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;
}
.custom-metric-list {
  margin-top: -16px;
}
.custom-metric-list .custom-metric-list__foldable {
  width: 100%;
}
.custom-metric-list .custom-metric-list__code-input {
  width: 100%;
  min-height: 300px;
}
.custom-metric-list .editable-list__delete {
  margin-top: 12px;
  margin-bottom: 12px;
}
.model-design-custom-metric-list {
  padding-right: 112px;
}
.recipe-evaluation-custom-metric-list .custom-metric-list .custom-metric-list__code-input {
  width: 720px;
}
.recipe-evaluation-custom-metric-list .custom-metric-list .code-snippet-editor-wrapper .editor-wrapper .code-sample-selector .sample-list ul li.sample .sample-details {
  width: 175%;
}
.sm-details-2-cols-table-15 {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.sm-details-2-cols-table-15 div {
  display: flex;
  width: 100%;
  gap: 8px;
}
.sm-details-2-cols-table-15 div div {
  display: flex;
  flex-grow: 0;
  flex-shrink: 0;
  flex-basis: 50%;
  align-items: center;
}
.sm-details-2-cols-table-15 div div:first-child {
  flex-basis: 15%;
  justify-content: flex-end;
}
.sm-details-2-cols-table-15 div div:last-child {
  flex-basis: 85%;
  justify-content: flex-start;
}
.sm-details-2-cols-table-50 {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.sm-details-2-cols-table-50 div {
  display: flex;
  width: 100%;
  gap: 8px;
}
.sm-details-2-cols-table-50 div div {
  display: flex;
  flex-grow: 0;
  flex-shrink: 0;
  flex-basis: 50%;
  align-items: center;
}
.sm-details-2-cols-table-50 div div:first-child {
  flex-basis: 50%;
  justify-content: flex-end;
}
.sm-details-2-cols-table-50 div div:last-child {
  flex-basis: 50%;
  justify-content: flex-start;
}
.models-or-agents-list-empty-section {
  margin-top: -60px;
}
.dkuform-horizontal .control-group .controls .retrieval-augmented-llm-message_textarea {
  width: 600px;
  height: 65px;
  max-width: 80vw;
}
.create-retrieval-augmented-llm--modal .control-group .controls .ng-select {
  --dku-ng-select-max-width: 270px;
  --dku-ng-select-width: 270px;
}
#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):not(.disabled) {
  background-color: #f2f2f2;
}
.column-header-meanings-menu ul li.disabled a {
  color: #cccccc;
  pointer-events: none;
}
.column-header-meanings-menu ul li:not(.disabled) a {
  color: #333333 !important;
}
.column-header-meanings-menu ul li a {
  font-size: 13px;
  display: block;
  width: 100%;
}
.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 {
  background: #ffffff;
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  display: flex;
  flex-direction: column;
  padding: 0;
}
.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 {
  max-height: 430px;
  overflow-y: auto;
}
.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;
}
.btn--shaker-shortcut.btn--shaker-shortcut {
  margin-right: 8px;
  text-transform: none;
  border-radius: 4px !important;
}
.btn--shaker-shortcut-label {
  display: flex;
  align-items: center;
}
.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 {
  display: flex;
  align-items: center;
  padding: 10px 25px 10px 16px;
  border-bottom: 1px solid #dddddd;
}
.processors-library .processors-library-header__search-bar,
.processors-library .processors-library-header__shortcuts {
  display: flex;
  align-items: center;
}
.processors-library .processors-library-header__search-bar {
  width: 560px;
}
.processors-library .processors-library-header__search-bar-search-box {
  display: inline-block;
  margin-right: 16px;
}
.processors-library .processors-library-header__dismiss {
  margin-left: auto;
}
.processors-library .library-main-zone {
  padding: 0;
}
.processors-library .library-main-zone .library-scroll-column {
  height: 33.33vh;
  border-right: 1px solid #dddddd;
}
.processors-library .library-main-zone .library-scroll-column .column-content {
  height: 33.33vh;
  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: flex;
  align-items: start;
  color: #333333;
  padding: 4px 8px;
}
.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 .deprecation-tag {
  font-weight: 500;
  color: #ec6f23;
}
.processors-library .processor.displayed,
.processors-library .processor:hover {
  text-decoration: none;
  background-color: #dddddd;
}
.processors-library .processor i {
  flex: 0 0 16px;
  margin-right: 4px;
}
.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 {
  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;
}
.mx-left-pane-tabbable--explore > ul.nav-tabs > li {
  height: 44px;
}
.mx-left-pane-tabbable--explore > ul.nav-tabs > li a {
  line-height: 32px;
}
.mx-left-pane-tabbable--script > ul.nav-tabs > li {
  height: 56px;
}
.mx-left-pane-tabbable--charts > ul.nav-tabs > li {
  height: 36px;
}
.shaker.fixedPanes.shaker--explore .leftPane .tabbable > ul.nav-tabs > li {
  height: 44px;
}
.shaker.fixedPanes.shaker--explore .leftPane .tabbable > ul.nav-tabs > li a {
  line-height: 32px;
}
.shaker.fixedPanes.shaker--script .leftPane .tabbable > ul.nav-tabs > li {
  height: 56px;
}
.charts-container.fixedPanes.shaker-visualize .leftPane .tabbable > ul.nav-tabs > li {
  height: 36px;
}
.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 {
  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 {
  padding-top: 8px;
  margin-bottom: 8px;
  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--explore {
  padding-top: 4px;
  padding-bottom: 4px;
  min-height: 38px;
  line-height: 36px;
}
.shaker-summary-wrapper--script {
  padding-top: 4px;
  padding-bottom: 4px;
  min-height: 50px;
}
.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;
  margin-top: 0;
}
.shaker-summary-wrapper .view-buttons-wrapper {
  flex: 0 0 auto;
}
.shaker-summary-wrapper .view-buttons-wrapper--multi-line {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  gap: 8px;
}
.shaker-summary-wrapper button.shaker-summary-control {
  height: 26px;
}
.shaker-summary-wrapper div.shaker-summary-control button {
  height: 26px;
}
.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-summary-wrapper .deprecation-tag {
  font-weight: 500;
  color: #ec6f23;
}
.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-preview .deprecation-tag {
  font-weight: 500;
  color: #ec6f23;
}
.shaker-summary {
  flex: 1 1 0;
}
.shaker-summary .sample-description {
  font-size: 0.9em;
  color: #666666;
}
.shaker-summary .sampling-info-block {
  display: flex;
  cursor: pointer;
}
.shaker-summary .sampling-info-block .sampling-details {
  color: #666666;
}
.shaker-summary .sampling-info-block .sampling-details strong {
  font-weight: 500;
}
.shaker-summary .sampling-info-block:hover .sampling-details {
  text-decoration: underline;
  color: #222222;
}
.shaker-summary .sampling-compute-row-count {
  color: #666666;
  cursor: pointer;
  padding: 6px;
}
.shaker-summary .sampling-compute-row-count:hover {
  background-color: #f2f2f2;
  color: #222222;
}
.shaker-summary .impact-changes {
  min-height: 17px;
  margin-top: 5px;
}
.shaker-summary .impact-changes .changes {
  line-height: normal;
  font-weight: 600;
  display: flex;
  align-items: center;
  gap: 4px;
}
.shaker-summary .impact-changes .changes .change {
  display: flex;
  align-items: center;
  gap: 2px;
}
.shaker-summary .impact-changes .changes .change i {
  vertical-align: baseline;
}
.shaker-summary .impact-changes .changes .change.created {
  color: #4caf50;
}
.shaker-summary .impact-changes .changes .change.modified {
  color: #666666;
}
.shaker-summary .impact-changes .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 .script-output-title,
.shaker-summary .sample-summary .script-output-title {
  display: flex;
  flex-direction: row;
}
.shaker-summary .script-output .script-output-title h4,
.shaker-summary .sample-summary .script-output-title h4 {
  margin-bottom: 2px;
}
.shaker-summary .script-output .script-output-row-count,
.shaker-summary .sample-summary .script-output-row-count {
  line-height: 18px;
  color: #666666;
}
.shaker-summary .script-output .info,
.shaker-summary .sample-summary .info {
  display: flex;
  flex-direction: row;
  margin-top: 2px;
  line-height: 18px;
  height: 18px;
}
.shaker-summary .script-output .info .changes,
.shaker-summary .sample-summary .info .changes {
  display: flex;
  align-items: center;
  line-height: 18px;
}
.shaker-summary .script-output .info .changes .change,
.shaker-summary .sample-summary .info .changes .change {
  display: flex;
  align-items: center;
  gap: 2px;
}
.shaker-summary .script-output .info .changes .change:not(:last-child),
.shaker-summary .sample-summary .info .changes .change:not(:last-child) {
  margin-right: 8px;
}
.shaker-summary .steps-summary {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 8px;
}
.shaker-summary .steps-summary .step-preview {
  display: flex;
  flex-direction: row;
  align-items: center;
}
.shaker-summary .steps-summary .step-preview .eye-switch {
  flex: 0 0 auto;
  margin-right: 8px;
}
.shaker-summary .steps-summary .step-preview .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 .step-preview .eye-switch button .label {
  color: #bbbbbb;
  font-size: 10px;
  line-height: 12px;
  text-align: center;
}
.shaker-summary .steps-summary .step-preview .eye-switch button:focus,
.shaker-summary .steps-summary .step-preview .eye-switch button:active {
  outline: none;
}
.shaker-summary .steps-summary .step-preview .eye-switch button i {
  font-size: 18px;
  color: #3b99fc;
}
.shaker-summary .steps-summary .step-preview .eye-switch button i.icon-eye-open {
  display: block;
}
.shaker-summary .steps-summary .step-preview .eye-switch button i.icon-eye-close {
  display: none;
}
.shaker-summary .steps-summary .step-preview .eye-switch button:hover:not([disabled]) {
  color: #444444;
}
.shaker-summary .steps-summary .step-preview .eye-switch button:hover:not([disabled]) .label {
  color: #666666;
}
.shaker-summary .steps-summary .step-preview .eye-switch button:hover:not([disabled]) i.icon-eye-open {
  display: none;
}
.shaker-summary .steps-summary .step-preview .eye-switch button:hover:not([disabled]) i.icon-eye-close {
  display: block;
}
.shaker-summary .steps-summary .step-preview .step-desc {
  flex: 0 0 auto;
}
.shaker-summary .steps-summary .step-preview .step-desc h4 {
  margin: 0;
  font-weight: 400;
  line-height: 24px;
}
.shaker-summary .steps-summary .step-preview .step-desc h4:first-letter {
  text-transform: capitalize;
}
.shaker-summary .steps-summary .step-preview .step-desc p {
  margin-bottom: 0;
  color: #666666;
  line-height: normal;
  margin-top: 5px;
}
.shaker-summary .steps-summary .step-preview .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;
}
.shaker-autorefresh-disabled-warning {
  font-size: 27px;
  color: #f28c37;
  animation: opacity-pulse-high ease 1.3s infinite;
  vertical-align: middle;
}
.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 {
  user-select: none;
}
.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-panel--mass-actions,
.script-left-pane .script-header .search .control-panel--mass-actions {
  display: inline-block;
}
.script-left-pane .script-header .mass-actions .control-panel--search,
.script-left-pane .script-header .search .control-panel--search {
  display: flex;
  align-items: center;
}
.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;
  display: flex;
  flex-direction: column;
}
.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: 24px;
  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;
  justify-content: center;
}
.script-left-pane .steps-wrapper .btn-zone .generate-steps-button {
  margin-top: 16px;
  border-color: #2ab1ac;
  color: #2ab1ac;
  justify-content: center;
}
.script-left-pane .steps-wrapper .btn-zone .btn-new-group {
  margin-top: 4px;
  color: #666666;
  font-weight: 400;
  background-color: transparent;
  justify-content: center;
}
.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 {
  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 fieldset,
.shaker-left-column-form .control-group {
  padding-bottom: 16px;
}
.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: #222222;
  font-size: 13px;
  margin-bottom: 0 !important;
}
.shaker-left-column-form .help-inline {
  padding-left: 20px;
  font-size: 10px;
  color: #999999;
  line-height: 16px;
}
.shaker-left-column-form .help-inline.padleft0 {
  padding-left: 0px;
}
.shaker-left-column-form select {
  font-size: 13px;
  width: 210px;
}
.shaker-left-column-form input[type=text],
.shaker-left-column-form input[type=number] {
  width: 100%;
  margin-bottom: 0;
  margin-left: 0;
  font-size: 13px;
  display: block;
  box-sizing: border-box;
  outline: none;
}
.shaker-left-column-form .interactive-search__partition-input input {
  margin-left: 0;
  height: 26px;
}
.shaker-left-column-form .interactive-search__partition-input .help-inline {
  padding-left: 5px;
}
.shaker-left-column-form .bootstrap-select {
  width: 100% !important;
}
.shaker-left-column-form .partition-select {
  display: inline-block;
  margin-right: 4px !important;
  height: 100%;
}
.shaker-left-column-form .left-panel-body {
  margin-bottom: 0;
  overflow: auto;
  padding: 16px;
  flex: 1;
  max-width: 268px;
}
.shaker-left-column-form .left-panel-footer {
  border-top: 1px solid #dddddd;
  bottom: 0;
  left: 0;
  padding: 16px;
}
.shaker-left-column-form .sampling-panel-footer {
  bottom: 0;
  left: 0;
  padding: 16px;
}
.shaker-left-column-form .sampling-save-help-inline {
  font-size: 11px;
  color: #666666;
  line-height: 16px;
  padding-top: 4px;
}
.shaker-left-column-form .section-title {
  font-size: 16px;
  font-weight: 500;
}
.shaker-left-column-form .filter-expression .alphanum-literal {
  color: #3B5BB5;
}
.shaker-left-column-form .filter-expression .num-literal {
  color: #770088;
}
.shaker-left-column-form .filter-expression .action-verb {
  font-weight: 500;
}
.shaker-left-column-form .filter-expression .input-column-name {
  color: brown;
}
.shaker-left-column-form .filter-expression .output-column-name {
  color: brown;
}
.shaker-left-column-form .filter-expression .meaning-label {
  color: #28a9dd;
  font-style: italic;
}
.shaker-left-column-form .filter-expression .deprecation-tag {
  font-weight: 500;
  color: #ec6f23;
}
.shaker-left-column-form .dataset-chart-sampling {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  display: flex;
  flex-direction: column;
  padding: 0;
}
.shaker-left-column-form .dataset-chart-sampling button.selectpicker {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  max-width: 218px;
}
.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][disabled],
.shaker .processor.processor form input[type=number][disabled],
.shaker .processor.processor form input[type=datetime-local][disabled] {
  background-color: #f2f2f2;
}
.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: 16px;
  border-radius: 5px;
  display: table-column;
}
.shaker fieldset span.fieldLabel,
.shaker fieldset label.control-label {
  color: #222222;
  font-size: 13px;
}
.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 fieldset .settings-section-title {
  font-family: 'SourceSansPro';
  font-weight: 500;
  font-size: 16px;
  color: #222222;
  line-height: 20px;
  margin: 8px 0;
}
.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):not(.disabled),
.shaker .columnHeader .column-header-meanings-menu ul li:hover:not(.nav-header):not(.disabled),
.shaker .columnHeader .column-colors-menu ul li:hover:not(.nav-header):not(.disabled) {
  background-color: #f2f2f2;
}
.shaker .columnHeader .column-header-types-menu ul li.disabled a,
.shaker .columnHeader .column-header-meanings-menu ul li.disabled a,
.shaker .columnHeader .column-colors-menu ul li.disabled a {
  color: #cccccc;
  pointer-events: none;
}
.shaker .columnHeader .column-header-types-menu ul li:not(.disabled) a,
.shaker .columnHeader .column-header-meanings-menu ul li:not(.disabled) a,
.shaker .columnHeader .column-colors-menu ul li:not(.disabled) a {
  color: #333333 !important;
}
.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%;
}
.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: 8px 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 .values li.values-divider {
  border-bottom: 1px solid #dddddd;
  margin: 6px 1px 1px 1px;
}
.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-colors-menu .sample.IG {
  color: #999999;
}
.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-link,
.shaker .columnHeader .dropdown-trigger .filter-icon {
  display: inline-block;
}
.shaker .columnHeader .dropdown-trigger .sort-indication {
  display: inline-block;
  vertical-align: top;
  opacity: 0.5;
}
.shaker .columnHeader .dropdown-trigger .filter-indication {
  display: inline-block;
  vertical-align: top;
}
.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: #999999;
  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: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__drag-icon {
  color: #cccccc;
  cursor: move;
  float: left;
  position: relative;
  left: -7px;
  width: 8px;
}
.shaker:not(.shaker-dataset-preview) .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 .info {
  padding: 0 8px;
}
.shaker .table-view-header .meta-info {
  color: #bbbbbb;
  font-size: 12px;
}
.shaker .table-view-header .meta-info .nb-rows {
  font-weight: 600;
  color: #666666;
}
.shaker .table-view-header .columns-info {
  font-size: 12px;
  font-weight: 600;
}
.shaker .table-view-header .info-separator {
  color: #bbbbbb;
  font-size: 12px;
  margin: initial 2px;
}
.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 4px 0 0;
  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 .global-search-header .btn--wide {
  height: 32px;
}
.shaker .table-view-header .global-search-header .interactive-search__saved-query {
  display: inline-block;
}
.shaker .table-view-header .global-search-header .interactive-search__bar {
  display: flex;
}
.shaker .table-view-header .global-search-header .interactive-search__bar .interactive-search__bar-input {
  position: relative;
  flex: 1 1 auto;
}
.shaker .table-view-header .global-search-header .interactive-search__bar .interactive-search__bar-input textarea {
  height: 32px;
}
.shaker .table-view-header .filter.global-search {
  margin-right: 10px;
  height: 100%;
  position: relative;
}
.shaker .table-view-header .filter.global-search .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 .global-search__input:focus,
.shaker .table-view-header .filter.global-search .global-search__input.filled {
  border: 1px solid #dddddd;
  background: #ffffff;
  outline: none;
  width: 150px;
}
.shaker .table-view-header .filter.global-search .global-search__input:focus.filled + .global-search__icon.global-search__icon--clear-filter,
.shaker .table-view-header .filter.global-search .global-search__input.filled.filled + .global-search__icon.global-search__icon--clear-filter {
  display: inline-block;
}
.shaker .table-view-header .filter.global-search .interactive-search__input {
  padding: 5px 25px 5px 25px;
  box-sizing: border-box;
  border: 1px solid #dddddd;
  background-color: transparent;
  width: 48px;
  transition: width 150ms ease;
  padding: 5px 40px 5px 25px;
  background: #ffffff;
  position: absolute;
  width: 100%;
  z-index: 3000;
  resize: none;
}
.shaker .table-view-header .filter.global-search .interactive-search__input:focus,
.shaker .table-view-header .filter.global-search .interactive-search__input.filled {
  border: 1px solid #dddddd;
  background: #ffffff;
  outline: none;
  width: 150px;
}
.shaker .table-view-header .filter.global-search .interactive-search__input:focus.filled + .global-search__icon.global-search__icon--clear-filter,
.shaker .table-view-header .filter.global-search .interactive-search__input.filled.filled + .global-search__icon.global-search__icon--clear-filter {
  display: inline-block;
}
.shaker .table-view-header .filter.global-search .interactive-search__input:focus,
.shaker .table-view-header .filter.global-search .interactive-search__input.filled {
  width: 100%;
}
.shaker .table-view-header .filter.global-search .global-search__icon {
  position: absolute;
  pointer-events: none;
  top: 17px;
  left: 6px;
  line-height: 16px;
  color: #bbbbbb;
}
.shaker .table-view-header .filter.global-search .global-search__icon.global-search__icon--clear-filter {
  right: 6px;
  left: auto;
  cursor: pointer;
  display: none;
  transition: opacity 200ms ease;
  pointer-events: auto;
}
.shaker .table-view-header .filter.interactive-search {
  margin-bottom: 10px;
  display: inline-block;
  flex: 1 1 auto;
}
.shaker .table-view-header .filter.interactive-search .interactive-search-query__help {
  line-height: 24px;
}
.shaker .table-view-header .filter.interactive-search .global-search__icon {
  z-index: 3000;
}
.shaker .table-view-header .filter.interactive-search .global-search__icon.global-search__icon--clear-filter {
  right: 108px;
}
.shaker .table-view-header .filter.interactive-search .global-search__icon.global-search__icon--question-sign {
  right: 90px;
  left: auto;
  cursor: pointer;
  pointer-events: auto;
  text-decoration: none;
}
.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 {
  position: relative;
  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: 4px;
  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 .filter-btn i {
  line-height: 16px;
  display: block;
}
.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;
}
.interactive-search-saved-query__popup {
  z-index: 3000;
  max-height: 75%;
  display: flex;
  flex-direction: column;
  border: 1px solid #cccccc;
}
.interactive-search-saved-query__list {
  overflow: auto;
  flex-shrink: 1;
  flex-grow: 1;
}
.interactive-search-saved-query__list .saved-query_item {
  display: flex;
  flex-direction: column;
}
.interactive-search-saved-query__list-header {
  padding: 4px;
  border-bottom: 1px solid #f2f2f2;
  border-bottom: 1px solid #dddddd;
}
.interactive-search-saved-query__list-header .icon-pencil {
  visibility: hidden;
  padding-top: 2px;
}
.interactive-search-saved-query__list-header:hover .icon-pencil {
  visibility: visible;
}
.interactive-search-saved-query__name {
  width: 100px;
}
.interactive-search-saved-query__name button {
  text-align: left;
  max-width: 100px;
}
.interactive-search-saved-query__name .interactive-search-saved-query__name-text {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.interactive-search-saved-query__list-row {
  padding: 4px;
  border-bottom: 1px solid #f2f2f2;
}
.interactive-search-saved-query__list-row-hover {
  cursor: pointer;
}
.interactive-search-saved-query__list-row-hover:hover {
  background-color: #f2f2f2;
}
.interactive-search-saved-query__selected-icons {
  display: flex;
}
.interactive-search-saved-query__selected-icons .interactive-search-saved-query__selected-name {
  flex-grow: 1;
}
.interactive-search-saved-query__list-name {
  flex-grow: 1;
  text-align: left;
  display: flex;
  flex-direction: row;
  word-break: break-all;
}
.interactive-search-saved-query__list-name span {
  width: 100%;
  flex-grow: 1;
}
.interactive-search-saved-query__description {
  color: #999999;
  font-size: 11px;
  line-height: 14px;
  word-break: break-all;
  text-align: left;
  width: 100%;
}
.interactive-search-saved-query__summary pre {
  font-size: 11px;
}
.interactive-search-saved-query__trash {
  width: 26px;
  height: 26px;
  border: 1px solid transparent;
  background: transparent;
  border: none;
  float: right;
}
.interactive-search-saved-query__trash.btn--primary {
  background-color: transparent;
  color: #3b99fc;
  border: 1px solid transparent;
}
.interactive-search-saved-query__trash.btn--primary:focus {
  background-color: #e7f3ff;
  color: #3b99fc;
}
.interactive-search-saved-query__trash.btn--primary:hover {
  background-color: #e7f3ff;
  color: #3b99fc;
}
.interactive-search-saved-query__trash.btn--primary:active,
.interactive-search-saved-query__trash.btn--primary.btn--active {
  background-color: #c4e0fe;
}
.interactive-search-saved-query__trash.btn--primary[disabled],
.interactive-search-saved-query__trash.btn--primary:disabled,
.interactive-search-saved-query__trash.btn--primary.disabled {
  background-color: transparent;
  color: #c4e0fe;
  border: 1px solid transparent;
}
.interactive-search-saved-query__trash.btn--primary[disabled]:hover,
.interactive-search-saved-query__trash.btn--primary:disabled:hover,
.interactive-search-saved-query__trash.btn--primary.disabled:hover,
.interactive-search-saved-query__trash.btn--primary[disabled]:active,
.interactive-search-saved-query__trash.btn--primary:disabled:active,
.interactive-search-saved-query__trash.btn--primary.disabled:active {
  background-color: transparent;
  color: #c4e0fe;
  border: 1px solid transparent;
}
.interactive-search-saved-query__trash.btn--primary[disabled] .caret,
.interactive-search-saved-query__trash.btn--primary:disabled .caret,
.interactive-search-saved-query__trash.btn--primary.disabled .caret {
  border-top-color: #c4e0fe;
  border-bottom-color: #c4e0fe;
}
.interactive-search-saved-query__trash.btn--secondary {
  background-color: transparent;
  color: #333333;
  border: 1px solid transparent;
}
.interactive-search-saved-query__trash.btn--secondary:focus {
  background-color: #dddddd;
  color: #333333;
}
.interactive-search-saved-query__trash.btn--secondary:hover {
  background-color: #dddddd;
  color: #333333;
}
.interactive-search-saved-query__trash.btn--secondary:active,
.interactive-search-saved-query__trash.btn--secondary.btn--active {
  background-color: #cccccc;
}
.interactive-search-saved-query__trash.btn--secondary[disabled],
.interactive-search-saved-query__trash.btn--secondary:disabled,
.interactive-search-saved-query__trash.btn--secondary.disabled {
  background-color: transparent;
  color: #cccccc;
  border: 1px solid transparent;
}
.interactive-search-saved-query__trash.btn--secondary[disabled]:hover,
.interactive-search-saved-query__trash.btn--secondary:disabled:hover,
.interactive-search-saved-query__trash.btn--secondary.disabled:hover,
.interactive-search-saved-query__trash.btn--secondary[disabled]:active,
.interactive-search-saved-query__trash.btn--secondary:disabled:active,
.interactive-search-saved-query__trash.btn--secondary.disabled:active {
  background-color: transparent;
  color: #cccccc;
  border: 1px solid transparent;
}
.interactive-search-saved-query__trash.btn--secondary[disabled] .caret,
.interactive-search-saved-query__trash.btn--secondary:disabled .caret,
.interactive-search-saved-query__trash.btn--secondary.disabled .caret {
  border-top-color: #cccccc;
  border-bottom-color: #cccccc;
}
.interactive-search-saved-query__trash.btn--success {
  background-color: transparent;
  color: #4caf50;
  border: 1px solid transparent;
}
.interactive-search-saved-query__trash.btn--success:focus {
  background-color: #e8f5e9;
  color: #4caf50;
}
.interactive-search-saved-query__trash.btn--success:hover {
  background-color: #e8f5e9;
  color: #4caf50;
}
.interactive-search-saved-query__trash.btn--success:active,
.interactive-search-saved-query__trash.btn--success.btn--active {
  background-color: #d7f0d6;
}
.interactive-search-saved-query__trash.btn--success[disabled],
.interactive-search-saved-query__trash.btn--success:disabled,
.interactive-search-saved-query__trash.btn--success.disabled {
  background-color: transparent;
  color: #d7f0d6;
  border: 1px solid transparent;
}
.interactive-search-saved-query__trash.btn--success[disabled]:hover,
.interactive-search-saved-query__trash.btn--success:disabled:hover,
.interactive-search-saved-query__trash.btn--success.disabled:hover,
.interactive-search-saved-query__trash.btn--success[disabled]:active,
.interactive-search-saved-query__trash.btn--success:disabled:active,
.interactive-search-saved-query__trash.btn--success.disabled:active {
  background-color: transparent;
  color: #d7f0d6;
  border: 1px solid transparent;
}
.interactive-search-saved-query__trash.btn--success[disabled] .caret,
.interactive-search-saved-query__trash.btn--success:disabled .caret,
.interactive-search-saved-query__trash.btn--success.disabled .caret {
  border-top-color: #d7f0d6;
  border-bottom-color: #d7f0d6;
}
.interactive-search-saved-query__trash.btn--danger {
  background-color: transparent;
  color: #dd5969;
  border: 1px solid transparent;
}
.interactive-search-saved-query__trash.btn--danger:focus {
  background-color: #f9e3e5;
  color: #dd5969;
}
.interactive-search-saved-query__trash.btn--danger:hover {
  background-color: #f9e3e5;
  color: #dd5969;
}
.interactive-search-saved-query__trash.btn--danger:active,
.interactive-search-saved-query__trash.btn--danger.btn--active {
  background-color: #f0b8bf;
}
.interactive-search-saved-query__trash.btn--danger[disabled],
.interactive-search-saved-query__trash.btn--danger:disabled,
.interactive-search-saved-query__trash.btn--danger.disabled {
  background-color: transparent;
  color: #f0b8bf;
  border: 1px solid transparent;
}
.interactive-search-saved-query__trash.btn--danger[disabled]:hover,
.interactive-search-saved-query__trash.btn--danger:disabled:hover,
.interactive-search-saved-query__trash.btn--danger.disabled:hover,
.interactive-search-saved-query__trash.btn--danger[disabled]:active,
.interactive-search-saved-query__trash.btn--danger:disabled:active,
.interactive-search-saved-query__trash.btn--danger.disabled:active {
  background-color: transparent;
  color: #f0b8bf;
  border: 1px solid transparent;
}
.interactive-search-saved-query__trash.btn--danger[disabled] .caret,
.interactive-search-saved-query__trash.btn--danger:disabled .caret,
.interactive-search-saved-query__trash.btn--danger.disabled .caret {
  border-top-color: #f0b8bf;
  border-bottom-color: #f0b8bf;
}
.interactive-search-saved-query__trash:hover {
  background-color: #dddddd;
  border: none;
  border-radius: 50%;
}
.interactive-search-saved-query__trash i {
  display: inline-block;
}
.interactive-search-saved-query__trash i:before {
  width: 10px;
}
.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:not(.softdisabled):not(.disabled) .main .processor-infos .processor-header .deprecation-tag,
.shaker .steps > li .processor:not(.softdisabled):not(.disabled) .main .processor-infos .processor-header .deprecation-tag,
.steps.angular-ui-tree-nodes.angular-ui-tree-drag > li .processor:not(.softdisabled):not(.disabled) .main .processor-infos .processor-header .deprecation-tag {
  font-weight: 500;
  color: #ec6f23;
}
.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 4px 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: 14px;
}
.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: 8px 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.group-step-header,
.shaker .steps > li .processor .main .processor-infos .processor-header.group-step-header,
.steps.angular-ui-tree-nodes.angular-ui-tree-drag > li .processor .main .processor-infos .processor-header.group-step-header {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
}
.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-controls,
.shaker .steps > li .processor .main .processor-infos .processor-header .group-controls,
.steps.angular-ui-tree-nodes.angular-ui-tree-drag > li .processor .main .processor-infos .processor-header .group-controls {
  flex: 0 0 auto;
}
.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 .step-counter,
.shaker .steps > li .processor .main .processor-infos .processor-header .step-counter,
.steps.angular-ui-tree-nodes.angular-ui-tree-drag > li .processor .main .processor-infos .processor-header .step-counter {
  vertical-align: top;
}
.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 {
  overflow: hidden;
  flex: 1 0 auto;
}
.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 {
  display: inline-block;
}
.facetsFilters > li .processor .main .processor-infos .processor-header input,
.shaker .steps > li .processor .main .processor-infos .processor-header input,
.steps.angular-ui-tree-nodes.angular-ui-tree-drag > li .processor .main .processor-infos .processor-header 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;
  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;
  display: flex;
  align-items: center;
  gap: 4px;
}
.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 {
  display: flex;
  align-items: center;
  gap: 4px;
  font-weight: 600;
  font-size: 11px;
}
.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: #666666;
}
.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;
  overflow: hidden;
  text-overflow: ellipsis;
}
.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.group-processor.has-backend-error > .processor-footer,
.shaker .steps > li .processor.group-processor.has-backend-error > .processor-footer,
.steps.angular-ui-tree-nodes.angular-ui-tree-drag > li .processor.group-processor.has-backend-error > .processor-footer,
.facetsFilters > li .processor.group-processor.active.has-backend-error > .processor-footer,
.shaker .steps > li .processor.group-processor.active.has-backend-error > .processor-footer,
.steps.angular-ui-tree-nodes.angular-ui-tree-drag > li .processor.group-processor.active.has-backend-error > .processor-footer {
  background: #f9e3e5;
}
.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;
  min-width: 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;
  overflow: hidden;
  text-overflow: ellipsis;
}
.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.step-processor > .processor-footer,
.shaker .steps > li .processor.has-front-error.step-processor > .processor-footer,
.steps.angular-ui-tree-nodes.angular-ui-tree-drag > li .processor.has-front-error.step-processor > .processor-footer,
.facetsFilters > li .processor.has-backend-error.step-processor > .processor-footer,
.shaker .steps > li .processor.has-backend-error.step-processor > .processor-footer,
.steps.angular-ui-tree-nodes.angular-ui-tree-drag > li .processor.has-backend-error.step-processor > .processor-footer,
.facetsFilters > li .processor.has-backend-warning.step-processor > .processor-footer,
.shaker .steps > li .processor.has-backend-warning.step-processor > .processor-footer,
.steps.angular-ui-tree-nodes.angular-ui-tree-drag > li .processor.has-backend-warning.step-processor > .processor-footer {
  mix-blend-mode: multiply;
}
.facetsFilters > li .processor.has-front-error.step-processor > .processor-footer .comment .text,
.shaker .steps > li .processor.has-front-error.step-processor > .processor-footer .comment .text,
.steps.angular-ui-tree-nodes.angular-ui-tree-drag > li .processor.has-front-error.step-processor > .processor-footer .comment .text,
.facetsFilters > li .processor.has-backend-error.step-processor > .processor-footer .comment .text,
.shaker .steps > li .processor.has-backend-error.step-processor > .processor-footer .comment .text,
.steps.angular-ui-tree-nodes.angular-ui-tree-drag > li .processor.has-backend-error.step-processor > .processor-footer .comment .text,
.facetsFilters > li .processor.has-backend-warning.step-processor > .processor-footer .comment .text,
.shaker .steps > li .processor.has-backend-warning.step-processor > .processor-footer .comment .text,
.steps.angular-ui-tree-nodes.angular-ui-tree-drag > li .processor.has-backend-warning.step-processor > .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.shaker-table-view {
  padding: 0 20px;
  padding-right: 1px;
  background-color: #f2f2f2;
  flex: 1;
  display: flex;
  flex-direction: column;
}
.block-api-warning-alert {
  display: flex;
  flex-direction: row;
}
.block-api-warning-alert .info-messages-raw-list {
  flex-grow: 1;
}
.block-api-warning-alert .info-messages-raw-list .message-details {
  max-height: 150px;
  overflow-y: auto;
  display: inline-block;
}
.search-notebooks-indices {
  cursor: pointer;
}
.search-notebooks-indices .search-notebooks-indices__text {
  max-width: 100px;
  margin-right: 4px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.export-filter-recipe__button {
  margin-right: 10px;
}
.search-notebook-export-dataset__button {
  margin-right: 10px;
  height: 40px;
}
.search-notebook-export-dataset__button button {
  padding-right: 8px;
  padding-left: 8px;
}
.explore-warning-sign {
  font-size: 27px;
  vertical-align: middle;
  text-decoration: none !important;
}
div.interactiveSearchTable .fattable-body-container > .fattable-viewport > div.even {
  background-color: #ffffff;
}
div.interactiveSearchTable .fattable-body-container > .fattable-viewport > div.odd {
  background-color: #f5f5f5;
}
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 and valid-rule-colored */
  /* 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 */
  /* Highlight selected --> blue outline */
  white-space: pre;
  font-size: 13px;
  line-height: 25px;
  padding: 0 5px;
  border-bottom: 1px solid #dddddd;
}
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.IG {
  color: #999999;
}
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,
div.shakerTable .fattable-body-container > .fattable-viewport > div.VR.even {
  background-color: #ffffff;
}
div.shakerTable .fattable-body-container > .fattable-viewport > div.VU.odd,
div.shakerTable .fattable-body-container > .fattable-viewport > div.VR.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.SELECTED.VU.even,
div.shakerTable .fattable-body-container > .fattable-viewport > div.SELECTED.VU.odd {
  background: #9dccfe;
  border-block: 2px solid #3b99fc;
}
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 .progress {
  border-bottom: 1px solid #dddddd;
  border-top: 1px solid #dddddd;
  box-shadow: inset 0 0px 2px rgba(0, 0, 0, 0.1);
}
div.shakerTable .header-separator {
  border-bottom: 1px solid #81c784;
}
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 .progress .bar.IG {
  color: #999999;
}
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.VU {
  background: #4caf50 !important;
  color: #ffffff !important;
}
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.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: 5px 0 10px;
  margin-bottom: 5px;
  box-shadow: 0px 2px 1px 0px #cccccc;
}
.mx-formula-editor .split {
  height: calc(100% - 34px);
}
.mx-formula-editor .split .half-pane {
  padding: 0px;
}
.mx-formula-editor .split form {
  margin-bottom: 0;
}
.mx-formula-editor .editor-header {
  line-height: 32px;
  height: 32px;
  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: 32px;
}
.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 {
  font-weight: 400;
  font-size: 17.5px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.mx-formula-editor .editor-header .name input {
  margin-bottom: 0;
  height: 16px;
  vertical-align: baseline;
  padding: 4px;
}
.mx-formula-editor .editor-header .buttons {
  float: right;
}
.mx-formula-editor .editor-header .buttons .validation {
  border-color: #4caf50;
  color: #4caf50;
}
.mx-formula-editor .editor-header .formula-editor-header__column-name-editor {
  display: flex;
  align-items: baseline;
  gap: 8px;
}
.mx-formula-editor .editor-header .formula-editor-header__column-name-editor label {
  margin-bottom: 0;
}
.mx-formula-editor .editor-header .formula-editor-header__column-name-editor input {
  margin-bottom: 0;
}
.error-hint {
  color: #ce1228;
  background: #f0b8bf;
  font-weight: 600;
}
.editor-tooltip-anchor {
  position: relative;
}
.formula-tooltip {
  position: absolute;
  z-index: 3003;
  background: #ffffff;
  box-shadow: 0 3px 3px rgba(34, 34, 34, 0.1);
  padding: 8px;
}
.formula-tooltip__deprecated {
  font-weight: 500;
  color: #ec6f23;
}
.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: 5px 0 10px;
  margin-bottom: 5px;
  box-shadow: 0px 2px 1px 0px #cccccc;
}
.formula-editor .split {
  height: calc(100% - 34px);
}
.formula-editor .split .half-pane {
  padding: 0px;
}
.formula-editor .split form {
  margin-bottom: 0;
}
.formula-editor .editor-header {
  line-height: 32px;
  height: 32px;
  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: 32px;
}
.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 {
  font-weight: 400;
  font-size: 17.5px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.formula-editor .editor-header .name input {
  margin-bottom: 0;
  height: 16px;
  vertical-align: baseline;
  padding: 4px;
}
.formula-editor .editor-header .buttons {
  float: right;
}
.formula-editor .editor-header .buttons .validation {
  border-color: #4caf50;
  color: #4caf50;
}
.formula-editor .editor-header .formula-editor-header__column-name-editor {
  display: flex;
  align-items: baseline;
  gap: 8px;
}
.formula-editor .editor-header .formula-editor-header__column-name-editor label {
  margin-bottom: 0;
}
.formula-editor .editor-header .formula-editor-header__column-name-editor input {
  margin-bottom: 0;
}
.formula-editor .tabbable {
  height: 100%;
  display: flex;
  flex-direction: column;
}
.formula-editor .tabbable ul.nav-tabs {
  padding-left: 0;
  padding-top: 0;
}
.formula-editor .tabbable ul.nav-tabs > li a {
  line-height: 20px;
}
.formula-editor .tabbable .tab-content {
  overflow: auto;
  padding-left: 0;
  background: inherit;
  margin: 8px 0 0 0;
  position: relative;
}
.formula-editor .result-col .outdated {
  opacity: 0.6;
}
.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: 3px;
}
.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: #d7f0d6;
}
.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 {
  border: none;
  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;
}
.alert-zone--before-editor {
  margin: 0px 20px 8px 20px;
}
.alert-zone--before-editor .alert {
  margin: 0;
  padding: 5px;
  line-height: 20px;
  max-height: 100px;
  border-radius: 0 !important;
}
.alert-zone--before-editor .alert.alert-info {
  color: #31708f;
}
.grel-reference li:first-child h5 {
  margin-top: 0;
}
.grel-reference h5 {
  margin: 16px 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: inherit;
  font-size: 12px;
}
.grel-reference__deprecated {
  font-weight: 500;
  color: #ec6f23;
}
.python-udf-editor {
  background: #ffffff;
  height: 300px;
  padding: 5px 0 10px;
  margin-bottom: 5px;
  box-shadow: 0px 2px 1px 0px #cccccc;
}
.python-udf-editor .split {
  height: calc(100% - 34px);
}
.python-udf-editor .split .half-pane {
  padding: 0px;
}
.python-udf-editor .split form {
  margin-bottom: 0;
}
.python-udf-editor .editor-header {
  line-height: 32px;
  height: 32px;
  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: 32px;
}
.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 {
  font-weight: 400;
  font-size: 17.5px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.python-udf-editor .editor-header .name input {
  margin-bottom: 0;
  height: 16px;
  vertical-align: baseline;
  padding: 4px;
}
.python-udf-editor .editor-header .buttons {
  float: right;
}
.python-udf-editor .editor-header .buttons .validation {
  border-color: #4caf50;
  color: #4caf50;
}
.python-udf-editor .editor-header .formula-editor-header__column-name-editor {
  display: flex;
  align-items: baseline;
  gap: 8px;
}
.python-udf-editor .editor-header .formula-editor-header__column-name-editor label {
  margin-bottom: 0;
}
.python-udf-editor .editor-header .formula-editor-header__column-name-editor input {
  margin-bottom: 0;
}
.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 .checkbox-including-empty input[type=checkbox] {
  margin-top: 4px;
}
.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 th.with-info-sign-tooltip {
  overflow: visible;
}
.analyse-modal .summary th.with-info-sign-tooltip i.icon-info-sign {
  color: #999999;
}
.analyse-modal .summary th.with-info-sign-tooltip .tooltip {
  white-space: initial;
}
.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 {
  line-height: normal;
}
.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 .text-clusters input:not([type=checkbox]).invalid-ignores-dirty.ng-invalid,
.invalid-ignores-dirty .analyse-modal .text-clusters input:not([type=checkbox]).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;
}
.grok-builder {
  width: 80%;
  max-width: 1200px;
}
.grok-builder * {
  box-sizing: border-box;
}
.grok-builder .modal-footer {
  border-top: 1px solid #dddddd;
}
.grok-builder .modal-body {
  padding: 0;
  display: flex;
  flex-direction: column;
}
.grok-builder .bar-danger {
  background-image: unset;
  background-color: #dddddd;
}
.grok-builder__grok {
  display: flex;
  flex-direction: column;
  width: 100%;
  padding: 8px 16px;
  border-bottom: 1px solid #dddddd;
}
.grok-builder__grok input {
  width: 100%;
  height: 26px;
  margin: 0 0 8px 0;
  padding: 0 8px;
  outline: none;
  font-family: inherit;
  box-shadow: none;
  border-color: #3b99fc;
  background-color: #ffffff;
}
.grok-builder__grok input:focus {
  box-shadow: none;
}
.builder__grok__link {
  align-self: flex-end;
  margin-bottom: 8px;
}
.builder__grok__matchrate {
  display: flex;
}
.builder__grok__matchrate__bar {
  margin-left: 8px;
  flex-grow: 1;
}
.grok-builder__sample {
  margin: 0;
  padding: 8px 16px;
  overflow: auto;
  min-height: 50px;
}
.grok-builder__sample__line {
  list-style: none;
  display: flex;
  flex-direction: row;
  align-items: stretch;
  min-height: 36px;
}
.grok-builder__sample__line:nth-child(odd) {
  background-color: #f2f2f2;
}
.grok-builder__sample__line:hover {
  background-color: #dddddd;
}
.grok-builder__sample__line__content {
  padding: 8px;
}
.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: 0;
  padding-bottom: 0;
}
.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;
  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: 0;
  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-modal__help-text {
  font-size: 13px;
  color: #666666;
}
.regex-builder-modal .regex-builder-modal__title-text {
  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: 112px;
  margin-bottom: 8px;
  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: 0;
}
.regex-builder-modal .regex-builder-pattern-item:last-child {
  margin-bottom: 0;
}
.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 #dddddd;
}
.regex-builder-modal .regex-builder-pattern-list__title-row {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  color: #222222;
  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;
}
.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-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: #f28c37;
}
.overlap-underline-highlight--crossed {
  text-decoration: line-through;
}
.overlap-underline-highlight--error.overlap-underline-highlight--crossed {
  text-decoration: underline line-through;
  text-decoration-color: #f28c37;
}
.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 .editable-list__items {
  overflow-y: auto;
  overflow-x: hidden;
  max-height: 180px;
}
.edit-udm-modal .udm-definition-form .values .editable-list__items .color-preview {
  margin: 3px 0 auto;
}
.edit-udm-modal .udm-definition-form .values .mapping-editor .editable-list__items {
  max-height: 150px;
}
.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):not(.disabled),
.cell-suggestion-popup ul li:hover:not(.nav-header):not(.disabled) {
  background-color: #f2f2f2;
}
.column-header-menu ul li.disabled a,
.cell-suggestion-popup ul li.disabled a {
  color: #cccccc;
  pointer-events: none;
}
.column-header-menu ul li:not(.disabled) a,
.cell-suggestion-popup ul li:not(.disabled) a {
  color: #333333 !important;
}
.column-header-menu ul li a,
.cell-suggestion-popup ul li a {
  font-size: 13px;
  display: block;
  width: 100%;
}
.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 .deprecation-tag,
.cell-suggestion-popup .deprecation-tag {
  font-weight: 500;
  color: #ec6f23;
}
.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;
}
.column-header-menu.with-dku-icons ul li {
  padding: 0 4px;
}
.column-header-menu.with-dku-icons ul li a {
  display: flex;
  align-items: center;
  gap: 4px;
}
.column-header-menu.with-dku-icons ul li a i {
  margin: 0;
  width: 16px;
  flex-shrink: 0;
}
.column-header-menu.with-dku-icons ul li a span {
  flex-grow: 1;
}
.column-header-menu.with-dku-icons ul li a::after {
  margin-top: 0;
}
.column-header-menu.with-dku-icons .column-header-menu__help-inline-icon {
  color: #999999;
}
.cell-suggestion-popup.with-dku-icons ul li {
  padding: 0 4px;
}
.cell-suggestion-popup.with-dku-icons ul li a {
  display: flex;
  align-items: center;
  gap: 4px;
}
.cell-suggestion-popup.with-dku-icons ul li a i {
  margin: 0;
  width: 16px;
  flex-shrink: 0;
}
.cell-suggestion-popup.with-dku-icons ul li a span {
  flex-grow: 1;
}
.cell-suggestion-popup.with-dku-icons ul li a::after {
  margin-top: 0;
}
.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;
}
.column-header-dropdown-menu .new-in-version-popover__main .new-in-version-popover__trigger button.corner.corner {
  height: 18px;
}
.shaker-cell-popover.shaker-cell-popover {
  padding: 0;
  border-radius: 0;
  border-color: #dddddd;
  max-width: 550px;
  top: auto;
  left: auto;
  min-width: 400px;
}
.shaker-cell-popover.shaker-cell-popover .popover-content {
  padding: 5px 0 5px 0;
}
.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-cell-popover--geo-preview.shaker-cell-popover--geo-preview {
  min-width: 300px;
}
.shaker-cell-popover--image-preview.shaker-cell-popover--image-preview {
  max-width: none;
  min-width: initial;
}
.shaker-cell-popover--image-preview.shaker-cell-popover--image-preview .popover-content {
  padding: 8px;
}
.shaker-visualize .leftPane .tabbable {
  height: 100%;
  display: flex;
  flex-direction: column;
}
.shaker-visualize .leftPane ul.nav-tabs {
  margin-bottom: 0 !important;
}
.shaker-visualize .leftPane ul.nav-tabs > li a:hover {
  background-color: initial;
  border-color: transparent;
  background: initial;
}
.shaker-visualize .leftPane .tab-content {
  padding: 0 !important;
  flex: 1 1 0;
  overflow-y: auto;
}
.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 {
  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 fieldset,
.shaker-visualize .leftPane .tab-content .control-group {
  padding-bottom: 16px;
}
.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: #222222;
  font-size: 13px;
  margin-bottom: 0 !important;
}
.shaker-visualize .leftPane .tab-content .help-inline {
  padding-left: 20px;
  font-size: 10px;
  color: #999999;
  line-height: 16px;
}
.shaker-visualize .leftPane .tab-content .help-inline.padleft0 {
  padding-left: 0px;
}
.shaker-visualize .leftPane .tab-content select {
  font-size: 13px;
  width: 210px;
}
.shaker-visualize .leftPane .tab-content input[type=text],
.shaker-visualize .leftPane .tab-content input[type=number] {
  width: 100%;
  margin-bottom: 0;
  margin-left: 0;
  font-size: 13px;
  display: block;
  box-sizing: border-box;
  outline: none;
}
.shaker-visualize .leftPane .tab-content .interactive-search__partition-input input {
  margin-left: 0;
  height: 26px;
}
.shaker-visualize .leftPane .tab-content .interactive-search__partition-input .help-inline {
  padding-left: 5px;
}
.shaker-visualize .leftPane .tab-content .bootstrap-select {
  width: 100% !important;
}
.shaker-visualize .leftPane .tab-content .partition-select {
  display: inline-block;
  margin-right: 4px !important;
  height: 100%;
}
.shaker-visualize .leftPane .tab-content .left-panel-body {
  margin-bottom: 0;
  overflow: auto;
  padding: 16px;
  flex: 1;
  max-width: 268px;
}
.shaker-visualize .leftPane .tab-content .left-panel-footer {
  border-top: 1px solid #dddddd;
  bottom: 0;
  left: 0;
  padding: 16px;
}
.shaker-visualize .leftPane .tab-content .sampling-panel-footer {
  bottom: 0;
  left: 0;
  padding: 16px;
}
.shaker-visualize .leftPane .tab-content .sampling-save-help-inline {
  font-size: 11px;
  color: #666666;
  line-height: 16px;
  padding-top: 4px;
}
.shaker-visualize .leftPane .tab-content .section-title {
  font-size: 16px;
  font-weight: 500;
}
.shaker-visualize .leftPane .tab-content .filter-expression .alphanum-literal {
  color: #3B5BB5;
}
.shaker-visualize .leftPane .tab-content .filter-expression .num-literal {
  color: #770088;
}
.shaker-visualize .leftPane .tab-content .filter-expression .action-verb {
  font-weight: 500;
}
.shaker-visualize .leftPane .tab-content .filter-expression .input-column-name {
  color: brown;
}
.shaker-visualize .leftPane .tab-content .filter-expression .output-column-name {
  color: brown;
}
.shaker-visualize .leftPane .tab-content .filter-expression .meaning-label {
  color: #28a9dd;
  font-style: italic;
}
.shaker-visualize .leftPane .tab-content .filter-expression .deprecation-tag {
  font-weight: 500;
  color: #ec6f23;
}
.shaker-visualize .leftPane .tab-content .dataset-chart-sampling {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  display: flex;
  flex-direction: column;
  padding: 0;
}
.shaker-visualize .leftPane .tab-content .dataset-chart-sampling button.selectpicker {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  max-width: 218px;
}
.shaker-visualize .leftPane .tab-content .tab-pane {
  height: 100%;
}
.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: 42px;
  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;
}
.shaker-visualize .charts-list .dku-icon-trash-16 {
  top: 2px;
  line-height: 16px;
}
.shaker-visualize .charts-list .dku-icon-copy-16 {
  bottom: 2px;
  line-height: 16px;
}
.shaker-visualize .charts-list .thumbnail {
  width: 60px;
  height: 40px;
}
.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;
}
.d3-container {
  position: relative;
}
.d3-container svg {
  width: 100%;
  position: absolute;
  top: 0;
  bottom: 0;
}
.histogramtooltip {
  position: absolute;
  text-align: center;
  padding: 10px;
  font: 12px 'SourceSansPro';
  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;
}
.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):not(.disabled) {
  background-color: #f2f2f2;
}
.display-mode-contextual-menu ul li.disabled a {
  color: #cccccc;
  pointer-events: none;
}
.display-mode-contextual-menu ul li:not(.disabled) a {
  color: #333333 !important;
}
.display-mode-contextual-menu ul li a {
  font-size: 13px;
  display: block;
  width: 100%;
}
.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 .fat-draggable__drag-icon {
  color: #cccccc;
  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) .visible-on-parent-hover {
  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.invalid-ignores-dirty.ng-invalid,
.invalid-ignores-dirty .shaker-column-row .inline-edit > input.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 .header {
  display: flex;
  padding-left: 8px;
}
.quick-columns-view .header h3 {
  font-size: large;
  font-weight: 400;
  margin: 1px 0 0 0;
  padding: 0 16px 0 8px;
  width: 220px;
}
.quick-columns-view .header a {
  color: inherit;
  text-decoration: none;
}
.quick-column-search {
  align-self: stretch;
  padding: 0 16px;
}
.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;
}
.display-btn {
  display: inline-flex;
  align-items: flex-end;
  line-height: 18px;
  position: relative;
  vertical-align: middle;
  gap: 8px;
}
.display-btn .colored-by {
  display: flex;
}
@media screen and (max-width: 1024px) {
  .display-btn .colored-by {
    display: none;
  }
}
.display-btn .colored-by a {
  color: inherit;
  line-height: 26px;
}
.display-btn .colored-by__text {
  display: flex;
  align-items: center;
  gap: 4px;
}
.display-btn .colored-by .btn-disable {
  cursor: default;
  text-decoration: none;
}
.quick-conditional-formatting-view {
  background-color: #ffffff;
}
.quick-conditional-formatting-view .header {
  display: flex;
  padding-left: 8px;
}
.quick-conditional-formatting-view .header h3 {
  font-size: large;
  font-weight: 400;
  margin: 1px 0 0 0;
  padding: 0 16px 0 8px;
  width: 220px;
}
.quick-conditional-formatting-view .header a {
  color: inherit;
  text-decoration: none;
}
.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;
}
.shaker-sampling-form-wrapper .filter-expression .deprecation-tag {
  font-weight: 500;
  color: #ec6f23;
}
.generate-steps {
  margin-top: auto;
  width: 100%;
  position: sticky;
  bottom: 0;
}
.generate-steps__container {
  background-color: #ffffff;
  border-top: 0.5px solid #2ab1ac;
  display: flex;
  flex-direction: column;
  margin: 0;
  padding: 8px;
  position: sticky;
  bottom: 0;
}
.generate-steps__header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 8px;
}
.generate-steps__title {
  display: flex;
  color: #2ab1ac;
  align-items: center;
}
.generate-steps__title-text {
  font-size: 16px;
  font-weight: 500;
  margin-left: 4px;
}
.generate-steps__helper {
  color: #222222;
  margin-right: 48px;
  margin-bottom: 8px;
}
.generate-steps__section {
  display: flex;
  flex-direction: column;
}
.generate-steps__form {
  display: flex;
  margin-right: 32px;
  height: 100%;
}
.generate-steps__textarea {
  display: flex;
  width: 100%;
  resize: vertical;
  min-height: 64px;
}
.generate-steps__boilerplate {
  display: flex;
  flex-wrap: wrap;
}
.generate-steps__boilerplate-label {
  margin: 8px 8px 0 0;
  white-space: nowrap;
  border-radius: 8px !important;
  font-family: 'SourceSansPro';
  text-transform: uppercase;
  font-size: 13px;
  font-weight: 500;
  padding: 3px 8px;
  line-height: 1.4;
  border: none;
}
.generate-steps__boilerplate-label:hover {
  background-color: #bbbbbb;
}
.generate-steps__boilerplate-label:active {
  box-shadow: none;
}
.generate-steps__generate-button {
  border-color: #2ab1ac;
  color: #2ab1ac;
  display: flex;
  align-items: center;
}
.generate-steps__generate-button:first-child {
  margin-left: auto;
}
.generate-steps__generate-button:hover {
  color: #2ab1ac;
}
.generate-steps__abort-button {
  border-color: #ce1228;
  color: #ffffff;
  justify-content: center;
}
.generate-steps__warning {
  background-color: #fde5ca;
  color: #c05b0a;
  padding: 8px;
  margin-top: 8px;
}
.generate-steps__warning-content {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
}
.generate-steps__actions {
  max-height: 32px;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  margin-top: 8px;
  align-items: center;
}
.generate-steps__caution {
  display: flex;
  align-items: center;
  height: 100%;
  width: 60%;
  max-width: 60%;
  flex: 1;
  font-size: 10px;
  color: #bbbbbb;
  margin-bottom: 0px;
  line-height: 150%;
}
.generate-steps__button {
  display: flex;
}
.fat-draggable--dragging .shaker-column-row .column-title {
  cursor: move;
}
.fat-draggable--dragging .shaker-column-row .column-title:hover .visible-on-parent-hover {
  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;
}
.bulk-column-renamer-editor {
  background: #ffffff;
  overflow: hidden;
  resize: vertical;
  height: 210px;
  padding: 5px 0 10px;
  margin-bottom: 5px;
  box-shadow: 0 2px 1px 0 #cccccc;
}
.bulk-column-renamer-editor .split {
  height: calc(100% - 34px);
}
.bulk-column-renamer-editor .editor-header {
  line-height: 32px;
  height: 32px;
  margin: 0 20px 5px 20px;
  position: relative;
}
.bulk-column-renamer-editor .editor-header .name {
  font-weight: 400;
  font-size: 17.5px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.bulk-column-renamer-editor .editor-header .buttons {
  float: right;
}
.bulk-column-renamer-editor--pattern-container {
  padding-left: 20px;
  padding-right: 20px;
  padding-bottom: 10px;
  line-height: 24px;
}
.bulk-column-renamer-editor--preview-title {
  font-weight: 600;
}
.bulk-column-renamer-editor--preview-list {
  overflow: scroll;
  padding-right: 8px;
}
.bulk-column-renamer-editor--preview-no-change {
  color: #cccccc;
}
.filter-option.shaker-color-rule--red-background,
.filter-option.shaker-color-rule--orange-background,
.filter-option.shaker-color-rule--green-background {
  width: fit-content !important;
  padding-left: 4px;
  padding-right: 4px;
}
.shaker-color-rule--orange-background,
.shaker-color-rule--orange-background__progress-bar {
  background-color: #f9c69b !important;
}
div.shaker-color-rule--orange-background:hover {
  background-color: #f28c37 !important;
  color: #ffffff !important;
}
div.shaker-color-rule--orange-background.H {
  background-color: #f6af73 !important;
  color: #ffffff !important;
}
span.shaker-color-rule--orange-background:hover,
a.shaker-color-rule--orange-background:hover {
  background-color: #f28c37 !important;
  color: #ffffff !important;
}
span.shaker-color-rule--orange-background:focus,
a.shaker-color-rule--orange-background:focus {
  background-color: #f28c37 !important;
  color: #ffffff !important;
}
.shaker-color-rule--red-background,
.shaker-color-rule--red-background__progress-bar {
  background-color: #f0b8bf !important;
}
div.shaker-color-rule--red-background:hover {
  background-color: #d53648 !important;
  color: #ffffff !important;
}
div.shaker-color-rule--red-background.H {
  background-color: #e78994 !important;
  color: #ffffff !important;
}
span.shaker-color-rule--red-background:hover,
a.shaker-color-rule--red-background:hover {
  background-color: #d53648 !important;
  color: #ffffff !important;
}
span.shaker-color-rule--red-background:focus,
a.shaker-color-rule--red-background:focus {
  background-color: #d53648 !important;
  color: #ffffff !important;
}
.shaker-color-rule--green-background,
.shaker-color-rule--green-background__progress-bar {
  background-color: #a5d6a7 !important;
}
div.shaker-color-rule--green-background:hover {
  background-color: #4caf50 !important;
  color: #ffffff !important;
}
div.shaker-color-rule--green-background.H {
  background-color: #81c784 !important;
  color: #ffffff !important;
}
span.shaker-color-rule--green-background:hover,
a.shaker-color-rule--green-background:hover {
  background-color: #4caf50 !important;
  color: #ffffff !important;
}
span.shaker-color-rule--green-background:focus,
a.shaker-color-rule--green-background:focus {
  background-color: #4caf50 !important;
  color: #ffffff !important;
}
.shaker-color-rule--red-text {
  color: #d53648 !important;
}
.shaker-color-rule--red-text__progress-bar {
  background-color: #d53648 !important;
}
div.shaker-color-rule--red-text:hover {
  background-color: #4caf50 !important;
  color: #f9e3e5 !important;
}
div.shaker-color-rule--red-text.H {
  background: #a5d6a7 !important;
  color: #c20d1e !important;
}
.shaker-color-rule--green-text {
  color: #29af5d !important;
}
.shaker-color-rule--green-text__progress-bar {
  background-color: #29af5d !important;
}
div.shaker-color-rule--green-text:hover {
  background-color: #4caf50 !important;
  color: #d9ecc6 !important;
}
div.shaker-color-rule--green-text.H {
  background: #a5d6a7 !important;
  color: #519e1c !important;
}
.shaker-color-rule--orange-text {
  color: #f28c38 !important;
}
.shaker-color-rule--orange-text__progress-bar {
  background-color: #f28c38 !important;
}
div.shaker-color-rule--orange-text:hover {
  background-color: #4caf50 !important;
  color: #fde5ca !important;
}
div.shaker-color-rule--orange-text.H {
  background: #a5d6a7 !important;
  color: #ec6f23 !important;
}
div.shaker-color-rule--custom:hover {
  filter: brightness(120%);
}
div.shaker-color-rule--custom.H {
  filter: brightness(110%);
}
div.shaker-color-scale:hover {
  filter: brightness(120%);
}
div.shaker-color-scale.H {
  filter: brightness(110%);
}
div[class*="shaker-color-rule"] a {
  color: inherit;
}
.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: 4px;
  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 .filter-btn i {
  line-height: 16px;
  display: block;
}
.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.date-filter {
  width: 400px;
}
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 .filter-content-actions-bar,
div.ff-group .accordion-inner .ff-content .filter-content-actions-bar {
  display: flex;
  justify-content: flex-end;
  padding-bottom: 8px;
}
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;
}
.dataset-settings-files-listing-box {
  max-width: 570px;
}
.new-dataset-name-zone {
  height: auto;
  padding: 16px 24px;
  background: #ffffff;
  border-bottom: 1px solid #dddddd;
}
.new-dataset-name-zone form {
  margin: 0;
  height: auto;
}
.new-dataset-name-zone h4 {
  margin: 0;
}
.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;
}
.image-view-container {
  height: 100%;
  border: 1px solid #dddddd;
}
.image-view-main-zone {
  flex: 1;
  display: flex;
  flex-direction: column;
}
.filter-adder-wrapper {
  display: inline-block;
  margin-left: 8px;
}
.filter-adder-wrapper--filter-big {
  margin-top: 8px;
}
.dku-bs-select--filter-adder .filter-option {
  text-transform: uppercase;
}
.allow-line-break {
  white-space: normal !important;
  text-align: left;
}
.new-dataset-page .new-dataset-page__centered-container {
  margin: 0 auto;
}
.new-dataset-page .main-title-row {
  position: relative;
}
.new-dataset-page .main-title-row h1 {
  font-weight: 400;
  margin: 32px;
  text-align: center;
}
.new-dataset-page .main-title-row .main-title-row__admin-links {
  position: absolute;
  width: 100%;
  right: 16px;
}
.new-dataset-page .main-title-row .main-title-row__admin-links a {
  float: right;
}
.new-dataset-page .secondary-title-row {
  margin-left: 16px;
  margin-top: 40px;
}
.new-dataset-page .secondary-title-row .secondary-title-row__title {
  display: inline-block;
  width: 128px;
}
.new-dataset-page .secondary-title-row .secondary-title-row__title h2 {
  font-weight: 500;
  font-size: 22px;
  line-height: 28px;
  color: #222222;
  text-transform: uppercase;
}
.new-dataset-page .secondary-title-row .secondary-title-row__links {
  display: inline-block;
}
.new-dataset-page .secondary-title-row .secondary-title-row__links a {
  padding-right: 24px;
}
.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;
  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 h3 {
  font-weight: 400;
}
.new-dataset-page .well h3 span {
  cursor: pointer;
}
.new-dataset-page .well i {
  color: #cccccc;
  margin-right: 8px;
}
.new-dataset-page .well ul {
  margin: 0;
}
.new-dataset-page .well li {
  list-style: none;
}
.new-dataset-page .well li button {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  font-family: 'SourceSansPro';
  font-size: 13px;
  background: none;
  border: none;
  display: block;
  color: #222222;
  width: 100%;
  text-align: left;
  padding: 0;
}
.new-dataset-page .well li button:hover {
  text-decoration: underline;
}
.new-dataset-page .well li button:disabled {
  color: #bbbbbb;
  cursor: not-allowed;
}
.new-dataset-page .well li button.dataset-notlicensed-ce {
  color: rgba(34, 34, 34, 0.6);
}
.new-dataset-page .well div.full-well {
  width: 100%;
}
.new-dataset-page .well div.half-well {
  width: 50%;
}
.new-dataset-page .well--highlighted {
  min-height: 48px;
  display: flex;
  align-items: center;
  padding-right: 8px;
}
.new-dataset-page .well--highlighted i {
  display: inline-flex;
  color: #28a9dd;
}
.new-dataset-page .well--highlighted img {
  display: inline-flex;
  height: 40px;
  margin-right: 8px;
}
.new-dataset-page .well--highlighted span {
  color: #222222;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  font-family: 'SourceSansPro';
  font-size: 13px;
  margin-left: 16px;
  display: block;
}
.new-dataset-page .well--highlighted:hover span {
  text-decoration: underline;
}
.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: #999999;
}
.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: #666666;
  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: #666666;
  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--resizing-invisible {
  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;
  overflow-y: hidden;
  border: none;
  height: 100%;
  border-bottom: 1px solid #dddddd;
}
.droparea--resizing-invisible .preview-cta {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  font-family: 'SourceSansPro';
  font-weight: 400;
  font-size: 22px;
  color: #666666;
  text-align: center;
}
.droparea--resizing-invisible.candrop .preview-cta {
  visibility: hidden;
}
.droparea--resizing-invisible .upload-hook {
  padding: 6px;
  width: 100%;
  text-align: center;
  font-size: 15px;
  color: #666666;
}
.droparea--resizing-invisible .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--resizing-invisible .upload-hook.centered-upload-hook {
  bottom: 0;
}
.droparea--resizing-invisible:before,
.droparea--resizing-invisible[multiple]:before {
  content: '';
}
.droparea--resizing-invisible.candrop {
  border-color: #4caf50;
  background: #d7f0d6;
}
.droparea--resizing-invisible.candrop:before {
  content: 'You can drop now';
}
.droparea--resizing-invisible > .standard-container__wrap {
  flex-grow: 0;
}
.droparea--resizing-invisible > .standard-container__wrap + .standard-container__wrap {
  margin-top: 32px;
  margin-left: 0;
  flex-grow: 0;
}
.droparea--resizing-invisible > .flex {
  -webkit-flex: 1 1 auto;
  flex: 1 1 auto;
  position: relative;
}
.droparea--resizing-invisible > .flex .override-min-height {
  min-height: 0px;
}
.droparea--resizing-invisible > .flex-no-basis,
.droparea--resizing-invisible .flex-no-basis {
  -webkit-flex: 1 1 0;
  flex: 1 1 0;
  position: relative;
}
.droparea--resizing-invisible > .flex-no-basis .override-min-height,
.droparea--resizing-invisible .flex-no-basis .override-min-height {
  min-height: 0px;
}
.droparea--resizing-invisible > .flex-no-grow {
  -webkit-flex: 0 1 auto;
  flex: 0 1 auto;
  position: relative;
}
.droparea--resizing-invisible > .flex-no-shrink {
  -webkit-flex: 1 0 auto;
  flex: 1 0 auto;
  position: relative;
}
.droparea--resizing-invisible > .noflex,
.droparea--resizing-invisible .top-level-tabs,
.droparea--resizing-invisible > .alert,
.droparea--resizing-invisible > .bottom-bar,
.droparea--resizing-invisible > .input-append,
.droparea--resizing-invisible > div[block-api-error],
.droparea--resizing-invisible > h1,
.droparea--resizing-invisible > h2,
.droparea--resizing-invisible > h3,
.droparea--resizing-invisible > h4,
.droparea--resizing-invisible > h5,
.droparea--resizing-invisible > h6 {
  -webkit-flex-flex: 0 0 auto;
  flex: 0 0 auto;
}
.droparea--resizing-invisible .upload-hook {
  -webkit-flex-flex: 0 0 auto;
  flex: 0 0 auto;
  position: relative;
}
.droparea--resizing-box {
  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;
  height: auto;
  overflow: auto;
  max-height: 100%;
  min-height: 200px;
  padding: 8px 16px 0 16px;
  margin-bottom: 16px;
}
.droparea--resizing-box .preview-cta {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  font-family: 'SourceSansPro';
  font-weight: 400;
  font-size: 22px;
  color: #666666;
  text-align: center;
}
.droparea--resizing-box.candrop .preview-cta {
  visibility: hidden;
}
.droparea--resizing-box .upload-hook {
  padding: 6px;
  width: 100%;
  text-align: center;
  font-size: 15px;
  color: #666666;
}
.droparea--resizing-box .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--resizing-box .upload-hook.centered-upload-hook {
  bottom: 0;
}
.droparea--resizing-box:before,
.droparea--resizing-box[multiple]:before {
  content: '';
}
.droparea--resizing-box.candrop {
  border-color: #4caf50;
  background: #d7f0d6;
}
.droparea--resizing-box.candrop:before {
  content: 'You can drop now';
}
.droparea--resizing-box > .standard-container__wrap {
  flex-grow: 0;
}
.droparea--resizing-box > .standard-container__wrap + .standard-container__wrap {
  margin-top: 32px;
  margin-left: 0;
  flex-grow: 0;
}
.droparea--resizing-box > .flex {
  -webkit-flex: 1 1 auto;
  flex: 1 1 auto;
  position: relative;
}
.droparea--resizing-box > .flex .override-min-height {
  min-height: 0px;
}
.droparea--resizing-box > .flex-no-basis,
.droparea--resizing-box .flex-no-basis {
  -webkit-flex: 1 1 0;
  flex: 1 1 0;
  position: relative;
}
.droparea--resizing-box > .flex-no-basis .override-min-height,
.droparea--resizing-box .flex-no-basis .override-min-height {
  min-height: 0px;
}
.droparea--resizing-box > .flex-no-grow {
  -webkit-flex: 0 1 auto;
  flex: 0 1 auto;
  position: relative;
}
.droparea--resizing-box > .flex-no-shrink {
  -webkit-flex: 1 0 auto;
  flex: 1 0 auto;
  position: relative;
}
.droparea--resizing-box > .noflex,
.droparea--resizing-box .top-level-tabs,
.droparea--resizing-box > .alert,
.droparea--resizing-box > .bottom-bar,
.droparea--resizing-box > .input-append,
.droparea--resizing-box > div[block-api-error],
.droparea--resizing-box > h1,
.droparea--resizing-box > h2,
.droparea--resizing-box > h3,
.droparea--resizing-box > h4,
.droparea--resizing-box > h5,
.droparea--resizing-box > h6 {
  -webkit-flex-flex: 0 0 auto;
  flex: 0 0 auto;
}
.droparea--resizing-box .upload-hook {
  -webkit-flex-flex: 0 0 auto;
  flex: 0 0 auto;
  position: relative;
}
.droparea--resizing-box .upload-hook {
  padding: 16px 0;
}
.droparea--resizing-box .upload-hook > div {
  margin-top: 4px;
}
.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: #666666;
  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;
  display: flex;
  flex-direction: column;
}
.dataset-format-buttons button {
  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%;
  transform: translate(-50%, -50%);
  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;
}
.shaker.shaker-dataset-preview .shaker-dataset-preview__content {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  padding: 20px;
  padding-bottom: 0;
  flex: 1;
  display: flex;
  flex-direction: column;
}
.shaker.shaker-dataset-preview .shaker-dataset-preview__content .positionTable {
  flex: 1;
  border-radius: 0;
  border: 1px solid #dddddd;
  background-color: #f2f2f2;
  position: relative;
}
.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):not(.disabled) {
  background-color: #f2f2f2;
}
.mx-schema-edition .column-header-meanings-menu ul li.disabled a {
  color: #cccccc;
  pointer-events: none;
}
.mx-schema-edition .column-header-meanings-menu ul li:not(.disabled) a {
  color: #333333 !important;
}
.mx-schema-edition .column-header-meanings-menu ul li a {
  font-size: 13px;
  display: block;
  width: 100%;
}
.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=email],
.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=datetime-local],
.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=email]: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=datetime-local]: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=email]: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=datetime-local]: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=email]: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=datetime-local]: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=email].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=datetime-local].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 input[type=text].invalid-ignores-dirty.ng-invalid,
.mx-schema-edition form input[type=email].invalid-ignores-dirty.ng-invalid,
.mx-schema-edition form input[type=url].invalid-ignores-dirty.ng-invalid,
.mx-schema-edition form input[type=number].invalid-ignores-dirty.ng-invalid,
.mx-schema-edition form input[type=date].invalid-ignores-dirty.ng-invalid,
.mx-schema-edition form input[type=time].invalid-ignores-dirty.ng-invalid,
.mx-schema-edition form input[type=datetime-local].invalid-ignores-dirty.ng-invalid,
.mx-schema-edition form input[type=password].invalid-ignores-dirty.ng-invalid,
.mx-schema-edition form textarea.invalid-ignores-dirty.ng-invalid,
.mx-schema-edition form select.invalid-ignores-dirty.ng-invalid,
.mx-schema-edition form button.btn.selectpicker.invalid-ignores-dirty.ng-invalid,
.invalid-ignores-dirty .mx-schema-edition form input[type=text].ng-invalid,
.invalid-ignores-dirty .mx-schema-edition form input[type=email].ng-invalid,
.invalid-ignores-dirty .mx-schema-edition form input[type=url].ng-invalid,
.invalid-ignores-dirty .mx-schema-edition form input[type=number].ng-invalid,
.invalid-ignores-dirty .mx-schema-edition form input[type=date].ng-invalid,
.invalid-ignores-dirty .mx-schema-edition form input[type=time].ng-invalid,
.invalid-ignores-dirty .mx-schema-edition form input[type=datetime-local].ng-invalid,
.invalid-ignores-dirty .mx-schema-edition form input[type=password].ng-invalid,
.invalid-ignores-dirty .mx-schema-edition form textarea.ng-invalid,
.invalid-ignores-dirty .mx-schema-edition form select.ng-invalid,
.invalid-ignores-dirty .mx-schema-edition form button.btn.selectpicker.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 button.btn.selectpicker.none-selected-text .filter-option {
  color: var(--dku-select-placeholder-color, #999999);
}
.mx-schema-edition form button.btn.selectpicker.none-selected-text .filter-option::before {
  content: var(--dku-select-placeholder-emphasis--before, '- ');
}
.mx-schema-edition form button.btn.selectpicker.none-selected-text .filter-option::after {
  content: var(--dku-select-placeholder-emphasis--after, ' -');
}
.mx-schema-edition form button.btn.selectpicker.disabled.none-selected-text .filter-option {
  color: #cccccc;
}
.mx-schema-edition form button.btn.selectpicker.disabled {
  background-color: #f2f2f2;
}
.mx-schema-edition form button.btn.selectpicker.disabled:hover {
  background-color: #f2f2f2;
}
.mx-schema-edition form button.btn.selectpicker.disabled:focus {
  border: 1px #bbbbbb solid;
}
.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 {
  border-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):not(.disabled) {
  background-color: #f2f2f2;
}
.dataset-schema-editor .column-header-meanings-menu ul li.disabled a {
  color: #cccccc;
  pointer-events: none;
}
.dataset-schema-editor .column-header-meanings-menu ul li:not(.disabled) a {
  color: #333333 !important;
}
.dataset-schema-editor .column-header-meanings-menu ul li a {
  font-size: 13px;
  display: block;
  width: 100%;
}
.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=email],
.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=datetime-local],
.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=email]: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=datetime-local]: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=email]: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=datetime-local]: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=email]: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=datetime-local]: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=email].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=datetime-local].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 input[type=text].invalid-ignores-dirty.ng-invalid,
.dataset-schema-editor form input[type=email].invalid-ignores-dirty.ng-invalid,
.dataset-schema-editor form input[type=url].invalid-ignores-dirty.ng-invalid,
.dataset-schema-editor form input[type=number].invalid-ignores-dirty.ng-invalid,
.dataset-schema-editor form input[type=date].invalid-ignores-dirty.ng-invalid,
.dataset-schema-editor form input[type=time].invalid-ignores-dirty.ng-invalid,
.dataset-schema-editor form input[type=datetime-local].invalid-ignores-dirty.ng-invalid,
.dataset-schema-editor form input[type=password].invalid-ignores-dirty.ng-invalid,
.dataset-schema-editor form textarea.invalid-ignores-dirty.ng-invalid,
.dataset-schema-editor form select.invalid-ignores-dirty.ng-invalid,
.dataset-schema-editor form button.btn.selectpicker.invalid-ignores-dirty.ng-invalid,
.invalid-ignores-dirty .dataset-schema-editor form input[type=text].ng-invalid,
.invalid-ignores-dirty .dataset-schema-editor form input[type=email].ng-invalid,
.invalid-ignores-dirty .dataset-schema-editor form input[type=url].ng-invalid,
.invalid-ignores-dirty .dataset-schema-editor form input[type=number].ng-invalid,
.invalid-ignores-dirty .dataset-schema-editor form input[type=date].ng-invalid,
.invalid-ignores-dirty .dataset-schema-editor form input[type=time].ng-invalid,
.invalid-ignores-dirty .dataset-schema-editor form input[type=datetime-local].ng-invalid,
.invalid-ignores-dirty .dataset-schema-editor form input[type=password].ng-invalid,
.invalid-ignores-dirty .dataset-schema-editor form textarea.ng-invalid,
.invalid-ignores-dirty .dataset-schema-editor form select.ng-invalid,
.invalid-ignores-dirty .dataset-schema-editor form button.btn.selectpicker.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 button.btn.selectpicker.none-selected-text .filter-option {
  color: var(--dku-select-placeholder-color, #999999);
}
.dataset-schema-editor form button.btn.selectpicker.none-selected-text .filter-option::before {
  content: var(--dku-select-placeholder-emphasis--before, '- ');
}
.dataset-schema-editor form button.btn.selectpicker.none-selected-text .filter-option::after {
  content: var(--dku-select-placeholder-emphasis--after, ' -');
}
.dataset-schema-editor form button.btn.selectpicker.disabled.none-selected-text .filter-option {
  color: #cccccc;
}
.dataset-schema-editor form button.btn.selectpicker.disabled {
  background-color: #f2f2f2;
}
.dataset-schema-editor form button.btn.selectpicker.disabled:hover {
  background-color: #f2f2f2;
}
.dataset-schema-editor form button.btn.selectpicker.disabled:focus {
  border: 1px #bbbbbb solid;
}
.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 {
  border-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 .modal-body {
  height: 100%;
  border-collapse: collapse;
  display: table;
}
.build-dataset-form-multiple .help-block {
  margin-top: 0 !important;
  /* Sorry, ugly, I know */
}
.build-dataset-form-multiple .options {
  margin: 0 20px;
}
.build-dataset-form-multiple .options-modal {
  margin: 0px 30px 10px;
}
.build-dataset-form-multiple .options {
  margin: 8px 16px 0 16px;
}
.build-dataset-form-multiple .computables {
  paddfing: 0 16px;
  max-height: 250px !important;
  overflow: auto;
  border-bottom: 1px solid #dddddd;
  border-top: 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 .computables-unified-build-modal {
  paddfing: 0 16px;
  max-height: 250px !important;
  overflow: auto;
  border-bottom: 1px solid #dddddd;
  border-top: 1px solid #dddddd;
  max-height: 150px;
  overflow: unset;
  border-bottom: unset;
  border-top: unset;
}
.build-dataset-form-multiple .computables-unified-build-modal .computable {
  position: relative;
}
.build-dataset-form-multiple .computables-unified-build-modal .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-unified-build-modal .computable .removed h4 {
  text-decoration: line-through;
}
.build-dataset-form-multiple .computables-unified-build-modal .computable:hover .remove {
  opacity: 1;
}
.build-dataset-form-multiple .computables-unified-build-modal .computable input {
  width: 180px;
}
.build-dataset-form-multiple .computables-unified-build-modal .computable .partition .control-label {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.build-dataset-form-multiple .computables-unified-build-modal .computable .partition .control-label .dimension-name {
  float: none;
}
.build-dataset-form-multiple .computables-unified-build-modal .computable .icon-dku-close {
  font-size: 12px;
}
.build-dataset-form-multiple .computables-unified-build-modal .flow-zone-content-row {
  font-size: 14px;
}
.build-dataset-form-multiple .computables-unified-build-modal .computable {
  padding: 0 18px;
}
.build-dataset-form-multiple .computables-unified-build-modal .computable:hover {
  background-color: #f2f2f2;
}
.build-dataset-form-multiple .computables-unified-build-modal .computable .remove {
  opacity: 1;
}
.build-dataset-form-multiple .flow-zone-computables {
  max-height: 135px;
  overflow: auto;
  border-top: 1px solid #dddddd;
}
.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 {
  padding: 0;
  border-collapse: collapse;
}
.build-dataset-form .modal-body.modal-body.modal-body {
  max-height: 430px !important;
}
/*
 *  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: 8px;
  padding-left: 16px;
}
.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-modal {
  width: 714px;
}
@media (min-height: 700px) {
  .build-mode-selector-modal .build-mode-selector-modal__body--build-single-computable {
    height: 400px !important;
  }
  .build-mode-selector-modal .build-mode-selector-modal__body--build-single-computable.partitionned {
    height: 410px;
  }
  .build-mode-selector-modal .build-mode-selector-modal__body--build-recursive-upstream {
    height: 480px;
  }
  .build-mode-selector-modal .build-mode-selector-modal__body--build-recursive-upstream.partitionned,
  .build-mode-selector-modal .build-mode-selector-modal__body--build-recursive-downstream.partitionned {
    height: 520px;
  }
  .build-mode-selector-modal .build-mode-selector-modal__body--build-recursive-downstream {
    height: 440px !important;
  }
  .build-mode-selector-modal .build-mode-selector-modal__body--run-from-recipe {
    height: 325px !important;
  }
}
@media (max-height: 700px) {
  .build-mode-selector-modal .build-mode-selector-modal__body--build-single-computable,
  .build-mode-selector-modal .build-mode-selector-modal__body--build-single-computable.partitionned,
  .build-mode-selector-modal .build-mode-selector-modal__body--build-recursive-upstream,
  .build-mode-selector-modal .build-mode-selector-modal__body--build-recursive-upstream.partitionned,
  .build-mode-selector-modal .build-mode-selector-modal__body--build-recursive-downstream,
  .build-mode-selector-modal .build-mode-selector-modal__body--build-recursive-downstream.partitionned {
    height: 400px !important;
  }
  .build-mode-selector-modal .build-mode-selector-modal__body--run-from-recipe {
    height: 275px !important;
  }
}
.build-mode-selector {
  padding: 0 16px;
}
.build-mode-selector > * {
  margin-block: 0 !important;
}
.build-mode-selector > * + * {
  margin-block-start: 16px !important;
}
.build-mode-selector .children-vertical-spacing-exception + * {
  margin-block-start: 0 !important;
}
.build-mode-selector .build-mode-selector__top-level-mode {
  display: flex;
  padding-bottom: 16px;
}
.build-mode-selector .build-mode-selector__top-level-mode .build-mode-selector__top-level-mode-btn {
  display: flex;
  flex: 1 1 0;
  height: 36px;
  justify-content: center;
  align-items: center;
  gap: 8px;
}
.build-mode-selector .build-mode-selector__top-level-mode .build-mode-selector__top-level-mode-btn--active {
  background-color: #e7f3ff;
  border: 1px solid #3b99fc;
}
.build-mode-selector .build-mode-selector__second-level-mode > * {
  display: flex;
  gap: 64px;
  justify-content: center;
  margin-left: 0 !important;
}
.build-mode-selector .build-mode-selector__options-separator {
  width: 200px;
  margin: auto;
}
.build-mode-selector .build-mode-selector__animation {
  text-align: center;
  margin-left: auto;
  margin-right: auto;
  display: block;
}
@media (max-height: 700px) {
  .build-mode-selector .build-mode-selector__animation {
    width: 75%;
  }
}
.build-mode-selector .extra-margin {
  padding: 0 40px;
}
.build-mode-selector .build-mode-selector__build-mode-explanation span {
  font-size: 14px;
  font-weight: 500;
}
.build-mode-selector .build-mode-selector__advanced-mode-link {
  font-size: 14px;
}
.build-mode-selector .control-group .controls .help-inline {
  font-size: 13px;
}
.build-mode-selector .control-group .controls .dku-icon-question-circle-fill-16 {
  color: #777;
  vertical-align: bottom;
}
.build-mode-selector__with-bottom-margin {
  margin-bottom: 16px;
}
.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%;
}
.editable-dataset-settings:not(.all-panes) .nav-tabs > li:not(:first-child):not(:last-child) {
  display: none;
}
.editable-dataset {
  display: flex;
  flex-direction: column;
  align-items: stretch;
}
.editable-dataset .toolbar {
  padding: 10px;
}
.editable-dataset .grid-size {
  margin-left: 10px;
}
.editable-dataset-spreadsheet-container {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: stretch;
  flex-grow: 1;
}
.editable-dataset-modal .tabs {
  margin: 0 !important;
  padding: 0 9px;
}
.editable-dataset-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-modal .tabs .tab:hover {
  text-decoration: none;
}
.editable-dataset-modal .tabs .tab:focus {
  outline: none;
}
.editable-dataset-modal .tabs .tab:before {
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: -1px;
  content: ' ';
  z-index: -1;
  height: 46px;
}
.editable-dataset-modal .tabs .tab.enabled {
  z-index: 3;
  font-weight: 500;
  position: relative;
}
.editable-dataset-modal .tabs .tab.enabled:before {
  border-bottom: 2px solid #666666;
}
.editable-dataset-modal .tabs .tab.enabled .tooltip {
  font-weight: 100;
}
.editable-dataset-modal .tabs .tab.enabled:not(.dku-fw500-width) {
  padding: 0 10px 1px;
}
.editable-dataset-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 */
}
.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 input.invalid-ignores-dirty.ng-invalid,
.invalid-ignores-dirty .notebook-creation-modal .dkuform input.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),
.notebook-creation-modal .dkuform .ng-select {
  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 .add-probe-button {
  padding: 10px 20px;
}
.metrics-checks-selection .dataset-metrics__top-bar-container {
  position: sticky;
  top: 0;
  padding: 10px 10px 10px 10px;
  margin-top: -10px;
  background: #ffffff;
  z-index: 1;
  margin-bottom: -1px;
  box-shadow: inset 0 -1px 0 #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 .aggregation .metric-toggle-label {
  display: inline-block;
  line-height: 16px;
  margin-top: 6px;
}
@media (max-width: 1120px) {
  .metrics-checks-selection .aggregations .aggregation .metric-toggle-label.metric-toggle-label--col_stats {
    max-width: 80px;
  }
}
.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 .w90 {
  position: relative;
  width: 90%;
  margin-left: 5%;
  margin-right: 5%;
}
.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: 3003;
  background: #ffffff;
  width: auto;
  max-width: 500px;
  height: auto;
  max-height: 300px;
  right: 0;
  flex-direction: column;
}
.last-metrics-run-results .preserve-eol {
  white-space: pre-wrap;
}
.metrics-plan {
  width: 300px;
  max-height: 200px;
  max-width: 500px;
  flex-direction: column;
}
.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;
}
.sql-mass-import-system-table-checkbox {
  margin-left: 16px;
  vertical-align: baseline;
  display: inline-block;
}
.sql-mass-import-system-table-checkbox__input {
  margin-top: -2px !important;
}
.sql-mass-import-system-table-checkbox__label {
  display: inline-block;
  user-select: none;
}
.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;
}
.catalog-sql-explorer-preview-modal {
  width: 80vw;
  height: 80vh;
  display: flex;
  flex-direction: column;
}
.catalog-sql-explorer-preview-modal .modal-body {
  flex-grow: 1;
  max-height: 100%;
}
.catalog-sql-explorer-preview-modal .modal-body .scroll {
  min-height: 100%;
}
.catalog-sql-explorer-preview-modal .modal-body .scroll .dataset-preview-table::before {
  display: none;
}
.upload-dataset-page .container-fluid.schema {
  padding: 0 24px 51.5px 24px;
}
.upload-dataset-page .container-fluid.format {
  padding: 0 24px 66.5px 24px;
}
.upload-dataset-page .droparea {
  max-height: 55vh;
  overflow: auto;
  padding: 16px;
}
.upload-dataset-page .droparea > .nested-template-container {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  flex-grow: 1;
}
.upload-dataset-page .droparea > .nested-template-container .upload-hook {
  align-self: center;
  position: relative;
}
.upload-dataset-page .droparea .files {
  padding: 0;
}
.upload-dataset-page .droparea .files .file {
  justify-content: space-between;
}
.upload-dataset-page .droparea .files .file .icon-file-alt {
  padding-left: 8px;
}
.upload-dataset-page .droparea .upload-hook {
  padding: 0;
}
.upload-dataset-page .generic-white-box {
  padding: 16px;
}
.upload-dataset-page .dkuform-horizontal .control-group:first-child {
  margin-top: 0;
}
.upload-dataset-page .dkuform-horizontal .control-group {
  margin-top: 8px;
  margin-bottom: 8px;
}
.upload-dataset-page .dkuform-horizontal .control-group:last-child {
  margin-bottom: 0;
}
.upload-dataset-page .dataset-preview {
  width: 100%;
}
.upload-dataset-page .dataset-preview > * {
  margin-block: 0 !important;
}
.upload-dataset-page .dataset-preview > * + * {
  margin-block-start: 8px !important;
}
.upload-dataset-page .dataset-preview .children-vertical-spacing-exception + * {
  margin-block-start: 0 !important;
}
.upload-dataset-page .dataset-preview-scroll {
  margin-bottom: 0;
}
.upload-dataset-page .dataset-preview-scroll .dataset-preview-table {
  min-width: 100%;
}
.upload-dataset-page .progress-validity .progress .bar.bar-success {
  background: linear-gradient(to bottom, #5bc0de, #339bb9);
}
.upload-dataset-page .tabbable,
.upload-dataset-page .tab-content,
.upload-dataset-page .tab-pane {
  height: 100%;
  box-sizing: border-box;
}
.upload-dataset-page__dataset {
  position: relative;
}
.dataset-plugin-promotion-banner {
  display: flex;
  align-items: center;
  justify-content: center;
  transition: 0.75s ease-in-out all;
  max-height: 200px;
  visibility: visible;
}
.dataset-plugin-promotion-banner--hidden {
  transition: 0.5s ease-in-out all;
  opacity: 0;
  visibility: hidden;
  display: flex !important;
  max-height: 0;
}
.dataset-plugin-promotion-banner__excel-banner {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  width: fit-content;
  margin-bottom: 0;
}
.dataset-plugin-promotion-banner__excel-banner a {
  text-decoration: underline;
  font-weight: bold;
}
.dataset-plugin-promotion-banner__excel-banner a i {
  text-decoration: none;
}
.dataset-plugin-promotion-banner__excel-banner__message {
  margin: 8px;
}
.dataset-plugin-promotion-banner__excel-banner__actions {
  display: flex;
  align-items: center;
  cursor: pointer;
}
.dataset-plugin-promotion-banner__excel-banner__actions button {
  all: unset;
  text-decoration: underline;
}
#fs-test-advanced-options__file {
  width: 300px;
}
.dataset-format-params-multi-col {
  display: flex;
  flex-wrap: wrap;
  row-gap: 16px;
  gap: 16px;
}
.dataset-format-params-left-col {
  min-width: 400px;
  max-width: 450px;
}
.dataset-format-params-col-expanding {
  flex-grow: 1;
}
.dkuform-horizontal .dataset-format-params-left-col-filesinfolder #fs-test-advanced-options__file {
  width: 240px;
}
.dkuform-horizontal .dataset-format-params-left-col-filesinfolder {
  flex-basis: 480px;
  min-width: 480px;
  max-width: 500px;
}
.dkuform-horizontal .dataset-format-params-left-col-filesinfolder .control-group.dataset-format__file-rules-form-control-group {
  display: flex;
  flex-direction: column;
}
.dkuform-horizontal .dataset-format-params-left-col-filesinfolder .dataset-format__file-rules-form-controls {
  margin-left: 0px;
}
.dkuform-horizontal .dataset-format-params-left-col-filesinfolder .editable-list__items {
  max-height: 30vh;
  overflow: scroll;
}
.dataset-format-params-right-col-filesinfolder {
  flex-basis: 450px;
  flex-grow: 1;
  min-width: 450px;
}
.dataset-format-params-right-col-filesinfolder .summary-row {
  background-color: white;
}
.dataset-format-params-right-col-filesinfolder .summary-row .mass-actions {
  padding-right: 8px;
}
.dataset-format-params-right-col-filesinfolder .summary-row .std-list-search-box {
  min-width: 200px;
  max-width: 300px;
}
.dataset-format-params-right-col-filesinfolder .summary-row .horizontal-flex {
  gap: 8px;
}
.dataset-format-params-right-col-filesinfolder .summary-row .std-list-search-box .add-on {
  margin-left: auto;
}
.dataset-format-params-right-col-filesinfolder .fattable-body-container .fattable-viewport .list-item .dataset-format-item-datablock {
  padding: 0px 0px 0px 16px;
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  gap: 8px;
}
.dataset-format-params-right-col-filesinfolder .fattable-body-container .fattable-viewport .list-item .dataset-format-item-datablock label.dataset-format-list-item-label {
  width: auto;
  float: none;
  margin: 0px;
  padding: 0px;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.dataset-format-params-right-col-filesinfolder .fattable-body-container .fattable-viewport .list-item .dataset-format-item-datablock label.dataset-format-list-item-label checkbox {
  margin: auto;
}
.dataset-format-params-right-col-filesinfolder .fattable-body-container .fattable-viewport .list-item .dataset-format-item-datablock .dataset-format-list-item-content-block {
  padding: 12px 0px 0px 0px;
  overflow: hidden;
}
.dataset-format-params-right-col-filesinfolder .fattable-body-container .fattable-viewport .list-item .dataset-format-item-datablock .dataset-format-hit-content-main__title {
  padding-bottom: 8px;
  font-weight: bold !important;
  font-family: 'SourceSansPro';
  font-weight: 400;
  font-size: 14px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  line-height: 18px;
  margin: 0;
}
.dataset-format-params-right-col-filesinfolder .filesinfolder-empty-alert-info {
  display: flex;
  flex-direction: row;
  justify-content: center;
  gap: 8px;
  margin: 0 auto 0 auto;
}
.dataset-format-params-right-col-filesinfolder .repeated-dataset-alert-info .alert-info {
  background: #3b99fc;
  color: #ffffff;
  margin: 0;
  padding: 8px;
}
.dataset-format-params-right-col-filesinfolder .repeated-dataset-alert-info .alert-info .btn-link {
  color: #ffffff;
}
.main-panel--reduced .dataset-format-params-right-col-filesinfolder .main-panel__movable-element--using-padding {
  padding-right: 0px !important;
}
.dataset-format-params-file-list-v2-container {
  position: relative;
}
.dataset-format-params-section-header {
  margin-bottom: 8px;
}
.dataset-format-params-section-title {
  font-weight: bold;
}
.dataset-format-params-section-description {
  font-style: italic;
  font-size: 0.8em;
}
.dataset-source-list-scrolling {
  max-height: 160px;
  overflow: auto;
}
.dkuform-horizontal .excel-sheets__plain-list {
  overflow-y: auto;
  max-height: 200px;
  width: 220px;
  margin-left: 8px;
  list-style-type: none;
  font-size: 12px;
}
.dkuform-horizontal .excel-sheets__checkbox-list {
  overflow-y: auto;
  max-height: 240px;
  width: 220px;
  margin-left: 8px;
  list-style-type: none;
  font-size: 12px;
}
.dkuform-horizontal .excel-sheets__checkbox-list input[type=checkbox] {
  margin: 0px 2px 0px 0;
  vertical-align: -13%;
}
.dkuform-horizontal .excel-sheets__minor-title {
  font-size: 12px;
}
.dkuform-horizontal .excel-sheets-selection__form-row--flex {
  display: flex;
  flex-wrap: wrap;
}
.dataset__data-quality-panel-container {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}
.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;
  margin-bottom: 0px;
  padding: 2px 6px;
}
.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-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 {
  line-height: 1;
}
.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;
}
.webapp-creation-modal__search-box input:focus {
  box-shadow: none;
  border: 1px solid #3b99fc;
}
.webapp-creation-modal__footer-info {
  font-size: 12px;
  font-weight: 400;
  text-align: left;
}
.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;
  line-height: normal;
}
.code-studio__state-indicator {
  height: 48px;
  margin: 0 16px 0 8px;
  line-height: 50px;
  font-family: 'SourceSansPro';
  font-weight: 500;
  font-size: 12px;
}
.code-studio__state-indicator.RUNNING,
.code-studio__state-indicator.STARTING {
  color: #46a546;
}
.code-studio__state-indicator.STOPPING,
.code-studio__state-indicator.STOPPED {
  color: #9d261d;
}
.code-studio__grouped-dropdown-button button {
  margin-left: -1px !important;
}
.code-studio__grouped-dropdown-button ul {
  width: max-content;
}
.code-studio__grouped-dropdown-button ul li {
  font-family: 'SourceSansPro';
  font-weight: 400;
  font-size: 13px;
  cursor: pointer;
  text-align: left;
  padding: 2px 8px;
}
.code-studio__grouped-dropdown-button ul li.code-studio__sync-log {
  color: #666666;
  padding-bottom: 8px;
  white-space: initial;
  line-height: initial;
  font-family: 'SourceSansPro';
  font-weight: 400;
  font-size: 13px;
}
.code-studio__checkbox-option input {
  margin: 0 8px 0 0;
}
.code-studio__menu-flex {
  flex: 0 0 auto;
}
.code-studio__actions-bar {
  padding: 4px;
  margin-left: 16px;
}
.code-studio__otherlink-a {
  font-size: 13px;
  line-height: 48px;
}
.code-studio__otherlink-a:hover {
  text-decoration: none;
}
.code-studio__iframe-wrapper {
  position: relative;
}
.code-studio__iframe-wrapper iframe {
  position: fixed;
  width: calc(100% - 40px);
  height: calc(100% - 136px);
}
.code-studio__iframe-wrapper.without-tabs iframe {
  height: calc(100% - 90px);
}
.code-studio__iframe__hidden {
  position: absolute;
  top: -1000vh;
  width: 100vw;
  height: 100vh;
}
.code-studio__iframe-cta {
  text-align: center;
  color: #666666;
}
.code-studio__iframe-cta > div {
  max-width: 100%;
}
.code-studio__iframe-cta h1 {
  font-weight: 400;
  margin-top: 0;
  margin-bottom: 28px;
  font-size: 32px;
}
.code-studio__iframe-cta p {
  font-weight: 400;
  font-size: 22px;
  line-height: 28px;
  margin-bottom: 20px;
}
.code-studio__iframe-cta p.small {
  font-weight: 400;
  font-size: 17px;
  margin-bottom: 20px;
}
.code-studio__iframe-cta h4 {
  font-weight: 400;
}
.code-studio__button__primary {
  color: #ffffff;
  background-color: #f28c38;
}
.code-studio__button__primary:hover {
  color: #ffffff;
  background-color: rgba(242, 140, 56, 0.9);
}
.code-studio__info-wrapper {
  position: relative;
}
.code-studio__kubectl-describe {
  font-size: 10px;
  line-height: 1.1;
  position: relative;
}
.code-studio__current-path {
  position: relative;
}
.code-studio__file-zone {
  border-top: 1px solid #dddddd;
}
.code-studio__file-path-selector {
  font-family: 'SourceSansPro';
  font-weight: 400;
  font-size: 16px;
  line-height: 24px;
  padding: 4px;
  margin: 0;
}
.code-studio__file-path-chunks {
  padding: 3px 0;
}
.code-studio__file-path-chunk {
  padding: 0 4px;
  color: #222222;
}
.code-studio__file-path-chunk:first-child {
  padding-left: 0;
}
.code-studio__file-path-chunk:hover {
  color: #666666;
}
.code-studio__file-path-edit-handle {
  padding: 0 4px;
  color: #222222;
}
.code-studio__file-path-edit-handle:hover {
  background: #f2f2f2;
}
.code-studio__file-path-edit-field.code-studio__file-path-edit-field.code-studio__file-path-edit-field {
  margin: 0;
}
.code-studio__file-path-separator {
  padding-left: 8px;
  color: #222222;
}
.code-studio__file-list {
  width: 400px;
}
.code-studio__file-list-item {
  color: #222222;
  cursor: pointer;
}
.code-studio__file-list-item-icon {
  padding-left: 10px;
  width: 20px;
}
.code-studio__file-list-item-name {
  padding-left: 10px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.code-studio__file-list-item-size {
  padding-left: 10px;
  width: 60px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.code-studio__file-list-item-date {
  padding-left: 10px;
  width: 120px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.code-studio__file-preview {
  border-left: 1px solid #dddddd;
  padding: 10px;
}
.code-studio__file-preview-header {
  padding: 4px 0;
}
.code-studio__file-preview-text-content {
  font-size: 10px;
  line-height: 1.1;
}
.code-studio__file-preview-overlay {
  background: #ffffff;
  opacity: 0.7;
}
.code-studio__command-stdout-stderr {
  line-height: 1.1;
  font-size: 10px;
  max-height: 60vh;
  white-space: pre;
}
.code-studio-template__nav-bar {
  align-items: center;
}
.code-studio-template__nav-bar > div {
  margin: 0 8px;
}
.code-studio-template__nav-bar h2 {
  margin: 0;
}
.code-studio-template__nav-bar li {
  cursor: pointer;
}
.code-studio-template__nav-bar .code-studio__grouped-dropdown-button ul {
  width: 240px;
}
.code-studio-template__nav-bar .code-studio__grouped-dropdown-button ul li {
  cursor: pointer;
}
.block-template__icon-input > input {
  width: 180px !important;
}
.block-template__icon-input > i {
  width: 25px;
  border-right: 1px solid #cccccc;
  border-top: 1px solid #cccccc;
  border-bottom: 1px solid #cccccc;
  vertical-align: middle;
  line-height: 24px;
  height: 24px;
  display: inline-block;
  text-align: center;
}
.code-studio-template__tab-content {
  padding: 0;
  margin: 10px !important;
}
.code-studio-template__boxed-pane {
  box-sizing: border-box;
  background: #ffffff;
  box-shadow: 0px 0px 2px 1px rgba(34, 34, 34, 0.15);
}
.code-studio-template__section {
  margin: 16px 16px 0 16px;
  padding: 0;
  border-bottom: 1px solid #dddddd;
  /* no separation line on last section */
}
.code-studio-template__section:nth-last-of-type(1),
.code-studio-template__section.no-border {
  border-bottom: none;
}
.code-studio-template__section table .started {
  color: #4caf50;
}
.code-studio-template__title {
  font-size: 19px;
  line-height: 35px;
  font-weight: 500;
  color: #222222;
  margin-top: 0;
}
.code-studio-template__handle {
  display: flex;
  align-items: center;
  font-size: 16px;
  margin: 0 8px 0 8px;
  color: #666666;
}
.code-studio-template__handle:not(.locked) {
  cursor: ns-resize;
  font-size: 19px;
}
.code-studio-template__handle:not(.locked):hover {
  background-color: #f2f2f2;
}
.code-studio-template__block-header {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: space-between;
  align-items: flex-start;
  cursor: default;
  margin: 8px 0;
}
.code-studio-template__block-header .code-studio-template__block-header__foldable {
  cursor: pointer;
}
.code-studio-template__block-title {
  font-size: 19px;
  font-weight: 500;
  color: #222222;
  margin: 0;
  line-height: 0;
}
.code-studio-template__block-subtitle {
  font-size: small;
  color: #999999;
}
.code-studio-template__block-body {
  margin-top: 16px;
}
.code-studio-template--selectable-items-list {
  list-style: none;
  margin: 0;
  height: 50vh;
  max-height: 50vh;
  overflow-y: auto;
}
.code-studio-template--selectable-items-list .code-studio-template--selectable-item {
  border: 1px solid #dddddd;
  padding: 5px;
  margin: 8px 10px;
  display: grid;
  grid-template-columns: 32px 1fr;
  grid-template-rows: auto auto;
  gap: 0px 0px;
  grid-template-areas: "icon title" "icon desc";
  align-items: center;
}
.code-studio-template--selectable-items-list .code-studio-template--selectable-item:not(.selectable):not(.hoverable) {
  color: #cccccc;
}
.code-studio-template--selectable-items-list .code-studio-template--selectable-item:not(.selectable):not(.hoverable) img {
  opacity: .25;
}
.code-studio-template--selectable-items-list .code-studio-template--selectable-item.selectable:hover {
  cursor: pointer;
  background-color: #f2f2f2;
}
.code-studio-template--selectable-items-list .code-studio-template--selectable-item.selected,
.code-studio-template--selectable-items-list .code-studio-template--selectable-item.selected:hover {
  border-color: #3b99fc;
  background-color: #ffffff;
}
.code-studio-template--selectable-items-list .code-studio-template--selectable-item i:not(.universe-color):not(.icon-trash):not([class*="dku-icon-trash-"]):not(.illustration):not('.selector-item__icon--has-color') {
  color: #666666;
}
.code-studio-template--selectable-items-list .code-studio-template--selectable-item .selection-indicator {
  display: inline-block;
  width: 20px;
  max-height: 20px;
  text-align: center;
}
.code-studio-template--selectable-items-list .code-studio-template--selectable-item .selection-indicator i {
  color: #3b99fc;
}
.code-studio-template--selectable-items-list .code-studio-template--selectable-item .selectable-item__icon {
  display: inline-block;
  width: 20px;
  text-align: center;
  color: #cccccc;
}
.code-studio-template--selectable-items-list .code-studio-template--selectable-item .selectable-item__title {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  color: #222222;
  font-weight: 500;
  max-width: 90%;
}
.code-studio-template--selectable-items-list .code-studio-template--selectable-item .selectable-item__description {
  font-weight: 400;
}
.code-studio-template--selectable-items-list .code-studio-template--selectable-item .code-studio-template--block-type-icon {
  grid-area: icon;
  text-align: center;
}
.code-studio-template--selectable-items-list .code-studio-template--selectable-item .code-studio-template--block-type-name {
  grid-area: title;
  color: #222222;
  font-weight: 500;
}
.code-studio-template--selectable-items-list .code-studio-template--selectable-item .code-studio-template--block-type-name .code-studio-template--block-type-advanced {
  color: #666666;
  font-size: smaller;
}
.code-studio-template--selectable-items-list .code-studio-template--selectable-item .code-studio-template--block-type-desc {
  grid-area: desc;
  color: #666666;
}
.code-studio-template--selectable-items-list .code-studio-template--selectable-item.disabled .code-studio-template--block-type-name {
  color: #666666;
}
.code-studio-template .git-log {
  margin: 0 20px;
}
.code-studio-template .title .object-breadcrumb__link {
  white-space: nowrap;
}
.code-studio-template .dkuform-horizontal .control-group .controls .form-element__object-list ul {
  margin: 0 0 10px 0;
}
.code-studio-template .dkuform-horizontal .control-group .controls .form-element__object-list ul li {
  margin: 0;
  padding: 4px;
  border: 1px solid transparent;
  border-bottom: 1px solid #dddddd;
}
.code-studio-template .dkuform-horizontal .control-group .controls .form-element__object-list ul li:not(:first-child) {
  margin-top: -1px;
}
.code-studio-template .dkuform-horizontal .control-group .controls .form-element__object-list ul li h4 {
  margin-top: 0;
}
.code-studio-template .dkuform-horizontal .control-group .controls .form-element__object-list ul li div.flex:has(+ div.noflex>button.btn--trash:hover) {
  opacity: 0.3;
}
td.code-studio-template--last-image {
  text-align: center;
  color: #4caf50;
}
td.code-studio-template--last-image .outdated {
  color: #ce1228;
}
.code-studio-template__block-search {
  margin: 0 10px 16px 10px;
}
.code-studio-template__block-search input[type=text] {
  width: 150px;
}
.code-studio-creation__type-search {
  margin-bottom: 8px;
}
.code-studio-creation__type-search input[type=search] {
  width: 150px;
}
.code-studio-creation__type-list {
  margin: 0 -10px;
  overflow: hidden auto;
  height: 300px;
}
.code-studio-creation__type-list .selectable-item__description {
  max-width: 90%;
  word-break: break-word;
  text-overflow: ellipsis;
  overflow: hidden;
  max-height: 76px;
  position: relative;
}
.code-studio-creation__type-list .selectable-item__description:before {
  content: '';
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  background: linear-gradient(transparent 60px, #ffffff);
}
.code-studio-creation__type-list .selectable-item__description:hover {
  max-height: none;
}
.code-studio-creation__type-list .selectable-item__description:hover:before {
  background: none;
}
.code-studio-creation__type-list .selectable-item__description p {
  margin: 0;
}
.code-studio-creation__type-selected-name {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  color: #222222;
  font-weight: 500;
}
.code-studio-creation__small-empty-text {
  text-align: center;
  padding: 0 0 20px 0;
}
.code-studio-creation__small-empty-text h1 {
  font-weight: 400;
  font-size: 22px;
}
.code-studio-creation__small-empty-text p {
  font-weight: 400;
  font-size: 18px;
}
.code-studio__otherlinks-flex {
  flex: 1 0 auto;
  text-align: right;
}
.list-page-code-studios__separator__left {
  margin-left: 4px;
}
.list-page-code-studios__separator__left:before {
  content: '|';
}
.code-studio__outdated-view {
  display: flex;
  align-self: center;
  align-items: center;
  margin: 0 8px;
  color: #bbbbbb;
}
.code-studio-template__shortDesc,
.code-studio-template__description {
  font-size: 14px;
  font-weight: 400;
  color: #666666;
  word-break: break-word;
}
.code-studio-template__shortDesc--editing,
.code-studio-template__description--editing {
  font-size: 14px;
  font-weight: 400;
  color: #666666;
}
.code-studio-template__shortDesc--editing > textarea,
.code-studio-template__description--editing > textarea {
  resize: vertical;
  width: 75%;
  min-height: 100px;
}
.code-studio-template__editable > div:not(.code-studio-template__field-edit),
.code-studio-template__editable > span:not(.code-studio-template__field-edit) {
  display: inline-block;
  max-width: 85%;
  margin-right: 10px;
}
.code-studio-template__editable > div.code-studio-template__field-edit,
.code-studio-template__editable > span.code-studio-template__field-edit {
  display: inline-block;
  opacity: 0;
}
.code-studio-template__editable:hover > div.code-studio-template__field-edit,
.code-studio-template__editable:hover > span.code-studio-template__field-edit {
  opacity: 0.5;
}
.code-studio-template__field-edit {
  cursor: pointer;
  font-size: 16px;
}
.code-studio-template__variable {
  font-family: Monaco;
  color: #31708f;
  font-size: smaller;
}
.list-page-code-studios__code-studio-item .hit-content-main {
  flex: 2;
}
.list-page-code-studios__code-studio-item .hit-content__tags {
  flex: 1;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.list-page-code-studios__code-studio-item .hit-content__actions {
  flex: 0;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.code-envs__nav-bar {
  align-items: center;
}
.code-envs__nav-bar .title {
  margin: 0 8px;
}
.code-envs__nav-bar h2 {
  margin: 0 8px;
}
.code-envs__nav-bar .tabs {
  margin-left: 25px;
}
.code-envs__tab-content {
  position: relative;
  margin: 10px;
  height: 100%;
  box-sizing: border-box;
}
.code-envs__boxed-pane {
  background: #ffffff;
  box-shadow: 0px 0px 2px 1px rgba(34, 34, 34, 0.15);
}
.code-envs__boxed-pane .section {
  margin: 16px 16px 0 16px;
  padding-bottom: 8px;
  border-bottom: 1px solid #dddddd;
}
.code-envs__boxed-pane .section:nth-last-of-type(1),
.code-envs__boxed-pane .section.no-border {
  border-bottom: none;
}
.code-envs__section-title {
  font-size: 19px;
  line-height: 35px;
  font-weight: 500;
  color: #222222;
  margin-top: 0;
}
/* CODE STUDIO STANDALONE STYLESHEET */
.code-studio-standalone {
  width: 100%;
  height: 100%;
  overflow: hidden;
  display: grid;
  grid-template-columns: 1fr;
  grid-template-rows: 32px 1fr;
  grid-template-areas: "toolbar" "iframe";
  grid-column-gap: 0px;
  grid-row-gap: 0px;
}
.code-studio-standalone iframe {
  grid-area: iframe;
  width: 100%;
  height: 100%;
  border: none;
}
.code-studio-standalone i[class^="icon-"] {
  margin-right: 4px;
}
.code-studio-standalone #code-studio-standalone-toolbar {
  grid-area: toolbar;
  display: grid;
  /*horizontal layout by default*/
  grid-template-columns: 32px auto 1fr auto;
  grid-template-rows: 1fr;
  grid-template-areas: "toolbar-icon toolbar-label toolbar-info toolbar-button";
  width: auto;
  height: auto;
  cursor: grab;
  background-color: #ffffff;
  -moz-user-select: none;
}
.code-studio-standalone .code-studio-standalone__logo {
  grid-area: toolbar-icon;
  font-size: 24px;
  padding: 4px;
}
.code-studio-standalone .code-studio-standalone__name {
  grid-area: toolbar-label;
  font-size: 19px;
  font-weight: 400;
  color: #222222;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  padding: 0;
  margin: 0 4px;
  display: flex;
  align-items: center;
}
.code-studio-standalone .code-studio-standalone__info {
  grid-area: toolbar-info;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  padding: 0;
  margin: 0 4px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: smaller;
  color: #bbbbbb;
}
.code-studio-standalone .code-studio-standalone__toolbar-buttons {
  grid-area: toolbar-button;
  margin: 0 4px 0 0;
  display: flex;
  align-items: center;
}
.code-studio-standalone .code-studio-standalone__toolbar-buttons button {
  margin: 0 0 0 8px;
}
.code-studio-standalone #dropzone {
  z-index: 9001;
  display: none;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  cursor: grabbing;
}
.code-studio-standalone #overlay-panel {
  z-index: 9999;
  opacity: 0.9;
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAYAAAAGCAYAAADgzO9IAAAAIUlEQVQIW2N0cnL6z4AFMIIk9u3bxwCkUaTBEjh1UEcCAOSYDaWj4yAHAAAAAElFTkSuQmCC) repeat;
  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;
}
.code-studio-standalone #overlay-panel i {
  margin-right: 16px;
}
.code-studio-standalone .modal-container {
  z-index: 9002;
}
.code-studio-standalone.toolbar-bottom {
  grid-template-columns: 1fr;
  grid-template-rows: 1fr 32px;
  grid-template-areas: "iframe" "toolbar";
}
.code-studio-standalone.toolbar-left {
  grid-template-columns: 32px 1fr;
  grid-template-rows: 1fr;
  grid-template-areas: "toolbar iframe";
}
.code-studio-standalone.toolbar-right {
  grid-template-columns: 1fr 32px;
  grid-template-rows: 1fr;
  grid-template-areas: "iframe toolbar";
}
.code-studio-standalone.toolbar-free #code-studio-standalone-toolbar,
.code-studio-standalone.toolbar-left #code-studio-standalone-toolbar,
.code-studio-standalone.toolbar-right #code-studio-standalone-toolbar {
  /* vertical layout */
  grid-template-rows: 32px auto 1fr auto;
  grid-template-columns: 1fr;
  grid-template-areas: "toolbar-icon" "toolbar-button" "toolbar-info" "toolbar-label";
  justify-items: center;
}
.code-studio-standalone.toolbar-free .code-studio-standalone__info,
.code-studio-standalone.toolbar-left .code-studio-standalone__info,
.code-studio-standalone.toolbar-right .code-studio-standalone__info,
.code-studio-standalone.toolbar-free .code-studio-standalone__name,
.code-studio-standalone.toolbar-left .code-studio-standalone__name,
.code-studio-standalone.toolbar-right .code-studio-standalone__name {
  text-align: right;
  writing-mode: vertical-lr;
  color: #999999;
  margin: 8px 0;
}
.code-studio-standalone.toolbar-free .code-studio-standalone__toolbar-buttons,
.code-studio-standalone.toolbar-left .code-studio-standalone__toolbar-buttons,
.code-studio-standalone.toolbar-right .code-studio-standalone__toolbar-buttons {
  flex-direction: column;
  align-items: inherit;
  margin: 0 0 4px 0;
}
.code-studio-standalone.toolbar-free .code-studio-standalone__toolbar-buttons button,
.code-studio-standalone.toolbar-left .code-studio-standalone__toolbar-buttons button,
.code-studio-standalone.toolbar-right .code-studio-standalone__toolbar-buttons button {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 4px;
  height: fit-content;
  margin: 4px 0 0 0;
}
.code-studio-standalone.toolbar-free .code-studio-standalone__toolbar-buttons button i,
.code-studio-standalone.toolbar-left .code-studio-standalone__toolbar-buttons button i,
.code-studio-standalone.toolbar-right .code-studio-standalone__toolbar-buttons button i {
  margin: 0;
}
.code-studio-standalone.toolbar-free .code-studio-standalone__toolbar-buttons button span,
.code-studio-standalone.toolbar-left .code-studio-standalone__toolbar-buttons button span,
.code-studio-standalone.toolbar-right .code-studio-standalone__toolbar-buttons button span {
  display: none;
}
.code-studio-standalone.toolbar-free {
  display: block;
}
.code-studio-standalone.toolbar-free iframe {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
}
.code-studio-standalone.toolbar-free #code-studio-standalone-toolbar {
  grid-template-rows: 32px auto;
  grid-template-areas: "toolbar-icon" "toolbar-button";
  position: absolute;
  z-index: 9000;
}
.code-studio-standalone.toolbar-free .code-studio-standalone__info,
.code-studio-standalone.toolbar-free .code-studio-standalone__name {
  display: none;
}
.pivot-chart,
.pivot-charts,
.pivot-chart .chart-wrapper,
.pivot-charts .chart-wrapper {
  font-family: var(--visualization-font-family), 'SourceSansPro';
}
.chart-insight-no-theme .pivot-chart,
.chart-insight-no-theme .pivot-charts,
.chart-insight-no-theme .pivot-chart .chart-wrapper,
.chart-insight-no-theme .pivot-charts .chart-wrapper {
  font-family: 'SourceSansPro' !important;
}
.blur-filter-actions {
  pointer-events: none;
  opacity: 0.5;
}
.chart-options-thumbnail-menu {
  position: absolute;
  top: 0;
  right: 2px;
  line-height: 25px;
}
.chart-type-icon-paste-modal {
  width: 40px;
  height: auto;
  font-size: 21px;
  color: #26addb;
  display: flex;
  justify-content: 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;
}
.chart-tooltip-submenu .chart-tooltip-submenu__toggle {
  margin: auto 0;
}
.chart-tooltip-submenu .chart-tooltip-submenu__toggle .dku-toggle.dku-toggle input:checked + *:before {
  background-color: #666666;
}
.chart-tooltip-submenu .chart-tooltip-submenu__toggle .dku-toggle.dku-toggle:hover input:checked + *:before {
  background-color: #444444;
}
.svg-tooltip.pivot-chart-tooltip {
  opacity: 1;
  font-size: 13px;
  padding: 0;
  padding-top: 8px;
  font-family: 'SourceSansPro';
}
.svg-tooltip.pivot-chart-tooltip:not(.persistent) {
  pointer-events: none;
}
.svg-tooltip.pivot-chart-tooltip table td:nth-child(4) i {
  cursor: pointer;
  color: #666666;
}
.svg-tooltip.pivot-chart-tooltip table td:nth-child(4) i:hover {
  color: #222222;
}
.svg-tooltip.pivot-chart-tooltip table td:nth-child(4) i.icon-level-down {
  font-size: 15px;
}
.svg-tooltip.pivot-chart-tooltip table td:nth-child(4) i:last-child {
  padding-right: 4px;
}
.svg-tooltip.pivot-chart-tooltip .click-cta {
  text-align: center;
  color: #bbbbbb;
}
.svg-tooltip.pivot-chart-tooltip .chart-tooltip__filter-nd {
  background: #f2f2f2;
  height: 18px;
}
.svg-tooltip.pivot-chart-tooltip .chart-tooltip__filter-nd div {
  cursor: pointer;
  color: #333333;
}
.svg-tooltip.pivot-chart-tooltip .chart-tooltip__filter-nd-exclude {
  right: 8px;
  position: absolute;
}
.svg-tooltip.pivot-chart-tooltip .chart-tooltip__filter-nd-include-only {
  left: 8px;
  position: absolute;
}
.svg-tooltip.pivot-chart-tooltip .click-cta,
.svg-tooltip.pivot-chart-tooltip .chart-tooltip__filter-nd {
  margin-top: 4px;
  padding: 4px 8px 4px 4px;
}
#dku-contextual-menu.chart-contextual-menu {
  z-index: 100000;
}
#dku-contextual-menu.chart-contextual-menu .nav > li > a:hover,
#dku-contextual-menu.chart-contextual-menu .nav > li > a:focus {
  background-color: transparent;
}
.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;
}
.available-measures {
  box-sizing: border-box;
  overflow-y: auto;
  font-size: 0.85em;
}
.available-measures .std-list-search-box {
  background: #f2f2f2;
  position: fixed;
  margin: 0 16px;
  padding: 8px 0;
  z-index: 2;
}
.available-measures .std-list-search-box .search-icon {
  top: 11px;
}
.available-measures ul {
  margin: 30px 0 0 0;
  padding: 8px 16px;
}
.available-measures ul li {
  list-style: none;
  font-size: 12px;
}
.available-measures ul li i {
  width: 20px;
  text-align: center;
  display: inline-block;
  line-height: 16px;
  vertical-align: middle;
}
.available-measures .type-icon {
  margin-right: 4px;
  flex: 0 0 auto;
}
.available-measures .chart-entity {
  flex: 1;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.available-measures .dataset-column-edit-button {
  flex: 0 0 auto;
  position: relative;
  border-radius: 0px 2px 2px 0px !important;
}
.available-measures .dataset-column-edit-button i {
  margin-bottom: 2px;
}
.available-measures .custom-measures-list {
  margin-top: 0;
  padding-top: 0;
}
.available-measures .custom-measures-list .measure:hover:before {
  content: '' !important;
}
.available-measures .measure {
  display: flex;
  position: relative;
  color: #666666;
  margin: 5px 0;
  padding: 3px 0 3px 3px;
  background: #ffffff;
  border-radius: 2px;
  cursor: move;
  align-items: center;
  height: 20px;
}
.available-measures .measure:not(.measure--unusable):hover,
.available-measures .measure:not(.measure--unusable):active {
  text-decoration: none;
}
.available-measures .measure:not(.measure--unusable):hover:not([data-type='NUMERICAL']):not([data-type='RBND']):before,
.available-measures .measure:not(.measure--unusable):active:not([data-type='NUMERICAL']):not([data-type='RBND']):before {
  font-family: FontAwesome;
  content: '\f047';
  color: #dddddd;
  position: absolute;
  right: 10px;
  top: 5px;
}
.available-measures .measure:not(.measure--unusable)[data-type='NUMERICAL']:hover,
.available-measures .measure:not(.measure--unusable)[data-type='RBND']:hover,
.available-measures .measure:not(.measure--unusable)[data-type='NUMERICAL'] .type-icon,
.available-measures .measure:not(.measure--unusable)[data-type='RBND'] .type-icon {
  color: #3075ae;
}
.available-measures .measure:not(.measure--unusable)[data-type='ALPHANUM']:hover,
.available-measures .measure:not(.measure--unusable)[data-type='ALPHANUM'] .type-icon {
  color: #ffc241;
}
.available-measures .measure:not(.measure--unusable)[data-type='DATE']:hover,
.available-measures .measure:not(.measure--unusable)[data-type='GEOPOINT']:hover:hover,
.available-measures .measure:not(.measure--unusable)[data-type='GEOMETRY']:hover,
.available-measures .measure:not(.measure--unusable)[data-type='DATE'] .type-icon,
.available-measures .measure:not(.measure--unusable)[data-type='GEOPOINT']:hover .type-icon,
.available-measures .measure:not(.measure--unusable)[data-type='GEOMETRY'] .type-icon {
  color: #4f934f;
}
.available-measures .measure.measure--unusable {
  background-color: #f9e3e5;
}
.available-measures .rbnd-wrapper {
  position: relative;
  margin-left: 16px;
}
.available-measures .rbnd-wrapper::before {
  content: "";
  position: absolute;
  top: -8px;
  left: -13px;
  width: 9px;
  height: 42px;
  border-left: 1px solid #b0b0b0;
  border-bottom: 1px solid #b0b0b0;
  transform: translateY(-50%);
}
.available-measures .rbnd-wrapper:first-child::before {
  height: 14px;
  top: 6px;
}
.available-measures .rbnd-zone {
  margin-left: 8px;
  position: relative;
}
.custom-measure-badge-formula {
  display: inline-flex;
  align-items: center;
  background: white;
  margin-left: 8px;
  border-radius: 40px;
  padding-left: 8px;
  padding-right: 8px;
  border: 2px solid;
}
.custom-measure-badge-formula span {
  margin-left: 4px;
}
.custom-measure-numerical-badge {
  color: #3075ae;
}
.custom-measure-alphanumerical-badge {
  color: #ffc241;
}
.custom-measure-date-badge {
  color: #4f934f;
}
.btn--create-custom-measure {
  display: flex;
  justify-content: center;
}
.add-measure {
  display: flex;
  justify-content: center;
  align-items: center;
  min-height: 42px;
  padding: 0 16px;
}
.chart-dataset-edition-menu {
  min-width: 100px !important;
}
.rbnd-edition__values {
  display: flex;
  margin-top: 16px;
}
.rbnd-edition__values .editable-list__input-group .mat-form-field-appearance-legacy .mat-form-field-infix {
  width: unset;
}
.values-list-container {
  width: 135px;
}
.rbnd-edition .modal-body {
  min-height: 300px;
  height: 300px;
}
.rbnd-edition .modal-body.edit-mode {
  min-height: 350px;
  height: 350px;
  overflow: hidden;
}
.rbnd-edition .dkuform-chart-options {
  width: 400px;
}
.rbnd-edition .edit-mode-section {
  padding-left: 8px;
  height: 45px;
}
.rbnd-edition .chart-config-wrapper {
  display: flex;
  height: 295px;
}
.rbnd-edition .chart-container {
  width: 420px;
  padding: 8px;
}
.rbnd-edition .toggle-apply-binning {
  margin-top: 2px;
}
.rbnd-edition .chart-placeholder {
  background: #f9f9f9;
  color: #666666;
  width: 410px;
  height: 285px;
  position: absolute;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  text-align: center;
  border: 1px solid #d3d3d3;
}
.rbnd-edition .chart-placeholder.error {
  height: 245px;
  margin-top: 20px;
}
.rbnd-edition .chart-placeholder-text {
  white-space: break-spaces;
}
.rbnd-edition .config-container {
  padding: 16px 16px 0px;
  border-left: 1px solid #dddddd;
  overflow: hidden auto;
}
.rbnd-edition .custom-binning {
  display: flex;
  justify-content: space-between;
  margin-top: 16px;
}
.rbnd-edition .bin-intervals {
  width: 195px;
  display: inline-flex;
  flex-wrap: wrap;
  align-content: flex-start;
  margin-right: 8px;
  margin-top: -4px;
}
.rbnd-edition .bin-box {
  background: white;
  color: black;
  width: fit-content;
  padding-left: 8px;
  padding-right: 8px;
  border-radius: 16px;
  margin: 4px;
  border: 1px solid grey;
}
.rbnd-edition .rbnd-footer-button {
  height: 27px;
}
.custom-measure-edition .modal-body {
  min-height: 500px;
  height: 500px;
}
.custom-measure-edition .formula-validation-banner .alert {
  margin: 8px 0 0 0;
  min-height: 25px;
  display: flex;
  align-items: center;
}
.custom-measure-edition .custom-measure-edition-body {
  box-shadow: none;
  flex-direction: column;
  display: flex;
  height: 100%;
}
.custom-measure-edition .custom-measure-edition-body .foldable-header {
  display: flex;
  flex-direction: row;
  gap: 4px;
  cursor: pointer;
  color: #666666;
}
.custom-measure-edition .custom-measure-edition-body .foldable-header--opened,
.custom-measure-edition .custom-measure-edition-body .foldable-header:hover {
  color: #222222;
}
.custom-measure-edition .custom-measure-edition-body .formula-editor {
  display: grid;
  grid-template-columns: 1.3fr minmax(0, 1fr);
  grid-template-rows: auto minmax(0, 1fr);
  gap: 8px;
  box-shadow: none;
  box-sizing: border-box;
  min-height: calc(100% - 38px);
  margin-bottom: 0;
  padding: 0;
  grid-template-areas: "top-left top-right" "bottom-left bottom-right";
}
.custom-measure-edition .custom-measure-edition-body .formula-editor--top-left {
  grid-area: top-left;
}
.custom-measure-edition .custom-measure-edition-body .formula-editor--top-right {
  grid-area: top-right;
  justify-self: end;
  align-self: center;
}
.custom-measure-edition .custom-measure-edition-body .formula-editor--top-right a {
  color: inherit;
  text-decoration: none;
}
.custom-measure-edition .custom-measure-edition-body .formula-editor--bottom-left {
  grid-area: bottom-left;
}
.custom-measure-edition .custom-measure-edition-body .formula-editor--full-width .custom-measure-edition .custom-measure-edition-body .formula-editor--bottom-left {
  grid-column-start: bottom-left;
  grid-column-end: bottom-right;
}
.custom-measure-edition .custom-measure-edition-body .formula-editor--bottom-right {
  grid-area: bottom-right;
}
.custom-measure-edition .custom-measure-edition-body .formula-editor--full-width .custom-measure-edition .custom-measure-edition-body .formula-editor--bottom-right {
  display: none;
}
.custom-measure-edition .custom-measure-edition-body .formula-editor .triangle {
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0 8px 8px 8px;
  border-color: transparent transparent #d9e6ed transparent;
  right: 60px;
  top: -8px;
  float: right;
  position: relative;
}
.custom-measure-edition .custom-measure-edition-body .formula-editor--full-width {
  display: grid;
  grid-template-columns: 1.3fr minmax(0, 1fr);
  grid-template-rows: auto minmax(0, 1fr);
  gap: 8px;
  box-shadow: none;
  box-sizing: border-box;
  min-height: calc(100% - 38px);
  margin-bottom: 0;
  padding: 0;
  grid-template-areas: "top-left top-right" "bottom-left bottom-right";
}
.custom-measure-edition .custom-measure-edition-body .formula-editor--full-width--top-left {
  grid-area: top-left;
}
.custom-measure-edition .custom-measure-edition-body .formula-editor--full-width--top-right {
  grid-area: top-right;
  justify-self: end;
  align-self: center;
}
.custom-measure-edition .custom-measure-edition-body .formula-editor--full-width--top-right a {
  color: inherit;
  text-decoration: none;
}
.custom-measure-edition .custom-measure-edition-body .formula-editor--full-width--bottom-left {
  grid-area: bottom-left;
}
.custom-measure-edition .custom-measure-edition-body .formula-editor--full-width--full-width .custom-measure-edition .custom-measure-edition-body .formula-editor--full-width--bottom-left {
  grid-column-start: bottom-left;
  grid-column-end: bottom-right;
}
.custom-measure-edition .custom-measure-edition-body .formula-editor--full-width--bottom-right {
  grid-area: bottom-right;
}
.custom-measure-edition .custom-measure-edition-body .formula-editor--full-width--full-width .custom-measure-edition .custom-measure-edition-body .formula-editor--full-width--bottom-right {
  display: none;
}
.custom-measure-edition .custom-measure-edition-body .formula-editor--full-width .triangle {
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0 8px 8px 8px;
  border-color: transparent transparent #d9e6ed transparent;
  right: 60px;
  top: -8px;
  float: right;
  position: relative;
}
.custom-measure-edition .custom-measure-edition-body .formula-editor--full-width .formula-editor--bottom-left {
  grid-column-start: bottom-left;
  grid-column-end: bottom-right;
}
.custom-measure-edition .custom-measure-edition-body .formula-editor--full-width .formula-editor--bottom-right {
  display: none;
}
.custom-measure-edition .custom-measure-edition-body .formula-edition {
  display: flex;
  flex-direction: column;
}
.custom-measure-edition .custom-measure-edition-body .formula-edition .editor-zone {
  flex-grow: 1;
  margin: 0;
}
.custom-measure-edition .custom-measure-edition-body .documentation {
  height: 100%;
}
.custom-measure-edition .custom-measure-edition-body .documentation .tab-content {
  padding: 0;
}
.charts-container .mainPane,
.charts-container .bottomPane {
  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,
.charts-container.showRightPane .bottomPane {
  right: 250px;
}
.charts-container.showRightPane .rightPane {
  right: 0;
}
.charts-container.showLeftPane .mainPane,
.charts-container.showLeftPane .bottomPane {
  left: 250px;
}
.charts-container.showLeftPane .leftPane {
  left: 0;
}
.charts-container .mainPane {
  padding: 0;
}
.charts-container .leftPane .nav-tabs > li > a {
  padding-right: 4px;
  padding-left: 4px;
  margin-right: 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;
  margin-left: auto;
  margin-right: 0;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.charts-container .mleft.mleft.mleft {
  margin-left: 8px;
}
.charts-container .options-zone dss-foldable-section + dss-foldable-section {
  margin-top: 8px;
}
.charts-container .options-zone .foldable-subsection + .foldable-subsection .foldable-subtitle {
  margin-top: 16px;
  border-top: 1px solid #f9f9f9;
}
.charts-container .chart-pane-with-toggle {
  width: 175px;
}
.charts-container .chart-pane-with-toggle span {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.charts-container .chart-pane-large-padding-toggle,
.charts-container .chart-pane-large-padding-toggle-subsection {
  position: absolute;
  right: 0;
}
.charts-container .chart-pane-large-padding-toggle .dku-toggle input + *:before,
.charts-container .chart-pane-large-padding-toggle-subsection .dku-toggle input + *:before,
.charts-container .chart-pane-large-padding-toggle .dku-toggle input + *:after,
.charts-container .chart-pane-large-padding-toggle-subsection .dku-toggle input + *:after {
  margin: 8px;
}
.charts-container .chart-pane-large-padding-toggle-subsection {
  top: 10px;
}
.charts-container .chart-pane-large-padding-toggle-subsection label {
  padding: 8px 0 8px 8px;
}
.charts-container .chart-pane-large-padding-toggle-subsection.first-subsection {
  top: -7px;
}
.charts-container .chart-pane-large-padding-toggle {
  top: 3px;
}
.charts-container .chart-pane-large-padding-toggle label {
  padding: 8px;
}
.charts-container .foldable-title {
  cursor: pointer;
  font-family: 'SourceSansPro';
  font-size: 14px;
  display: flex;
  align-items: center;
  line-height: 19px;
  margin: 8px 0 0 0;
  padding: 8px;
  color: #666666;
  font-weight: 500;
  border-bottom: 1px solid #f9f9f9;
}
.charts-container .foldable-title.foldable-title--opened {
  margin-bottom: 0;
}
.charts-container .foldable-title:hover,
.charts-container .foldable-title.foldable-title--opened {
  background-color: #f9f9f9;
  color: #222222;
}
.charts-container .foldable-title .title,
.charts-container .foldable-subtitle .title {
  display: flex;
  align-items: center;
  line-height: 19px;
  width: 100%;
}
.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 .legend-wrapper {
  max-height: 180px;
  overflow: auto;
  background: #ffffff;
  padding: 8px;
  border-radius: 2px;
}
.charts-container .legend-wrapper h5 {
  display: flex;
  font-weight: 500;
  font-size: 13px;
  line-height: 16px;
  color: #222222;
  color: #666666;
  margin-top: 0;
  margin-bottom: 0;
  cursor: pointer;
}
.charts-container .legend-wrapper h5:hover {
  color: #222222;
}
.charts-container .legend-wrapper.legend-wrapper--expanded h5 {
  color: #222222;
}
.charts-container .discrete-color-legend {
  display: flex;
  flex-direction: column;
  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 {
  display: inline-flex;
  padding-bottom: 1px;
  max-width: 100%;
  min-height: 14px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.charts-container .discrete-color-legend .item .discrete-color-legend-item-label {
  padding-left: 2px;
}
.charts-container .discrete-color-legend .item .discrete-color-legend-item-more {
  opacity: 0.70;
}
.charts-container .discrete-color-legend .item .discrete-color-legend-item-more:hover {
  opacity: 1;
}
.charts-container .chart-wrapper-zone {
  transition: all -s 0.25s;
  border: 1px solid #dddddd;
  background-color: #ffffff;
  width: 100%;
  float: left;
  min-height: 0;
}
.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 {
  --placeholder-vertical-shift: 40px;
  display: none;
  position: absolute;
  top: 9px;
  width: calc(100% - var(--placeholder-vertical-shift) - 8px);
  text-align: center;
  left: var(--placeholder-vertical-shift);
  font-size: 11px;
  color: #999999;
  pointer-events: none;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.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,
.charts-container .filtersZone.in-custom-form {
  width: fill-available;
  width: -moz-available;
  width: -webkit-fill-available;
}
.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 {
  flex: 0 0 175px;
  vertical-align: top;
  margin: 6px 10px 7px 0;
}
.charts-container .chartdef-dropzone-multi .chartdef-dropzone-header {
  flex: 0 0 34px;
}
.charts-container .chartdef-dropzone-multi .chartdef-dropzone-main > ul {
  max-height: 78px;
  overflow: auto;
  display: flex;
  flex-wrap: wrap;
}
.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-multi .flex {
  flex: 1 1 auto;
}
.charts-container .chartdef-dropzone-mono {
  display: flex;
  justify-content: flex-start;
  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: 34px;
}
.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: 8px;
  background: #ffffff;
  padding: 8px;
}
.charts-container .options-zone label {
  font-size: 13px;
}
.charts-container .options-zone label:not(.control-label) {
  font-size: 12px;
}
.charts-container .options-zone .chartdef-dropped-dimension {
  margin: 0;
}
.charts-container .options-zone .chartdef-dropzone-vertical.chartdef-dropzone-vertical {
  padding: 0;
}
.charts-container .options-zone .chartdef-dropzone-vertical.chartdef-dropzone-vertical li.chartdef-dropped {
  margin: 0;
}
.charts-container .options-zone .chartdef-dropzone-vertical.chartdef-dropzone-vertical li.chartdef-dropped + li.chartdef-dropped {
  margin-top: 8px;
}
.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 8px;
}
.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: fill-available;
  width: -moz-available;
  width: -webkit-fill-available;
  margin: 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 {
  box-sizing: border-box;
  margin: 0;
  min-width: 226px;
  min-height: 40px;
  position: relative;
  border: 1px transparent solid;
}
.charts-container .chartdef-dropzone .chartdef-dropzone-header {
  text-align: center;
}
.charts-container .chartdef-dropzone .chartdef-dropzone-header .header-btn {
  line-height: 40px;
  color: #666666;
}
.charts-container .chartdef-dropzone .chartdef-dropzone-header .header-btn.header-btn--clickable {
  cursor: pointer;
}
.charts-container .chartdef-dropzone .chartdef-dropzone-header .header-btn:hover,
.charts-container .chartdef-dropzone .chartdef-dropzone-header .header-btn:hover i {
  color: #222222;
}
.charts-container .chartdef-dropzone .chartdef-dropzone-header i.icon-caret-down {
  margin-left: -1px;
  color: #bbbbbb;
}
.charts-container .chartdef-dropzone .chartdef-dropzone-header i.dku-icon-chevron-down-16 {
  line-height: 40px;
  vertical-align: bottom;
  color: #bbbbbb;
}
.charts-container .chartdef-dropzone .chartdef-dropzone-header .dku-icon-water-drop-16,
.charts-container .chartdef-dropzone .chartdef-dropzone-header .dku-icon-arrow-expand-16 {
  float: left;
}
.charts-container .chartdef-dropzone .chartdef-dropzone-header [class^="dku-icon-"] {
  font-size: 13px !important;
  line-height: 40px;
}
.charts-container .chartdef-dropzone .chartdef-dropzone-header [class^="dku-icon-"].dku-icon-arrow-expand-16 {
  font-size: 16px !important;
}
.charts-container .chartdef-dropzone .chartdef-dropzone-header [class^="dku-icon-"].dku-icon-chevron-down-16 {
  font-size: 10px !important;
}
.charts-container .chartdef-dropzone .chartdef-dropzone-header i ~ .dku-icon-chevron-down-16 {
  margin-left: 2px;
}
.charts-container .chartdef-dropzone.chartdef-dropzone--no-header {
  width: 194px;
  min-width: 194px;
  padding-left: 8px;
}
.charts-container .chartdef-dropzone.empty {
  border: 1px dashed #999999;
}
.charts-container .chartdef-dropzone.notempty {
  background: #ffffff;
}
.charts-container .chartdef-dropzone.filtersZone {
  padding: 0;
}
.charts-container .chartdef-dropzone .mainzone,
.charts-container .chartdef-dropzone .main-echarts-zone {
  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-line-header-middle {
  line-height: 40px;
  color: #666666;
  margin-right: 16px;
  margin-left: 16px;
}
.charts-container .cascading-line {
  flex-wrap: wrap;
  row-gap: 8px;
}
.charts-container .cascading-line .flex {
  flex: 1 1 226px;
}
.charts-container .double-dropzone__drag-drop {
  transition: background -s 0.25s;
  box-sizing: border-box;
  margin: 0;
  min-width: 226px;
  min-height: 40px;
  position: relative;
  border: 1px transparent solid;
  display: flex;
  justify-content: flex-start;
  width: 226px;
  /* Over on mono: message and red if rejected,
          opacity on previous if accepted to emphasize replace */
  padding: 2px;
  height: 40px;
}
.charts-container .double-dropzone__drag-drop .empty-placeholder {
  --placeholder-vertical-shift: 40px;
  display: none;
  position: absolute;
  top: 9px;
  width: calc(100% - var(--placeholder-vertical-shift) - 8px);
  text-align: center;
  left: var(--placeholder-vertical-shift);
  font-size: 11px;
  color: #999999;
  pointer-events: none;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.charts-container .double-dropzone__drag-drop .empty-placeholder.zone-no-header {
  left: 0;
  width: 100%;
}
.charts-container .double-dropzone__drag-drop .empty-placeholder.no-icon {
  width: 100%;
  text-align: center;
  left: 0;
}
.charts-container .double-dropzone__drag-drop.empty .empty-placeholder {
  display: block;
}
.charts-container .double-dropzone__drag-drop.in-custom-form {
  width: fill-available;
  width: -moz-available;
  width: -webkit-fill-available;
}
.charts-container .double-dropzone__drag-drop.in-custom-form .empty-placeholder {
  left: 20px;
}
.charts-container .double-dropzone__drag-drop.in-custom-form .chartdef-dropped-measure {
  width: 206px;
}
.charts-container .double-dropzone__drag-drop .chartdef-dropzone-header {
  text-align: center;
}
.charts-container .double-dropzone__drag-drop .chartdef-dropzone-header .header-btn {
  line-height: 40px;
  color: #666666;
}
.charts-container .double-dropzone__drag-drop .chartdef-dropzone-header .header-btn.header-btn--clickable {
  cursor: pointer;
}
.charts-container .double-dropzone__drag-drop .chartdef-dropzone-header .header-btn:hover,
.charts-container .double-dropzone__drag-drop .chartdef-dropzone-header .header-btn:hover i {
  color: #222222;
}
.charts-container .double-dropzone__drag-drop .chartdef-dropzone-header i.icon-caret-down {
  margin-left: -1px;
  color: #bbbbbb;
}
.charts-container .double-dropzone__drag-drop .chartdef-dropzone-header i.dku-icon-chevron-down-16 {
  line-height: 40px;
  vertical-align: bottom;
  color: #bbbbbb;
}
.charts-container .double-dropzone__drag-drop .chartdef-dropzone-header .dku-icon-water-drop-16,
.charts-container .double-dropzone__drag-drop .chartdef-dropzone-header .dku-icon-arrow-expand-16 {
  float: left;
}
.charts-container .double-dropzone__drag-drop .chartdef-dropzone-header [class^="dku-icon-"] {
  font-size: 13px !important;
  line-height: 40px;
}
.charts-container .double-dropzone__drag-drop .chartdef-dropzone-header [class^="dku-icon-"].dku-icon-arrow-expand-16 {
  font-size: 16px !important;
}
.charts-container .double-dropzone__drag-drop .chartdef-dropzone-header [class^="dku-icon-"].dku-icon-chevron-down-16 {
  font-size: 10px !important;
}
.charts-container .double-dropzone__drag-drop .chartdef-dropzone-header i ~ .dku-icon-chevron-down-16 {
  margin-left: 2px;
}
.charts-container .double-dropzone__drag-drop.chartdef-dropzone--no-header {
  width: 194px;
  min-width: 194px;
  padding-left: 8px;
}
.charts-container .double-dropzone__drag-drop.empty {
  border: 1px dashed #999999;
}
.charts-container .double-dropzone__drag-drop.notempty {
  background: #ffffff;
}
.charts-container .double-dropzone__drag-drop.filtersZone {
  padding: 0;
}
.charts-container .double-dropzone__drag-drop .mainzone,
.charts-container .double-dropzone__drag-drop .main-echarts-zone {
  margin: 0;
}
.charts-container .double-dropzone__drag-drop 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 .double-dropzone__drag-drop .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 .double-dropzone__drag-drop .message.drop-inactive {
  font-weight: 400;
  font-size: 0.9em;
  color: #bbbbbb;
  padding-bottom: 12px;
}
.charts-container .double-dropzone__drag-drop .chartdef-dropzone-header {
  display: inline-block;
  width: 34px;
}
.charts-container .double-dropzone__drag-drop .chartdef-dropzone-main {
  display: inline-block;
  width: 175px;
}
.charts-container .double-dropzone__drag-drop.drop-accepted {
  background: #ffffff;
}
.charts-container .double-dropzone__drag-drop.drop-rejected {
  border: 1px dashed #ce1228;
}
.charts-container .double-dropzone__drag-drop.over.drop-accepted {
  border: 1px dashed #4caf50;
  background: #d7f0d6;
}
.charts-container .double-dropzone__drag-drop.over.drop-rejected {
  background: #f9e3e5;
  border: 1px dashed #ce1228;
}
.charts-container .double-dropzone__drag-drop.over .message {
  display: inline;
}
.charts-container .double-dropzone__drag-drop.over .chartdef-dropped-measure,
.charts-container .double-dropzone__drag-drop.over .chartdef-dropped-dimension {
  opacity: 0.25;
}
.charts-container .double-dropzone__drag-drop.double-dropzone__drag-drop--scatter.empty {
  padding-top: 0;
}
.charts-container .double-dropzone__drag-drop .chartdef-dropzone-header {
  padding-left: 0;
}
.charts-container .double-dropzone__drag-drop .chartdef-dropzone-header .header-btn {
  line-height: 32px;
}
.charts-container .double-dropzone__drag-drop .chartdef-dropzone-header .header-btn--axis {
  line-height: 40px;
}
.charts-container .double-dropzone__drag-drop .chartdef-dropzone-main > ul {
  min-height: 32px;
}
.charts-container .double-dropzone__drag-drop .chartdef-dropped-measure,
.charts-container .double-dropzone__drag-drop .chartdef-dropped-dimension {
  width: 182px;
}
.charts-container .double-dropzone__drag-drop.empty {
  background-color: #f2f2f2;
}
.charts-container .double-dropzone__drag-drop.empty.drop-rejected {
  border: 1px dashed #bbbbbb;
}
.charts-container .double-dropzone__drag-drop.notempty {
  border: 0;
}
.charts-container .double-dropzone__drag-drop.drop-accepted {
  background: #ffffff;
}
.charts-container .double-dropzone__drag-drop-bottom {
  transition: background -s 0.25s;
  box-sizing: border-box;
  margin: 0;
  min-width: 226px;
  min-height: 40px;
  position: relative;
  border: 1px transparent solid;
  display: flex;
  justify-content: flex-start;
  width: 226px;
  /* Over on mono: message and red if rejected,
          opacity on previous if accepted to emphasize replace */
  padding: 2px;
  height: 40px;
  margin-top: 4px;
}
.charts-container .double-dropzone__drag-drop-bottom .empty-placeholder {
  --placeholder-vertical-shift: 40px;
  display: none;
  position: absolute;
  top: 9px;
  width: calc(100% - var(--placeholder-vertical-shift) - 8px);
  text-align: center;
  left: var(--placeholder-vertical-shift);
  font-size: 11px;
  color: #999999;
  pointer-events: none;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.charts-container .double-dropzone__drag-drop-bottom .empty-placeholder.zone-no-header {
  left: 0;
  width: 100%;
}
.charts-container .double-dropzone__drag-drop-bottom .empty-placeholder.no-icon {
  width: 100%;
  text-align: center;
  left: 0;
}
.charts-container .double-dropzone__drag-drop-bottom.empty .empty-placeholder {
  display: block;
}
.charts-container .double-dropzone__drag-drop-bottom.in-custom-form {
  width: fill-available;
  width: -moz-available;
  width: -webkit-fill-available;
}
.charts-container .double-dropzone__drag-drop-bottom.in-custom-form .empty-placeholder {
  left: 20px;
}
.charts-container .double-dropzone__drag-drop-bottom.in-custom-form .chartdef-dropped-measure {
  width: 206px;
}
.charts-container .double-dropzone__drag-drop-bottom .chartdef-dropzone-header {
  text-align: center;
}
.charts-container .double-dropzone__drag-drop-bottom .chartdef-dropzone-header .header-btn {
  line-height: 40px;
  color: #666666;
}
.charts-container .double-dropzone__drag-drop-bottom .chartdef-dropzone-header .header-btn.header-btn--clickable {
  cursor: pointer;
}
.charts-container .double-dropzone__drag-drop-bottom .chartdef-dropzone-header .header-btn:hover,
.charts-container .double-dropzone__drag-drop-bottom .chartdef-dropzone-header .header-btn:hover i {
  color: #222222;
}
.charts-container .double-dropzone__drag-drop-bottom .chartdef-dropzone-header i.icon-caret-down {
  margin-left: -1px;
  color: #bbbbbb;
}
.charts-container .double-dropzone__drag-drop-bottom .chartdef-dropzone-header i.dku-icon-chevron-down-16 {
  line-height: 40px;
  vertical-align: bottom;
  color: #bbbbbb;
}
.charts-container .double-dropzone__drag-drop-bottom .chartdef-dropzone-header .dku-icon-water-drop-16,
.charts-container .double-dropzone__drag-drop-bottom .chartdef-dropzone-header .dku-icon-arrow-expand-16 {
  float: left;
}
.charts-container .double-dropzone__drag-drop-bottom .chartdef-dropzone-header [class^="dku-icon-"] {
  font-size: 13px !important;
  line-height: 40px;
}
.charts-container .double-dropzone__drag-drop-bottom .chartdef-dropzone-header [class^="dku-icon-"].dku-icon-arrow-expand-16 {
  font-size: 16px !important;
}
.charts-container .double-dropzone__drag-drop-bottom .chartdef-dropzone-header [class^="dku-icon-"].dku-icon-chevron-down-16 {
  font-size: 10px !important;
}
.charts-container .double-dropzone__drag-drop-bottom .chartdef-dropzone-header i ~ .dku-icon-chevron-down-16 {
  margin-left: 2px;
}
.charts-container .double-dropzone__drag-drop-bottom.chartdef-dropzone--no-header {
  width: 194px;
  min-width: 194px;
  padding-left: 8px;
}
.charts-container .double-dropzone__drag-drop-bottom.empty {
  border: 1px dashed #999999;
}
.charts-container .double-dropzone__drag-drop-bottom.notempty {
  background: #ffffff;
}
.charts-container .double-dropzone__drag-drop-bottom.filtersZone {
  padding: 0;
}
.charts-container .double-dropzone__drag-drop-bottom .mainzone,
.charts-container .double-dropzone__drag-drop-bottom .main-echarts-zone {
  margin: 0;
}
.charts-container .double-dropzone__drag-drop-bottom 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 .double-dropzone__drag-drop-bottom .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 .double-dropzone__drag-drop-bottom .message.drop-inactive {
  font-weight: 400;
  font-size: 0.9em;
  color: #bbbbbb;
  padding-bottom: 12px;
}
.charts-container .double-dropzone__drag-drop-bottom .chartdef-dropzone-header {
  display: inline-block;
  width: 34px;
}
.charts-container .double-dropzone__drag-drop-bottom .chartdef-dropzone-main {
  display: inline-block;
  width: 175px;
}
.charts-container .double-dropzone__drag-drop-bottom.drop-accepted {
  background: #ffffff;
}
.charts-container .double-dropzone__drag-drop-bottom.drop-rejected {
  border: 1px dashed #ce1228;
}
.charts-container .double-dropzone__drag-drop-bottom.over.drop-accepted {
  border: 1px dashed #4caf50;
  background: #d7f0d6;
}
.charts-container .double-dropzone__drag-drop-bottom.over.drop-rejected {
  background: #f9e3e5;
  border: 1px dashed #ce1228;
}
.charts-container .double-dropzone__drag-drop-bottom.over .message {
  display: inline;
}
.charts-container .double-dropzone__drag-drop-bottom.over .chartdef-dropped-measure,
.charts-container .double-dropzone__drag-drop-bottom.over .chartdef-dropped-dimension {
  opacity: 0.25;
}
.charts-container .double-dropzone__drag-drop-bottom.double-dropzone__drag-drop--scatter.empty {
  padding-top: 0;
}
.charts-container .double-dropzone__drag-drop-bottom .chartdef-dropzone-header {
  padding-left: 0;
}
.charts-container .double-dropzone__drag-drop-bottom .chartdef-dropzone-header .header-btn {
  line-height: 32px;
}
.charts-container .double-dropzone__drag-drop-bottom .chartdef-dropzone-header .header-btn--axis {
  line-height: 40px;
}
.charts-container .double-dropzone__drag-drop-bottom .chartdef-dropzone-main > ul {
  min-height: 32px;
}
.charts-container .double-dropzone__drag-drop-bottom .chartdef-dropped-measure,
.charts-container .double-dropzone__drag-drop-bottom .chartdef-dropped-dimension {
  width: 182px;
}
.charts-container .double-dropzone__drag-drop-bottom.empty {
  background-color: #f2f2f2;
}
.charts-container .double-dropzone__drag-drop-bottom.empty.drop-rejected {
  border: 1px dashed #bbbbbb;
}
.charts-container .double-dropzone__drag-drop-bottom.notempty {
  border: 0;
}
.charts-container .double-dropzone__drag-drop-bottom.drop-accepted {
  background: #ffffff;
}
.charts-container .chartdef-dropped-filter {
  height: 26px;
  line-height: 26px;
}
.charts-container .chartdef-dropped-measure,
.charts-container .chartdef-dropped-dimension {
  background: #ffffff;
  font-size: 12px;
  color: #666666;
  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;
}
.charts-container .chartdef-dropped-measure:hover,
.charts-container .chartdef-dropped-dimension:hover {
  color: #222222;
}
.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,
.charts-container .chartdef-dropped-measure .dku-icon-trash-16,
.charts-container .chartdef-dropped-dimension .dku-icon-trash-16 {
  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,
.charts-container .chartdef-dropped-measure .dku-icon-trash-16:hover,
.charts-container .chartdef-dropped-dimension .dku-icon-trash-16:hover {
  opacity: 1;
}
.charts-container .chartdef-dropped-measure .dku-icon-trash-16,
.charts-container .chartdef-dropped-dimension .dku-icon-trash-16 {
  font-size: 12px !important;
}
.charts-container .chartdef-dropped-measure .dku-icon-chevron-down-12,
.charts-container .chartdef-dropped-dimension .dku-icon-chevron-down-12 {
  font-size: 10px !important;
}
.charts-container .chartdef-dropped-measure {
  box-shadow: inset 3px 0 0 0 #72a1e5, inset -1px 0 0 0 #dddddd, inset 0 1px 0 0 #dddddd, inset 0 -1px 0 0 #dddddd;
}
.charts-container .chartdef-dropped-dimension {
  box-shadow: inset 3px 0 0 0 #a1e3d8, inset -1px 0 0 0 #dddddd, inset 0 1px 0 0 #dddddd, inset 0 -1px 0 0 #dddddd;
}
.charts-container .chartdef-line-header {
  line-height: 40px;
  text-align: left;
  color: #666666;
  width: 56px;
}
.charts-container .chartdef-line-header.chartdef-line-header--wider {
  width: 74px;
}
.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 8px;
  position: relative;
  border: none;
  margin: 0;
  padding: 0;
}
.charts-container .filtersZone.empty {
  border: 1px #999999 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 + li {
  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 .pivot-filter-header.pivot-filter-header--minimal-ui .pivot-filter-header__title {
  background-color: transparent;
  padding: 0;
}
.charts-container .filtersZone > li .pivot-filter-header .filter-header__column-name {
  color: inherit;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  width: fill-available;
  width: -moz-available;
  width: -webkit-fill-available;
}
.charts-container .filtersZone > li .pivot-filter-header .filter-header__column-name:hover {
  text-decoration: none;
}
.charts-container .filtersZone > li .box-header {
  background: #ffffff;
  color: #666666;
  min-height: 26px;
  height: 26px;
  line-height: 26px;
  padding: 0 0 0 8px;
  font-size: 12px;
  box-shadow: inset 3px 0 0 0 #72a1e5, inset -1px 0 0 0 #dddddd, inset 0 1px 0 0 #dddddd, inset 0 -1px 0 0 #dddddd;
}
.charts-container .filtersZone > li .box-header:hover {
  color: #222222;
}
.charts-container .filtersZone > li .box-header button:focus,
.charts-container .filtersZone > li .box-header button:hover {
  background-color: rgba(0, 0, 0, 0.05);
}
.charts-container .filtersZone > li .box-header .box-header__icons {
  display: block;
  white-space: nowrap;
  padding-left: 4px;
}
.charts-container .filtersZone > li .box-header .box-header__icons .icon-remove,
.charts-container .filtersZone > li .box-header .box-header__icons .icon-trash,
.charts-container .filtersZone > li .box-header .box-header__icons .icon-off,
.charts-container .filtersZone > li .box-header .box-header__icons .dku-icon-trash-16 {
  line-height: inherit;
  cursor: pointer;
  opacity: 0.5;
}
.charts-container .filtersZone > li .box-header .box-header__icons .icon-remove:hover,
.charts-container .filtersZone > li .box-header .box-header__icons .icon-trash:hover,
.charts-container .filtersZone > li .box-header .box-header__icons .icon-off:hover,
.charts-container .filtersZone > li .box-header .box-header__icons .dku-icon-trash-16:hover {
  opacity: 1;
}
.charts-container .filtersZone > li .box-header .box-header__icons .dku-icon-trash-16 {
  font-size: 13px !important;
}
.charts-container .filtersZone > li .box-header .box-header__icons i.icon-off + i {
  margin-left: 4px;
}
.charts-container .filtersZone > li .box-header__icon-chevron {
  display: inline-block;
  width: 10px;
  line-height: 26px;
  vertical-align: top;
  margin-left: -2px;
  margin-right: 2px;
}
.charts-container .filtersZone > li .box-header__title {
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: row;
  flex-direction: row;
  height: 100%;
  box-sizing: border-box;
}
.charts-container .filtersZone > li .box-header__title > .flex {
  -webkit-flex: 1 1 auto;
  flex: 1 1 auto;
  position: relative;
}
.charts-container .filtersZone > li .box-header__title > .flex .override-min-width {
  min-width: 0px;
}
.charts-container .filtersZone > li .box-header__title > .flex-no-basis,
.charts-container .filtersZone > li .box-header__title .flex-no-basis {
  -webkit-flex: 1 1 0;
  flex: 1 1 0;
  position: relative;
}
.charts-container .filtersZone > li .box-header__title > .flex-no-basis .override-min-width,
.charts-container .filtersZone > li .box-header__title .flex-no-basis .override-min-width {
  min-width: 0px;
}
.charts-container .filtersZone > li .box-header__title > .flex-no-grow {
  -webkit-flex: 0 1 auto;
  flex: 0 1 auto;
  position: relative;
}
.charts-container .filtersZone > li .box-header__title > .flex-no-shrink {
  -webkit-flex: 1 0 auto;
  flex: 1 0 auto;
  position: relative;
}
.charts-container .filtersZone > li .box-header__title > .noflex,
.charts-container .filtersZone > li .box-header__title .top-level-tabs,
.charts-container .filtersZone > li .box-header__title > .alert,
.charts-container .filtersZone > li .box-header__title > .bottom-bar,
.charts-container .filtersZone > li .box-header__title > .input-append,
.charts-container .filtersZone > li .box-header__title > div[block-api-error],
.charts-container .filtersZone > li .box-header__title > h1,
.charts-container .filtersZone > li .box-header__title > h2,
.charts-container .filtersZone > li .box-header__title > h3,
.charts-container .filtersZone > li .box-header__title > h4,
.charts-container .filtersZone > li .box-header__title > h5,
.charts-container .filtersZone > li .box-header__title > h6 {
  -webkit-flex: 0 0 auto;
  flex: 0 0 auto;
}
.charts-container .filtersZone > li .box-container {
  background: #ffffff;
}
.charts-container .filtersZone > li.sortable-placeholder {
  margin: 8px;
  background: none !important;
}
.charts-container .filtersZone > li {
  margin: 0;
}
.charts-container .filtersZone > li + li {
  margin-top: 8px;
}
.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;
  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;
}
.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: 100% !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: 135px;
}
.dkuform-chart-options {
  width: 100%;
  /* Color invalid dataset uniqueness issues, even when non dirty */
  margin-bottom: 0;
}
.dkuform-chart-options input[type=text],
.dkuform-chart-options input[type=email],
.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=datetime-local],
.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=email]: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=datetime-local]: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=email]: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=datetime-local]: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=email]: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=datetime-local]: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=email].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=datetime-local].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 input[type=text].invalid-ignores-dirty.ng-invalid,
.dkuform-chart-options input[type=email].invalid-ignores-dirty.ng-invalid,
.dkuform-chart-options input[type=url].invalid-ignores-dirty.ng-invalid,
.dkuform-chart-options input[type=number].invalid-ignores-dirty.ng-invalid,
.dkuform-chart-options input[type=date].invalid-ignores-dirty.ng-invalid,
.dkuform-chart-options input[type=time].invalid-ignores-dirty.ng-invalid,
.dkuform-chart-options input[type=datetime-local].invalid-ignores-dirty.ng-invalid,
.dkuform-chart-options input[type=password].invalid-ignores-dirty.ng-invalid,
.dkuform-chart-options textarea.invalid-ignores-dirty.ng-invalid,
.dkuform-chart-options select.invalid-ignores-dirty.ng-invalid,
.dkuform-chart-options button.btn.selectpicker.invalid-ignores-dirty.ng-invalid,
.invalid-ignores-dirty .dkuform-chart-options input[type=text].ng-invalid,
.invalid-ignores-dirty .dkuform-chart-options input[type=email].ng-invalid,
.invalid-ignores-dirty .dkuform-chart-options input[type=url].ng-invalid,
.invalid-ignores-dirty .dkuform-chart-options input[type=number].ng-invalid,
.invalid-ignores-dirty .dkuform-chart-options input[type=date].ng-invalid,
.invalid-ignores-dirty .dkuform-chart-options input[type=time].ng-invalid,
.invalid-ignores-dirty .dkuform-chart-options input[type=datetime-local].ng-invalid,
.invalid-ignores-dirty .dkuform-chart-options input[type=password].ng-invalid,
.invalid-ignores-dirty .dkuform-chart-options textarea.ng-invalid,
.invalid-ignores-dirty .dkuform-chart-options select.ng-invalid,
.invalid-ignores-dirty .dkuform-chart-options button.btn.selectpicker.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 button.btn.selectpicker.none-selected-text .filter-option {
  color: var(--dku-select-placeholder-color, #999999);
}
.dkuform-chart-options button.btn.selectpicker.none-selected-text .filter-option::before {
  content: var(--dku-select-placeholder-emphasis--before, '- ');
}
.dkuform-chart-options button.btn.selectpicker.none-selected-text .filter-option::after {
  content: var(--dku-select-placeholder-emphasis--after, ' -');
}
.dkuform-chart-options button.btn.selectpicker.disabled.none-selected-text .filter-option {
  color: #cccccc;
}
.dkuform-chart-options button.btn.selectpicker.disabled {
  background-color: #f2f2f2;
}
.dkuform-chart-options button.btn.selectpicker.disabled:hover {
  background-color: #f2f2f2;
}
.dkuform-chart-options button.btn.selectpicker.disabled:focus {
  border: 1px #bbbbbb solid;
}
.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 {
  border-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-top: 0;
  margin-bottom: 0;
  --dku-ng-select-max-width: 215px;
}
.dkuform-chart-options .control-group + .control-group {
  margin-top: 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;
  font-size: 13px;
  text-align: left;
  display: block;
  cursor: initial;
}
.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: 13px;
}
.dkuform-chart-options .control-group .controls label input[type=checkbox] {
  margin-top: -3px;
}
.dkuform-chart-options .control-group .controls label:not(.control-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,
.dkuform-chart-options .control-group .controls ng-select {
  width: 100%;
}
.dkuform-chart-options .control-group .controls .bootstrap-select:not([class*="span"]):not([class*="col-"]):not([class*="form-control"]):not(.input-group-btn) {
  width: 100%;
}
.dkuform-chart-options .control-group .controls .bootstrap-select:not([class*="span"]):not([class*="col-"]):not([class*="form-control"]):not(.input-group-btn) button:focus {
  outline: #ce1228;
}
.dkuform-chart-options .control-group .controls input[type=text],
.dkuform-chart-options .control-group .controls input[type=email],
.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=datetime-local],
.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=email]: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=datetime-local]: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=email]: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=datetime-local]: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=email]: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=datetime-local]: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=email].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=datetime-local].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 input[type=text].invalid-ignores-dirty.ng-invalid,
.dkuform-chart-options .control-group .controls input[type=email].invalid-ignores-dirty.ng-invalid,
.dkuform-chart-options .control-group .controls input[type=url].invalid-ignores-dirty.ng-invalid,
.dkuform-chart-options .control-group .controls input[type=number].invalid-ignores-dirty.ng-invalid,
.dkuform-chart-options .control-group .controls input[type=date].invalid-ignores-dirty.ng-invalid,
.dkuform-chart-options .control-group .controls input[type=time].invalid-ignores-dirty.ng-invalid,
.dkuform-chart-options .control-group .controls input[type=datetime-local].invalid-ignores-dirty.ng-invalid,
.dkuform-chart-options .control-group .controls input[type=password].invalid-ignores-dirty.ng-invalid,
.dkuform-chart-options .control-group .controls textarea.invalid-ignores-dirty.ng-invalid,
.dkuform-chart-options .control-group .controls select.invalid-ignores-dirty.ng-invalid,
.dkuform-chart-options .control-group .controls button.btn.selectpicker.invalid-ignores-dirty.ng-invalid,
.invalid-ignores-dirty .dkuform-chart-options .control-group .controls input[type=text].ng-invalid,
.invalid-ignores-dirty .dkuform-chart-options .control-group .controls input[type=email].ng-invalid,
.invalid-ignores-dirty .dkuform-chart-options .control-group .controls input[type=url].ng-invalid,
.invalid-ignores-dirty .dkuform-chart-options .control-group .controls input[type=number].ng-invalid,
.invalid-ignores-dirty .dkuform-chart-options .control-group .controls input[type=date].ng-invalid,
.invalid-ignores-dirty .dkuform-chart-options .control-group .controls input[type=time].ng-invalid,
.invalid-ignores-dirty .dkuform-chart-options .control-group .controls input[type=datetime-local].ng-invalid,
.invalid-ignores-dirty .dkuform-chart-options .control-group .controls input[type=password].ng-invalid,
.invalid-ignores-dirty .dkuform-chart-options .control-group .controls textarea.ng-invalid,
.invalid-ignores-dirty .dkuform-chart-options .control-group .controls select.ng-invalid,
.invalid-ignores-dirty .dkuform-chart-options .control-group .controls button.btn.selectpicker.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 button.btn.selectpicker.none-selected-text .filter-option {
  color: var(--dku-select-placeholder-color, #999999);
}
.dkuform-chart-options .control-group .controls button.btn.selectpicker.none-selected-text .filter-option::before {
  content: var(--dku-select-placeholder-emphasis--before, '- ');
}
.dkuform-chart-options .control-group .controls button.btn.selectpicker.none-selected-text .filter-option::after {
  content: var(--dku-select-placeholder-emphasis--after, ' -');
}
.dkuform-chart-options .control-group .controls button.btn.selectpicker.disabled.none-selected-text .filter-option {
  color: #cccccc;
}
.dkuform-chart-options .control-group .controls button.btn.selectpicker.disabled {
  background-color: #f2f2f2;
}
.dkuform-chart-options .control-group .controls button.btn.selectpicker.disabled:hover {
  background-color: #f2f2f2;
}
.dkuform-chart-options .control-group .controls button.btn.selectpicker.disabled:focus {
  border: 1px #bbbbbb solid;
}
.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 {
  border-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;
}
.dkuform-chart-options .control-group .controls.controls--full-width input[type=text],
.dkuform-chart-options .control-group .controls.controls--full-width input[type=number],
.dkuform-chart-options .control-group .controls.controls--full-width select,
.dkuform-chart-options .control-group .controls.controls--full-width ng-select {
  width: 100%;
}
.dkuform-chart-options .control-group .controls.controls--full-width .bootstrap-select:not([class*="span"]):not([class*="col-"]):not([class*="form-control"]):not(.input-group-btn) {
  width: 100%;
}
.dkuform-chart-options .control-group .controls.controls--full-width .bootstrap-select.bootstrap-select.bootstrap-select.bootstrap-select.bootstrap-select.bootstrap-select.bootstrap-select.bootstrap-select.bootstrap-select.bootstrap-select {
  width: 100%;
}
.dkuform-chart-options .control-group .controls.controls--two-columns {
  display: flex;
  align-items: center;
  gap: 4px;
}
.dkuform-chart-options-additonal-panel {
  margin-left: 20px;
  margin-right: 20px;
  width: 200px;
}
.dkuform-chart-options.dkuform-chart-options--in-contextual-menu .control-group .controls {
  margin-left: 175px;
}
.dkuform-chart-options.dkuform-chart-options--in-contextual-menu .control-group .controls .bootstrap-select.bootstrap-select.bootstrap-select.bootstrap-select.bootstrap-select {
  width: 200px;
}
.dkuform-chart-options.dkuform-chart-options--in-contextual-menu .control-group .controls .bootstrap-select.bootstrap-select.bootstrap-select.bootstrap-select.bootstrap-select button.disabled {
  background-color: #dddddd;
}
.dkuform-chart-options.dkuform-chart-options--in-contextual-menu .control-group .controls .bootstrap-select.bootstrap-select.bootstrap-select.bootstrap-select.bootstrap-select button.disabled:focus {
  border: 1px solid #cccccc;
}
.dkuform-chart-options.dkuform-chart-options--in-contextual-menu .control-group .controls .bootstrap-select.bootstrap-select.bootstrap-select.bootstrap-select.bootstrap-select button.disabled .filter-option {
  color: #999999;
}
.dkuform-chart-options.dkuform-chart-options--in-contextual-menu .control-label {
  font-weight: 400;
  font-size: 13px;
  line-height: 16px;
  color: #222222;
  line-height: 26px;
  width: 175px;
}
.dkuform-chart-options.dkuform-chart-options--in-contextual-menu .dku-small-title,
.dkuform-chart-options.dkuform-chart-options--in-contextual-menu .dku-small-sub-title {
  font-weight: 500;
  margin-bottom: 0;
  margin-top: 16px;
}
.dkuform-chart-options.dkuform-chart-options--in-contextual-menu .dku-small-title:first-child,
.dkuform-chart-options.dkuform-chart-options--in-contextual-menu .dku-small-sub-title:first-child {
  margin-top: 0;
}
.dkuform-chart-options.dkuform-chart-options--in-contextual-menu .dku-small-title .dku-small-title__hint,
.dkuform-chart-options.dkuform-chart-options--in-contextual-menu .dku-small-sub-title .dku-small-title__hint {
  font-weight: 400;
  font-size: 13px;
}
.dkuform-chart-options.dkuform-chart-options--in-contextual-menu.dkuform-horizontal {
  width: 400px;
}
.dkuform-chart-options.dkuform-chart-options--in-contextual-menu.dkuform-horizontal .display-label-subform.control-group {
  margin-bottom: 0;
}
.dkuform-chart-options.dkuform-chart-options--in-contextual-menu .data-grouping-mode-container {
  padding: 8px;
  border-left: 1px solid #cccccc;
  border-right: 1px solid #cccccc;
  border-bottom: 1px solid #cccccc;
}
.contextualMenu .dkuform-chart-options {
  min-width: 200px;
}
.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 {
  margin-top: 0;
  margin-left: 8px;
}
.dkuform-chart-options .control-group.palette-picker__steps-group .control-label {
  width: auto;
}
.dkuform-chart-options .control-group .controls button.btn.selectpicker {
  width: 100%;
}
.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: 3003;
  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: 3003;
  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: 3003;
  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: 3003;
  background: #ffffff;
  left: 4px;
  right: 4px;
  overflow-y: auto;
  max-height: 60%;
  width: fit-content;
  display: inline-flex;
}
.chart-configuration-wrapper.drag-active .chart-wrapper-zone {
  background: #ffffff;
  border: 1px solid #dddddd;
}
.chart-configuration-wrapper.drag-active .chart-wrapper__x-axis-title {
  fill: transparent;
}
.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 .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';
}
.missing-data-area {
  fill: #f2f2f2;
}
.custom-color-indicator .mx-color-icon {
  cursor: default;
}
.custom-color-indicator .mx-color-icon:hover::after {
  content: none;
}
.mx-color-icon {
  height: 22px;
  width: 22px;
  padding: 2px;
  border-radius: 4px;
  border: 1px solid transparent;
  box-sizing: border-box;
  background-clip: content-box;
  cursor: pointer;
  text-align: center;
  font-size: 10px;
}
.mx-color-icon:hover {
  border-color: #999999;
}
#dku-contextual-menu.palette-color-picker {
  padding: 8px;
  min-width: initial;
  display: grid;
  grid-template-columns: repeat(3, auto);
}
.palette-color-picker__item {
  height: 22px;
  width: 22px;
  padding: 2px;
  border-radius: 4px;
  border: 1px solid transparent;
  box-sizing: border-box;
  background-clip: content-box;
  cursor: pointer;
  text-align: center;
  font-size: 10px;
}
.palette-color-picker__item:hover {
  border-color: #999999;
}
.palette-color-picker__item--selected {
  border-color: #3b99fc;
}
.palette-color-picker__item--white:not(:hover) {
  border: solid 1px #f2f2f2;
  height: 16px;
  width: 16px;
  margin: 3px 3px 0 3px;
  border-radius: 1px;
}
.palette-color-picker__item--transparent {
  background: linear-gradient(to bottom left, transparent 49.5%, #ff0000 50%, transparent 50.5%);
}
.palette-color-picker__item--transparent:hover,
.palette-color-picker__item--transparent.palette-color-picker__item--selected {
  background-size: calc(100% - 6px) calc(100% - 6px);
  background-position: 3px 3px;
  background-repeat: no-repeat;
}
.pivot-table-expand-collapse-tool-panel {
  width: 100%;
}
.pivot-table-expand-collapse-tool-panel .pivot-table-expand-collapse-tool-panel__section-title {
  padding: 8px 8px 4px 8px;
  font-weight: 600;
}
.pivot-table-expand-collapse-tool-panel ul {
  list-style: none;
  margin: 0;
}
.pivot-table-expand-collapse-tool-panel button {
  padding-left: 16px;
  width: 100%;
  border: 0;
  text-align: left;
  background-color: transparent;
  font-size: 12px;
  font-family: 'SourceSansPro';
}
.pivot-table-expand-collapse-tool-panel button:hover {
  background-color: #dddddd;
}
.pivot-table__cell {
  display: flex;
  justify-content: center;
  flex-direction: column;
  height: 100%;
  width: 100%;
  padding-left: 4px;
  padding-right: 4px;
}
.pivot-table__cell--numerical {
  align-items: flex-end;
}
.pivot-table__cell--total-label {
  margin-left: 28px;
  width: calc(100% - 28px);
}
.pivot-table-display-totals-tool-panel__list-item {
  list-style: none;
  margin-left: 12px;
  margin-top: 12px;
}
.pivot-table-display-totals-tool-panel__item {
  margin-top: 8px;
  margin-left: 36px;
}
.pivot-table-display-totals-tool-panel__input-checkbox {
  vertical-align: sub;
}
.pivot-table-display-totals-tool-panel__chevron-icon {
  margin-right: 4px;
}
.pivot-table-header {
  display: flex;
  align-items: center;
  overflow: hidden;
}
.pivot-table-header__label {
  display: inline-block;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  vertical-align: bottom;
}
.pivot-table__cell--total-label .pivot-table__group-content {
  display: inline-block;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  width: 100%;
  vertical-align: bottom;
}
.pivot-table__group--with-chevron {
  display: flex;
}
.pivot-table__group--with-chevron .pivot-table__chevron-container {
  min-width: 16px;
  width: 16px;
}
.pivot-table__group--with-chevron .pivot-table__chevron-container .ag-icon {
  display: inline-block;
  vertical-align: middle;
}
.pivot-table__group--with-chevron .pivot-table__group-content {
  display: inline-block;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.pivot-table__cell,
.pivot-table__group:not(.pivot-table__cell--total-label) {
  width: calc(92%);
}
.pivot-table__cell:not(:has(*)),
.pivot-table__group:not(.pivot-table__cell--total-label):not(:has(*)) {
  display: inline-block;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.pivot-table__cell .pivot-table__cell-content,
.pivot-table__group:not(.pivot-table__cell--total-label) .pivot-table__cell-content,
.pivot-table__cell .pivot-table__group-content,
.pivot-table__group:not(.pivot-table__cell--total-label) .pivot-table__group-content {
  display: inline-block;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  width: 100%;
  vertical-align: bottom;
}
.double-dropzone__wrapper {
  overflow: auto;
  max-height: 24vh;
}
.double-dropzone__list {
  display: flex;
}
.double-dropzone__list ul {
  margin: 0;
}
.double-dropzone__item {
  margin: 2px 0 2px 8px;
  padding: 4px 0 4px 0;
  list-style: none;
  float: left;
  display: flex;
  align-items: center;
  border: 1px solid #dddddd;
}
.double-dropzone__item.empty {
  background-color: #f2f2f2;
}
.double-dropzone__item.notempty {
  background: #ffffff;
}
a.double-dropzone__sort-handle {
  color: #bbbbbb;
  font-size: 16px;
  cursor: move;
}
a.double-dropzone__sort-handle:hover {
  text-decoration: none;
}
.double-dropzone__button {
  width: 24px;
  text-align: center;
}
.double-dropzone__button .dku-icon-trash-16 {
  cursor: pointer;
  opacity: 0.5;
  font-size: 13px !important;
}
.double-dropzone__button .dku-icon-trash-16:hover {
  opacity: 1;
}
.double-dropzone__dropzone-item {
  min-height: 32px;
}
.filter-option.color-rule--red-background,
.filter-option.color-rule--orange-background,
.filter-option.color-rule--green-background {
  width: fit-content !important;
  padding-left: 4px;
  padding-right: 4px;
}
.color-rule--orange-background {
  background-color: #f28c38 !important;
  color: #ffffff !important;
}
.color-rule--green-background {
  background-color: #29af5d !important;
  color: #ffffff !important;
}
.color-rule--red-background {
  background-color: #f44336 !important;
  color: #ffffff !important;
}
.color-rule--red-text {
  color: #f44336 !important;
}
.color-rule--green-text {
  color: #29af5d !important;
}
.color-rule--orange-text {
  color: #f28c38 !important;
}
.color-picker-item-icon {
  width: 40px;
  height: 24px;
  background: #ffffff;
  display: flex;
  align-items: center;
  position: relative;
  cursor: pointer;
  border: solid 1px #dddddd;
}
.color-picker-item-icon:hover {
  background: #f2f2f2;
}
.color-picker-item-icon .color-picker-item-icon__main {
  position: relative;
  display: flex;
  flex: 1 1 auto;
  align-items: flex-start;
  justify-content: center;
  height: 100%;
}
.color-picker-item-icon .main-icon {
  margin-left: 2px;
}
.color-picker-item-icon .color-indicator {
  display: flex;
  flex: 1 1 auto;
  height: calc(100% - 8px);
  margin: 4px;
}
.color-picker-item-icon i + .color-indicator {
  height: 4px;
  width: 18px;
  position: absolute;
  bottom: 2px;
  margin: 0;
  left: 4px;
}
.color-picker-item-icon .white-color-indicator {
  border: 1px solid #dddddd;
  box-sizing: border-box;
}
.color-picker-item-icon .caret {
  display: flex;
  margin: 4px;
}
.zoomable.panning {
  cursor: move;
}
d3fc-canvas,
d3fc-svg {
  position: relative;
  display: block;
}
d3fc-canvas > canvas,
d3fc-svg > svg {
  position: absolute;
  height: 100%;
  width: 100%;
}
d3fc-svg > svg,
.scatter-svg > svg {
  overflow: visible;
}
d3fc-svg > svg rect.extent,
.scatter-svg > svg rect.extent {
  shape-rendering: crispEdges;
  fill-opacity: 0.3;
  fill: #777;
}
d3fc-group {
  width: 100%;
  height: 100%;
  overflow: hidden;
  display: grid;
  grid-template-columns: auto 1fr auto;
  grid-template-rows: auto 1fr auto;
}
d3fc-group > .plot-area {
  overflow: hidden;
  grid-column: 2;
  grid-row: 2;
}
.chart-tabs-with-themes .tabbable ul.nav-tabs {
  display: flex;
  justify-content: space-between;
  padding-left: 0;
}
.chart-tabs-with-themes .tabbable ul.nav-tabs li > a {
  border: none;
  padding: 0 2px;
}
.chart-tabs-with-themes .tabbable ul.nav-tabs li .title .dku-fw500-width::after {
  content: none;
}
.chart-tabs-with-themes .tabbable ul.nav-tabs li:not(.active) > a:before {
  border-bottom: 2px solid transparent;
}
#flow-graph {
  cursor: grab;
  display: block;
  height: 100%;
}
#flow-graph .moving {
  cursor: move;
}
#flow-graph.performance .moving foreignObject:not(.zone_header) {
  display: none;
}
#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-ml-recipe-flow-icon.highlight,
#flow-graph .mx-ml-recipe-flow-icon:not(.filter-remove):hover {
  color: #29af5d;
}
#flow-graph .mx-ml-recipe-flow-icon.fade-out,
#flow-graph .mx-ml-recipe-flow-icon.fade-out--no-filter {
  color: rgba(41, 175, 93, 0.35);
}
#flow-graph .mx-ml-recipe-flow-icon.filter-remove:not(.fade-out--no-filter) {
  color: rgba(41, 175, 93, 0.15);
}
#flow-graph .mx-ml-recipe-flow-icon.filter-remove:not(.fade-out--no-filter):not(.focus) > g {
  color: rgba(102, 102, 102, 0.15);
}
#flow-graph .mx-ml-recipe-flow-icon.selected.selected {
  color: #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-visual-recipe-flow-icon.highlight,
#flow-graph .mx-visual-recipe-flow-icon:not(.filter-remove):hover {
  color: #f9bd38;
}
#flow-graph .mx-visual-recipe-flow-icon.fade-out,
#flow-graph .mx-visual-recipe-flow-icon.fade-out--no-filter {
  color: rgba(249, 189, 56, 0.35);
}
#flow-graph .mx-visual-recipe-flow-icon.filter-remove:not(.fade-out--no-filter) {
  color: rgba(249, 189, 56, 0.15);
}
#flow-graph .mx-visual-recipe-flow-icon.filter-remove:not(.fade-out--no-filter):not(.focus) > g {
  color: rgba(102, 102, 102, 0.15);
}
#flow-graph .mx-visual-recipe-flow-icon.selected.selected {
  color: #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-code-recipe-flow-icon.highlight,
#flow-graph .mx-code-recipe-flow-icon:not(.filter-remove):hover {
  color: #f28c38;
}
#flow-graph .mx-code-recipe-flow-icon.fade-out,
#flow-graph .mx-code-recipe-flow-icon.fade-out--no-filter {
  color: rgba(242, 140, 56, 0.35);
}
#flow-graph .mx-code-recipe-flow-icon.filter-remove:not(.fade-out--no-filter) {
  color: rgba(242, 140, 56, 0.15);
}
#flow-graph .mx-code-recipe-flow-icon.filter-remove:not(.fade-out--no-filter):not(.focus) > g {
  color: rgba(102, 102, 102, 0.15);
}
#flow-graph .mx-code-recipe-flow-icon.selected.selected {
  color: #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 .mx-continuous-recipe-flow-icon.highlight,
#flow-graph .mx-continuous-recipe-flow-icon:not(.filter-remove):hover {
  color: #3b7879;
}
#flow-graph .mx-continuous-recipe-flow-icon.fade-out,
#flow-graph .mx-continuous-recipe-flow-icon.fade-out--no-filter {
  color: rgba(59, 120, 121, 0.35);
}
#flow-graph .mx-continuous-recipe-flow-icon.filter-remove:not(.fade-out--no-filter) {
  color: rgba(59, 120, 121, 0.15);
}
#flow-graph .mx-continuous-recipe-flow-icon.filter-remove:not(.fade-out--no-filter):not(.focus) > g {
  color: rgba(102, 102, 102, 0.15);
}
#flow-graph .mx-continuous-recipe-flow-icon.selected.selected {
  color: #3b7879;
}
#flow-graph .mx-nlp-recipe-flow-icon {
  fill: #d66f9e;
  color: #d66f9e;
}
#flow-graph .mx-nlp-recipe-flow-icon .nodelabel-wrapper {
  overflow: hidden;
}
#flow-graph .mx-nlp-recipe-flow-icon .nodelabel-wrapper span {
  color: #ffffff;
  background: #d66f9e;
}
#flow-graph .mx-nlp-recipe-flow-icon.highlight,
#flow-graph .mx-nlp-recipe-flow-icon:not(.filter-remove):hover {
  color: #d66f9e;
}
#flow-graph .mx-nlp-recipe-flow-icon.fade-out,
#flow-graph .mx-nlp-recipe-flow-icon.fade-out--no-filter {
  color: rgba(214, 111, 158, 0.35);
}
#flow-graph .mx-nlp-recipe-flow-icon.filter-remove:not(.fade-out--no-filter) {
  color: rgba(214, 111, 158, 0.15);
}
#flow-graph .mx-nlp-recipe-flow-icon.filter-remove:not(.fade-out--no-filter):not(.focus) > g {
  color: rgba(102, 102, 102, 0.15);
}
#flow-graph .mx-nlp-recipe-flow-icon.selected.selected {
  color: #d66f9e;
}
#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-pig.highlight,
#flow-graph .recipeicon-hive.highlight,
#flow-graph .recipeicon-impala.highlight,
#flow-graph .recipeicon-python.highlight,
#flow-graph .recipeicon-julia.highlight,
#flow-graph .recipeicon-shell.highlight,
#flow-graph .recipeicon-r.highlight,
#flow-graph .recipeicon-sql_script.highlight,
#flow-graph .recipeicon-sql_query.highlight,
#flow-graph .recipeicon-pyspark.highlight,
#flow-graph .recipeicon-sparkr.highlight,
#flow-graph .recipeicon-spark_scala.highlight,
#flow-graph .recipeicon-spark_sql_query.highlight,
#flow-graph .recipeicon-pig:not(.filter-remove):hover,
#flow-graph .recipeicon-hive:not(.filter-remove):hover,
#flow-graph .recipeicon-impala:not(.filter-remove):hover,
#flow-graph .recipeicon-python:not(.filter-remove):hover,
#flow-graph .recipeicon-julia:not(.filter-remove):hover,
#flow-graph .recipeicon-shell:not(.filter-remove):hover,
#flow-graph .recipeicon-r:not(.filter-remove):hover,
#flow-graph .recipeicon-sql_script:not(.filter-remove):hover,
#flow-graph .recipeicon-sql_query:not(.filter-remove):hover,
#flow-graph .recipeicon-pyspark:not(.filter-remove):hover,
#flow-graph .recipeicon-sparkr:not(.filter-remove):hover,
#flow-graph .recipeicon-spark_scala:not(.filter-remove):hover,
#flow-graph .recipeicon-spark_sql_query:not(.filter-remove):hover {
  color: #f28c38;
}
#flow-graph .recipeicon-pig.fade-out,
#flow-graph .recipeicon-hive.fade-out,
#flow-graph .recipeicon-impala.fade-out,
#flow-graph .recipeicon-python.fade-out,
#flow-graph .recipeicon-julia.fade-out,
#flow-graph .recipeicon-shell.fade-out,
#flow-graph .recipeicon-r.fade-out,
#flow-graph .recipeicon-sql_script.fade-out,
#flow-graph .recipeicon-sql_query.fade-out,
#flow-graph .recipeicon-pyspark.fade-out,
#flow-graph .recipeicon-sparkr.fade-out,
#flow-graph .recipeicon-spark_scala.fade-out,
#flow-graph .recipeicon-spark_sql_query.fade-out,
#flow-graph .recipeicon-pig.fade-out--no-filter,
#flow-graph .recipeicon-hive.fade-out--no-filter,
#flow-graph .recipeicon-impala.fade-out--no-filter,
#flow-graph .recipeicon-python.fade-out--no-filter,
#flow-graph .recipeicon-julia.fade-out--no-filter,
#flow-graph .recipeicon-shell.fade-out--no-filter,
#flow-graph .recipeicon-r.fade-out--no-filter,
#flow-graph .recipeicon-sql_script.fade-out--no-filter,
#flow-graph .recipeicon-sql_query.fade-out--no-filter,
#flow-graph .recipeicon-pyspark.fade-out--no-filter,
#flow-graph .recipeicon-sparkr.fade-out--no-filter,
#flow-graph .recipeicon-spark_scala.fade-out--no-filter,
#flow-graph .recipeicon-spark_sql_query.fade-out--no-filter {
  color: rgba(242, 140, 56, 0.35);
}
#flow-graph .recipeicon-pig.filter-remove:not(.fade-out--no-filter),
#flow-graph .recipeicon-hive.filter-remove:not(.fade-out--no-filter),
#flow-graph .recipeicon-impala.filter-remove:not(.fade-out--no-filter),
#flow-graph .recipeicon-python.filter-remove:not(.fade-out--no-filter),
#flow-graph .recipeicon-julia.filter-remove:not(.fade-out--no-filter),
#flow-graph .recipeicon-shell.filter-remove:not(.fade-out--no-filter),
#flow-graph .recipeicon-r.filter-remove:not(.fade-out--no-filter),
#flow-graph .recipeicon-sql_script.filter-remove:not(.fade-out--no-filter),
#flow-graph .recipeicon-sql_query.filter-remove:not(.fade-out--no-filter),
#flow-graph .recipeicon-pyspark.filter-remove:not(.fade-out--no-filter),
#flow-graph .recipeicon-sparkr.filter-remove:not(.fade-out--no-filter),
#flow-graph .recipeicon-spark_scala.filter-remove:not(.fade-out--no-filter),
#flow-graph .recipeicon-spark_sql_query.filter-remove:not(.fade-out--no-filter) {
  color: rgba(242, 140, 56, 0.15);
}
#flow-graph .recipeicon-pig.filter-remove:not(.fade-out--no-filter):not(.focus) > g,
#flow-graph .recipeicon-hive.filter-remove:not(.fade-out--no-filter):not(.focus) > g,
#flow-graph .recipeicon-impala.filter-remove:not(.fade-out--no-filter):not(.focus) > g,
#flow-graph .recipeicon-python.filter-remove:not(.fade-out--no-filter):not(.focus) > g,
#flow-graph .recipeicon-julia.filter-remove:not(.fade-out--no-filter):not(.focus) > g,
#flow-graph .recipeicon-shell.filter-remove:not(.fade-out--no-filter):not(.focus) > g,
#flow-graph .recipeicon-r.filter-remove:not(.fade-out--no-filter):not(.focus) > g,
#flow-graph .recipeicon-sql_script.filter-remove:not(.fade-out--no-filter):not(.focus) > g,
#flow-graph .recipeicon-sql_query.filter-remove:not(.fade-out--no-filter):not(.focus) > g,
#flow-graph .recipeicon-pyspark.filter-remove:not(.fade-out--no-filter):not(.focus) > g,
#flow-graph .recipeicon-sparkr.filter-remove:not(.fade-out--no-filter):not(.focus) > g,
#flow-graph .recipeicon-spark_scala.filter-remove:not(.fade-out--no-filter):not(.focus) > g,
#flow-graph .recipeicon-spark_sql_query.filter-remove:not(.fade-out--no-filter):not(.focus) > g {
  color: rgba(102, 102, 102, 0.15);
}
#flow-graph .recipeicon-pig.selected.selected,
#flow-graph .recipeicon-hive.selected.selected,
#flow-graph .recipeicon-impala.selected.selected,
#flow-graph .recipeicon-python.selected.selected,
#flow-graph .recipeicon-julia.selected.selected,
#flow-graph .recipeicon-shell.selected.selected,
#flow-graph .recipeicon-r.selected.selected,
#flow-graph .recipeicon-sql_script.selected.selected,
#flow-graph .recipeicon-sql_query.selected.selected,
#flow-graph .recipeicon-pyspark.selected.selected,
#flow-graph .recipeicon-sparkr.selected.selected,
#flow-graph .recipeicon-spark_scala.selected.selected,
#flow-graph .recipeicon-spark_sql_query.selected.selected {
  color: #f28c38;
}
#flow-graph .recipeicon-shaker,
#flow-graph .recipeicon-sync,
#flow-graph .recipeicon-update,
#flow-graph .recipeicon-sampling,
#flow-graph .recipeicon-grouping,
#flow-graph .recipeicon-upsert,
#flow-graph .recipeicon-distinct,
#flow-graph .recipeicon-join,
#flow-graph .recipeicon-fuzzyjoin,
#flow-graph .recipeicon-geojoin,
#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-list_folder_contents,
#flow-graph .recipeicon-window,
#flow-graph .recipeicon-download,
#flow-graph .recipeicon-labeling_task,
#flow-graph .recipeicon-generate_features,
#flow-graph .recipeicon-eda_pca,
#flow-graph .recipeicon-eda_stats,
#flow-graph .recipeicon-eda_univariate,
#flow-graph .recipeicon-export,
#flow-graph .recipeicon-extract_failed_rows {
  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-upsert .nodelabel-wrapper,
#flow-graph .recipeicon-distinct .nodelabel-wrapper,
#flow-graph .recipeicon-join .nodelabel-wrapper,
#flow-graph .recipeicon-fuzzyjoin .nodelabel-wrapper,
#flow-graph .recipeicon-geojoin .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-list_folder_contents .nodelabel-wrapper,
#flow-graph .recipeicon-window .nodelabel-wrapper,
#flow-graph .recipeicon-download .nodelabel-wrapper,
#flow-graph .recipeicon-labeling_task .nodelabel-wrapper,
#flow-graph .recipeicon-generate_features .nodelabel-wrapper,
#flow-graph .recipeicon-eda_pca .nodelabel-wrapper,
#flow-graph .recipeicon-eda_stats .nodelabel-wrapper,
#flow-graph .recipeicon-eda_univariate .nodelabel-wrapper,
#flow-graph .recipeicon-export .nodelabel-wrapper,
#flow-graph .recipeicon-extract_failed_rows .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-upsert .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-geojoin .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-list_folder_contents .nodelabel-wrapper span,
#flow-graph .recipeicon-window .nodelabel-wrapper span,
#flow-graph .recipeicon-download .nodelabel-wrapper span,
#flow-graph .recipeicon-labeling_task .nodelabel-wrapper span,
#flow-graph .recipeicon-generate_features .nodelabel-wrapper span,
#flow-graph .recipeicon-eda_pca .nodelabel-wrapper span,
#flow-graph .recipeicon-eda_stats .nodelabel-wrapper span,
#flow-graph .recipeicon-eda_univariate .nodelabel-wrapper span,
#flow-graph .recipeicon-export .nodelabel-wrapper span,
#flow-graph .recipeicon-extract_failed_rows .nodelabel-wrapper span {
  color: #ffffff;
  background: #f9bd38;
}
#flow-graph .recipeicon-shaker.highlight,
#flow-graph .recipeicon-sync.highlight,
#flow-graph .recipeicon-update.highlight,
#flow-graph .recipeicon-sampling.highlight,
#flow-graph .recipeicon-grouping.highlight,
#flow-graph .recipeicon-upsert.highlight,
#flow-graph .recipeicon-distinct.highlight,
#flow-graph .recipeicon-join.highlight,
#flow-graph .recipeicon-fuzzyjoin.highlight,
#flow-graph .recipeicon-geojoin.highlight,
#flow-graph .recipeicon-split.highlight,
#flow-graph .recipeicon-topn.highlight,
#flow-graph .recipeicon-sort.highlight,
#flow-graph .recipeicon-pivot.highlight,
#flow-graph .recipeicon-vstack.highlight,
#flow-graph .recipeicon-merge_folder.highlight,
#flow-graph .recipeicon-list_folder_contents.highlight,
#flow-graph .recipeicon-window.highlight,
#flow-graph .recipeicon-download.highlight,
#flow-graph .recipeicon-labeling_task.highlight,
#flow-graph .recipeicon-generate_features.highlight,
#flow-graph .recipeicon-eda_pca.highlight,
#flow-graph .recipeicon-eda_stats.highlight,
#flow-graph .recipeicon-eda_univariate.highlight,
#flow-graph .recipeicon-export.highlight,
#flow-graph .recipeicon-extract_failed_rows.highlight,
#flow-graph .recipeicon-shaker:not(.filter-remove):hover,
#flow-graph .recipeicon-sync:not(.filter-remove):hover,
#flow-graph .recipeicon-update:not(.filter-remove):hover,
#flow-graph .recipeicon-sampling:not(.filter-remove):hover,
#flow-graph .recipeicon-grouping:not(.filter-remove):hover,
#flow-graph .recipeicon-upsert:not(.filter-remove):hover,
#flow-graph .recipeicon-distinct:not(.filter-remove):hover,
#flow-graph .recipeicon-join:not(.filter-remove):hover,
#flow-graph .recipeicon-fuzzyjoin:not(.filter-remove):hover,
#flow-graph .recipeicon-geojoin:not(.filter-remove):hover,
#flow-graph .recipeicon-split:not(.filter-remove):hover,
#flow-graph .recipeicon-topn:not(.filter-remove):hover,
#flow-graph .recipeicon-sort:not(.filter-remove):hover,
#flow-graph .recipeicon-pivot:not(.filter-remove):hover,
#flow-graph .recipeicon-vstack:not(.filter-remove):hover,
#flow-graph .recipeicon-merge_folder:not(.filter-remove):hover,
#flow-graph .recipeicon-list_folder_contents:not(.filter-remove):hover,
#flow-graph .recipeicon-window:not(.filter-remove):hover,
#flow-graph .recipeicon-download:not(.filter-remove):hover,
#flow-graph .recipeicon-labeling_task:not(.filter-remove):hover,
#flow-graph .recipeicon-generate_features:not(.filter-remove):hover,
#flow-graph .recipeicon-eda_pca:not(.filter-remove):hover,
#flow-graph .recipeicon-eda_stats:not(.filter-remove):hover,
#flow-graph .recipeicon-eda_univariate:not(.filter-remove):hover,
#flow-graph .recipeicon-export:not(.filter-remove):hover,
#flow-graph .recipeicon-extract_failed_rows:not(.filter-remove):hover {
  color: #f9bd38;
}
#flow-graph .recipeicon-shaker.fade-out,
#flow-graph .recipeicon-sync.fade-out,
#flow-graph .recipeicon-update.fade-out,
#flow-graph .recipeicon-sampling.fade-out,
#flow-graph .recipeicon-grouping.fade-out,
#flow-graph .recipeicon-upsert.fade-out,
#flow-graph .recipeicon-distinct.fade-out,
#flow-graph .recipeicon-join.fade-out,
#flow-graph .recipeicon-fuzzyjoin.fade-out,
#flow-graph .recipeicon-geojoin.fade-out,
#flow-graph .recipeicon-split.fade-out,
#flow-graph .recipeicon-topn.fade-out,
#flow-graph .recipeicon-sort.fade-out,
#flow-graph .recipeicon-pivot.fade-out,
#flow-graph .recipeicon-vstack.fade-out,
#flow-graph .recipeicon-merge_folder.fade-out,
#flow-graph .recipeicon-list_folder_contents.fade-out,
#flow-graph .recipeicon-window.fade-out,
#flow-graph .recipeicon-download.fade-out,
#flow-graph .recipeicon-labeling_task.fade-out,
#flow-graph .recipeicon-generate_features.fade-out,
#flow-graph .recipeicon-eda_pca.fade-out,
#flow-graph .recipeicon-eda_stats.fade-out,
#flow-graph .recipeicon-eda_univariate.fade-out,
#flow-graph .recipeicon-export.fade-out,
#flow-graph .recipeicon-extract_failed_rows.fade-out,
#flow-graph .recipeicon-shaker.fade-out--no-filter,
#flow-graph .recipeicon-sync.fade-out--no-filter,
#flow-graph .recipeicon-update.fade-out--no-filter,
#flow-graph .recipeicon-sampling.fade-out--no-filter,
#flow-graph .recipeicon-grouping.fade-out--no-filter,
#flow-graph .recipeicon-upsert.fade-out--no-filter,
#flow-graph .recipeicon-distinct.fade-out--no-filter,
#flow-graph .recipeicon-join.fade-out--no-filter,
#flow-graph .recipeicon-fuzzyjoin.fade-out--no-filter,
#flow-graph .recipeicon-geojoin.fade-out--no-filter,
#flow-graph .recipeicon-split.fade-out--no-filter,
#flow-graph .recipeicon-topn.fade-out--no-filter,
#flow-graph .recipeicon-sort.fade-out--no-filter,
#flow-graph .recipeicon-pivot.fade-out--no-filter,
#flow-graph .recipeicon-vstack.fade-out--no-filter,
#flow-graph .recipeicon-merge_folder.fade-out--no-filter,
#flow-graph .recipeicon-list_folder_contents.fade-out--no-filter,
#flow-graph .recipeicon-window.fade-out--no-filter,
#flow-graph .recipeicon-download.fade-out--no-filter,
#flow-graph .recipeicon-labeling_task.fade-out--no-filter,
#flow-graph .recipeicon-generate_features.fade-out--no-filter,
#flow-graph .recipeicon-eda_pca.fade-out--no-filter,
#flow-graph .recipeicon-eda_stats.fade-out--no-filter,
#flow-graph .recipeicon-eda_univariate.fade-out--no-filter,
#flow-graph .recipeicon-export.fade-out--no-filter,
#flow-graph .recipeicon-extract_failed_rows.fade-out--no-filter {
  color: rgba(249, 189, 56, 0.35);
}
#flow-graph .recipeicon-shaker.filter-remove:not(.fade-out--no-filter),
#flow-graph .recipeicon-sync.filter-remove:not(.fade-out--no-filter),
#flow-graph .recipeicon-update.filter-remove:not(.fade-out--no-filter),
#flow-graph .recipeicon-sampling.filter-remove:not(.fade-out--no-filter),
#flow-graph .recipeicon-grouping.filter-remove:not(.fade-out--no-filter),
#flow-graph .recipeicon-upsert.filter-remove:not(.fade-out--no-filter),
#flow-graph .recipeicon-distinct.filter-remove:not(.fade-out--no-filter),
#flow-graph .recipeicon-join.filter-remove:not(.fade-out--no-filter),
#flow-graph .recipeicon-fuzzyjoin.filter-remove:not(.fade-out--no-filter),
#flow-graph .recipeicon-geojoin.filter-remove:not(.fade-out--no-filter),
#flow-graph .recipeicon-split.filter-remove:not(.fade-out--no-filter),
#flow-graph .recipeicon-topn.filter-remove:not(.fade-out--no-filter),
#flow-graph .recipeicon-sort.filter-remove:not(.fade-out--no-filter),
#flow-graph .recipeicon-pivot.filter-remove:not(.fade-out--no-filter),
#flow-graph .recipeicon-vstack.filter-remove:not(.fade-out--no-filter),
#flow-graph .recipeicon-merge_folder.filter-remove:not(.fade-out--no-filter),
#flow-graph .recipeicon-list_folder_contents.filter-remove:not(.fade-out--no-filter),
#flow-graph .recipeicon-window.filter-remove:not(.fade-out--no-filter),
#flow-graph .recipeicon-download.filter-remove:not(.fade-out--no-filter),
#flow-graph .recipeicon-labeling_task.filter-remove:not(.fade-out--no-filter),
#flow-graph .recipeicon-generate_features.filter-remove:not(.fade-out--no-filter),
#flow-graph .recipeicon-eda_pca.filter-remove:not(.fade-out--no-filter),
#flow-graph .recipeicon-eda_stats.filter-remove:not(.fade-out--no-filter),
#flow-graph .recipeicon-eda_univariate.filter-remove:not(.fade-out--no-filter),
#flow-graph .recipeicon-export.filter-remove:not(.fade-out--no-filter),
#flow-graph .recipeicon-extract_failed_rows.filter-remove:not(.fade-out--no-filter) {
  color: rgba(249, 189, 56, 0.15);
}
#flow-graph .recipeicon-shaker.filter-remove:not(.fade-out--no-filter):not(.focus) > g,
#flow-graph .recipeicon-sync.filter-remove:not(.fade-out--no-filter):not(.focus) > g,
#flow-graph .recipeicon-update.filter-remove:not(.fade-out--no-filter):not(.focus) > g,
#flow-graph .recipeicon-sampling.filter-remove:not(.fade-out--no-filter):not(.focus) > g,
#flow-graph .recipeicon-grouping.filter-remove:not(.fade-out--no-filter):not(.focus) > g,
#flow-graph .recipeicon-upsert.filter-remove:not(.fade-out--no-filter):not(.focus) > g,
#flow-graph .recipeicon-distinct.filter-remove:not(.fade-out--no-filter):not(.focus) > g,
#flow-graph .recipeicon-join.filter-remove:not(.fade-out--no-filter):not(.focus) > g,
#flow-graph .recipeicon-fuzzyjoin.filter-remove:not(.fade-out--no-filter):not(.focus) > g,
#flow-graph .recipeicon-geojoin.filter-remove:not(.fade-out--no-filter):not(.focus) > g,
#flow-graph .recipeicon-split.filter-remove:not(.fade-out--no-filter):not(.focus) > g,
#flow-graph .recipeicon-topn.filter-remove:not(.fade-out--no-filter):not(.focus) > g,
#flow-graph .recipeicon-sort.filter-remove:not(.fade-out--no-filter):not(.focus) > g,
#flow-graph .recipeicon-pivot.filter-remove:not(.fade-out--no-filter):not(.focus) > g,
#flow-graph .recipeicon-vstack.filter-remove:not(.fade-out--no-filter):not(.focus) > g,
#flow-graph .recipeicon-merge_folder.filter-remove:not(.fade-out--no-filter):not(.focus) > g,
#flow-graph .recipeicon-list_folder_contents.filter-remove:not(.fade-out--no-filter):not(.focus) > g,
#flow-graph .recipeicon-window.filter-remove:not(.fade-out--no-filter):not(.focus) > g,
#flow-graph .recipeicon-download.filter-remove:not(.fade-out--no-filter):not(.focus) > g,
#flow-graph .recipeicon-labeling_task.filter-remove:not(.fade-out--no-filter):not(.focus) > g,
#flow-graph .recipeicon-generate_features.filter-remove:not(.fade-out--no-filter):not(.focus) > g,
#flow-graph .recipeicon-eda_pca.filter-remove:not(.fade-out--no-filter):not(.focus) > g,
#flow-graph .recipeicon-eda_stats.filter-remove:not(.fade-out--no-filter):not(.focus) > g,
#flow-graph .recipeicon-eda_univariate.filter-remove:not(.fade-out--no-filter):not(.focus) > g,
#flow-graph .recipeicon-export.filter-remove:not(.fade-out--no-filter):not(.focus) > g,
#flow-graph .recipeicon-extract_failed_rows.filter-remove:not(.fade-out--no-filter):not(.focus) > g {
  color: rgba(102, 102, 102, 0.15);
}
#flow-graph .recipeicon-shaker.selected.selected,
#flow-graph .recipeicon-sync.selected.selected,
#flow-graph .recipeicon-update.selected.selected,
#flow-graph .recipeicon-sampling.selected.selected,
#flow-graph .recipeicon-grouping.selected.selected,
#flow-graph .recipeicon-upsert.selected.selected,
#flow-graph .recipeicon-distinct.selected.selected,
#flow-graph .recipeicon-join.selected.selected,
#flow-graph .recipeicon-fuzzyjoin.selected.selected,
#flow-graph .recipeicon-geojoin.selected.selected,
#flow-graph .recipeicon-split.selected.selected,
#flow-graph .recipeicon-topn.selected.selected,
#flow-graph .recipeicon-sort.selected.selected,
#flow-graph .recipeicon-pivot.selected.selected,
#flow-graph .recipeicon-vstack.selected.selected,
#flow-graph .recipeicon-merge_folder.selected.selected,
#flow-graph .recipeicon-list_folder_contents.selected.selected,
#flow-graph .recipeicon-window.selected.selected,
#flow-graph .recipeicon-download.selected.selected,
#flow-graph .recipeicon-labeling_task.selected.selected,
#flow-graph .recipeicon-generate_features.selected.selected,
#flow-graph .recipeicon-eda_pca.selected.selected,
#flow-graph .recipeicon-eda_stats.selected.selected,
#flow-graph .recipeicon-eda_univariate.selected.selected,
#flow-graph .recipeicon-export.selected.selected,
#flow-graph .recipeicon-extract_failed_rows.selected.selected {
  color: #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-csync.highlight,
#flow-graph .recipeicon-cpython.highlight,
#flow-graph .recipeicon-ksql.highlight,
#flow-graph .recipeicon-streaming_spark_scala.highlight,
#flow-graph .recipeicon-csync:not(.filter-remove):hover,
#flow-graph .recipeicon-cpython:not(.filter-remove):hover,
#flow-graph .recipeicon-ksql:not(.filter-remove):hover,
#flow-graph .recipeicon-streaming_spark_scala:not(.filter-remove):hover {
  color: #3b7879;
}
#flow-graph .recipeicon-csync.fade-out,
#flow-graph .recipeicon-cpython.fade-out,
#flow-graph .recipeicon-ksql.fade-out,
#flow-graph .recipeicon-streaming_spark_scala.fade-out,
#flow-graph .recipeicon-csync.fade-out--no-filter,
#flow-graph .recipeicon-cpython.fade-out--no-filter,
#flow-graph .recipeicon-ksql.fade-out--no-filter,
#flow-graph .recipeicon-streaming_spark_scala.fade-out--no-filter {
  color: rgba(59, 120, 121, 0.35);
}
#flow-graph .recipeicon-csync.filter-remove:not(.fade-out--no-filter),
#flow-graph .recipeicon-cpython.filter-remove:not(.fade-out--no-filter),
#flow-graph .recipeicon-ksql.filter-remove:not(.fade-out--no-filter),
#flow-graph .recipeicon-streaming_spark_scala.filter-remove:not(.fade-out--no-filter) {
  color: rgba(59, 120, 121, 0.15);
}
#flow-graph .recipeicon-csync.filter-remove:not(.fade-out--no-filter):not(.focus) > g,
#flow-graph .recipeicon-cpython.filter-remove:not(.fade-out--no-filter):not(.focus) > g,
#flow-graph .recipeicon-ksql.filter-remove:not(.fade-out--no-filter):not(.focus) > g,
#flow-graph .recipeicon-streaming_spark_scala.filter-remove:not(.fade-out--no-filter):not(.focus) > g {
  color: rgba(102, 102, 102, 0.15);
}
#flow-graph .recipeicon-csync.selected.selected,
#flow-graph .recipeicon-cpython.selected.selected,
#flow-graph .recipeicon-ksql.selected.selected,
#flow-graph .recipeicon-streaming_spark_scala.selected.selected {
  color: #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-prediction_training.highlight,
#flow-graph .recipeicon-prediction_scoring.highlight,
#flow-graph .recipeicon-clustering_training.highlight,
#flow-graph .recipeicon-clustering_scoring.highlight,
#flow-graph .recipeicon-evaluation.highlight,
#flow-graph .recipeicon-standalone_evaluation.highlight,
#flow-graph .recipeicon-clustering_cluster.highlight,
#flow-graph .recipeicon-prediction_training:not(.filter-remove):hover,
#flow-graph .recipeicon-prediction_scoring:not(.filter-remove):hover,
#flow-graph .recipeicon-clustering_training:not(.filter-remove):hover,
#flow-graph .recipeicon-clustering_scoring:not(.filter-remove):hover,
#flow-graph .recipeicon-evaluation:not(.filter-remove):hover,
#flow-graph .recipeicon-standalone_evaluation:not(.filter-remove):hover,
#flow-graph .recipeicon-clustering_cluster:not(.filter-remove):hover {
  color: #29af5d;
}
#flow-graph .recipeicon-prediction_training.fade-out,
#flow-graph .recipeicon-prediction_scoring.fade-out,
#flow-graph .recipeicon-clustering_training.fade-out,
#flow-graph .recipeicon-clustering_scoring.fade-out,
#flow-graph .recipeicon-evaluation.fade-out,
#flow-graph .recipeicon-standalone_evaluation.fade-out,
#flow-graph .recipeicon-clustering_cluster.fade-out,
#flow-graph .recipeicon-prediction_training.fade-out--no-filter,
#flow-graph .recipeicon-prediction_scoring.fade-out--no-filter,
#flow-graph .recipeicon-clustering_training.fade-out--no-filter,
#flow-graph .recipeicon-clustering_scoring.fade-out--no-filter,
#flow-graph .recipeicon-evaluation.fade-out--no-filter,
#flow-graph .recipeicon-standalone_evaluation.fade-out--no-filter,
#flow-graph .recipeicon-clustering_cluster.fade-out--no-filter {
  color: rgba(41, 175, 93, 0.35);
}
#flow-graph .recipeicon-prediction_training.filter-remove:not(.fade-out--no-filter),
#flow-graph .recipeicon-prediction_scoring.filter-remove:not(.fade-out--no-filter),
#flow-graph .recipeicon-clustering_training.filter-remove:not(.fade-out--no-filter),
#flow-graph .recipeicon-clustering_scoring.filter-remove:not(.fade-out--no-filter),
#flow-graph .recipeicon-evaluation.filter-remove:not(.fade-out--no-filter),
#flow-graph .recipeicon-standalone_evaluation.filter-remove:not(.fade-out--no-filter),
#flow-graph .recipeicon-clustering_cluster.filter-remove:not(.fade-out--no-filter) {
  color: rgba(41, 175, 93, 0.15);
}
#flow-graph .recipeicon-prediction_training.filter-remove:not(.fade-out--no-filter):not(.focus) > g,
#flow-graph .recipeicon-prediction_scoring.filter-remove:not(.fade-out--no-filter):not(.focus) > g,
#flow-graph .recipeicon-clustering_training.filter-remove:not(.fade-out--no-filter):not(.focus) > g,
#flow-graph .recipeicon-clustering_scoring.filter-remove:not(.fade-out--no-filter):not(.focus) > g,
#flow-graph .recipeicon-evaluation.filter-remove:not(.fade-out--no-filter):not(.focus) > g,
#flow-graph .recipeicon-standalone_evaluation.filter-remove:not(.fade-out--no-filter):not(.focus) > g,
#flow-graph .recipeicon-clustering_cluster.filter-remove:not(.fade-out--no-filter):not(.focus) > g {
  color: rgba(102, 102, 102, 0.15);
}
#flow-graph .recipeicon-prediction_training.selected.selected,
#flow-graph .recipeicon-prediction_scoring.selected.selected,
#flow-graph .recipeicon-clustering_training.selected.selected,
#flow-graph .recipeicon-clustering_scoring.selected.selected,
#flow-graph .recipeicon-evaluation.selected.selected,
#flow-graph .recipeicon-standalone_evaluation.selected.selected,
#flow-graph .recipeicon-clustering_cluster.selected.selected {
  color: #29af5d;
}
#flow-graph .recipeicon-prompt {
  fill: #d66f9e;
  color: #d66f9e;
}
#flow-graph .recipeicon-prompt .nodelabel-wrapper {
  overflow: hidden;
}
#flow-graph .recipeicon-prompt .nodelabel-wrapper span {
  color: #ffffff;
  background: #d66f9e;
}
#flow-graph .recipeicon-prompt.highlight,
#flow-graph .recipeicon-prompt:not(.filter-remove):hover {
  color: #d66f9e;
}
#flow-graph .recipeicon-prompt.fade-out,
#flow-graph .recipeicon-prompt.fade-out--no-filter {
  color: rgba(214, 111, 158, 0.35);
}
#flow-graph .recipeicon-prompt.filter-remove:not(.fade-out--no-filter) {
  color: rgba(214, 111, 158, 0.15);
}
#flow-graph .recipeicon-prompt.filter-remove:not(.fade-out--no-filter):not(.focus) > g {
  color: rgba(102, 102, 102, 0.15);
}
#flow-graph .recipeicon-prompt.selected.selected {
  color: #d66f9e;
}
#flow-graph .recipeicon-nlp_llm_user_provided_classification {
  fill: #d66f9e;
  color: #d66f9e;
}
#flow-graph .recipeicon-nlp_llm_user_provided_classification .nodelabel-wrapper {
  overflow: hidden;
}
#flow-graph .recipeicon-nlp_llm_user_provided_classification .nodelabel-wrapper span {
  color: #ffffff;
  background: #d66f9e;
}
#flow-graph .recipeicon-nlp_llm_user_provided_classification.highlight,
#flow-graph .recipeicon-nlp_llm_user_provided_classification:not(.filter-remove):hover {
  color: #d66f9e;
}
#flow-graph .recipeicon-nlp_llm_user_provided_classification.fade-out,
#flow-graph .recipeicon-nlp_llm_user_provided_classification.fade-out--no-filter {
  color: rgba(214, 111, 158, 0.35);
}
#flow-graph .recipeicon-nlp_llm_user_provided_classification.filter-remove:not(.fade-out--no-filter) {
  color: rgba(214, 111, 158, 0.15);
}
#flow-graph .recipeicon-nlp_llm_user_provided_classification.filter-remove:not(.fade-out--no-filter):not(.focus) > g {
  color: rgba(102, 102, 102, 0.15);
}
#flow-graph .recipeicon-nlp_llm_user_provided_classification.selected.selected {
  color: #d66f9e;
}
#flow-graph .recipeicon-nlp_llm_model_provided_classification {
  fill: #d66f9e;
  color: #d66f9e;
}
#flow-graph .recipeicon-nlp_llm_model_provided_classification .nodelabel-wrapper {
  overflow: hidden;
}
#flow-graph .recipeicon-nlp_llm_model_provided_classification .nodelabel-wrapper span {
  color: #ffffff;
  background: #d66f9e;
}
#flow-graph .recipeicon-nlp_llm_model_provided_classification.highlight,
#flow-graph .recipeicon-nlp_llm_model_provided_classification:not(.filter-remove):hover {
  color: #d66f9e;
}
#flow-graph .recipeicon-nlp_llm_model_provided_classification.fade-out,
#flow-graph .recipeicon-nlp_llm_model_provided_classification.fade-out--no-filter {
  color: rgba(214, 111, 158, 0.35);
}
#flow-graph .recipeicon-nlp_llm_model_provided_classification.filter-remove:not(.fade-out--no-filter) {
  color: rgba(214, 111, 158, 0.15);
}
#flow-graph .recipeicon-nlp_llm_model_provided_classification.filter-remove:not(.fade-out--no-filter):not(.focus) > g {
  color: rgba(102, 102, 102, 0.15);
}
#flow-graph .recipeicon-nlp_llm_model_provided_classification.selected.selected {
  color: #d66f9e;
}
#flow-graph .recipeicon-nlp_llm_summarization {
  fill: #d66f9e;
  color: #d66f9e;
}
#flow-graph .recipeicon-nlp_llm_summarization .nodelabel-wrapper {
  overflow: hidden;
}
#flow-graph .recipeicon-nlp_llm_summarization .nodelabel-wrapper span {
  color: #ffffff;
  background: #d66f9e;
}
#flow-graph .recipeicon-nlp_llm_summarization.highlight,
#flow-graph .recipeicon-nlp_llm_summarization:not(.filter-remove):hover {
  color: #d66f9e;
}
#flow-graph .recipeicon-nlp_llm_summarization.fade-out,
#flow-graph .recipeicon-nlp_llm_summarization.fade-out--no-filter {
  color: rgba(214, 111, 158, 0.35);
}
#flow-graph .recipeicon-nlp_llm_summarization.filter-remove:not(.fade-out--no-filter) {
  color: rgba(214, 111, 158, 0.15);
}
#flow-graph .recipeicon-nlp_llm_summarization.filter-remove:not(.fade-out--no-filter):not(.focus) > g {
  color: rgba(102, 102, 102, 0.15);
}
#flow-graph .recipeicon-nlp_llm_summarization.selected.selected {
  color: #d66f9e;
}
#flow-graph .recipeicon-nlp_llm_evaluation {
  fill: #d66f9e;
  color: #d66f9e;
}
#flow-graph .recipeicon-nlp_llm_evaluation .nodelabel-wrapper {
  overflow: hidden;
}
#flow-graph .recipeicon-nlp_llm_evaluation .nodelabel-wrapper span {
  color: #ffffff;
  background: #d66f9e;
}
#flow-graph .recipeicon-nlp_llm_evaluation.highlight,
#flow-graph .recipeicon-nlp_llm_evaluation:not(.filter-remove):hover {
  color: #d66f9e;
}
#flow-graph .recipeicon-nlp_llm_evaluation.fade-out,
#flow-graph .recipeicon-nlp_llm_evaluation.fade-out--no-filter {
  color: rgba(214, 111, 158, 0.35);
}
#flow-graph .recipeicon-nlp_llm_evaluation.filter-remove:not(.fade-out--no-filter) {
  color: rgba(214, 111, 158, 0.15);
}
#flow-graph .recipeicon-nlp_llm_evaluation.filter-remove:not(.fade-out--no-filter):not(.focus) > g {
  color: rgba(102, 102, 102, 0.15);
}
#flow-graph .recipeicon-nlp_llm_evaluation.selected.selected {
  color: #d66f9e;
}
#flow-graph .recipeicon-nlp_llm_finetuning {
  fill: #d66f9e;
  color: #d66f9e;
}
#flow-graph .recipeicon-nlp_llm_finetuning .nodelabel-wrapper {
  overflow: hidden;
}
#flow-graph .recipeicon-nlp_llm_finetuning .nodelabel-wrapper span {
  color: #ffffff;
  background: #d66f9e;
}
#flow-graph .recipeicon-nlp_llm_finetuning.highlight,
#flow-graph .recipeicon-nlp_llm_finetuning:not(.filter-remove):hover {
  color: #d66f9e;
}
#flow-graph .recipeicon-nlp_llm_finetuning.fade-out,
#flow-graph .recipeicon-nlp_llm_finetuning.fade-out--no-filter {
  color: rgba(214, 111, 158, 0.35);
}
#flow-graph .recipeicon-nlp_llm_finetuning.filter-remove:not(.fade-out--no-filter) {
  color: rgba(214, 111, 158, 0.15);
}
#flow-graph .recipeicon-nlp_llm_finetuning.filter-remove:not(.fade-out--no-filter):not(.focus) > g {
  color: rgba(102, 102, 102, 0.15);
}
#flow-graph .recipeicon-nlp_llm_finetuning.selected.selected {
  color: #d66f9e;
}
#flow-graph .recipeicon-nlp_llm_rag_embedding {
  fill: #d66f9e;
  color: #d66f9e;
}
#flow-graph .recipeicon-nlp_llm_rag_embedding .nodelabel-wrapper {
  overflow: hidden;
}
#flow-graph .recipeicon-nlp_llm_rag_embedding .nodelabel-wrapper span {
  color: #ffffff;
  background: #d66f9e;
}
#flow-graph .recipeicon-nlp_llm_rag_embedding.highlight,
#flow-graph .recipeicon-nlp_llm_rag_embedding:not(.filter-remove):hover {
  color: #d66f9e;
}
#flow-graph .recipeicon-nlp_llm_rag_embedding.fade-out,
#flow-graph .recipeicon-nlp_llm_rag_embedding.fade-out--no-filter {
  color: rgba(214, 111, 158, 0.35);
}
#flow-graph .recipeicon-nlp_llm_rag_embedding.filter-remove:not(.fade-out--no-filter) {
  color: rgba(214, 111, 158, 0.15);
}
#flow-graph .recipeicon-nlp_llm_rag_embedding.filter-remove:not(.fade-out--no-filter):not(.focus) > g {
  color: rgba(102, 102, 102, 0.15);
}
#flow-graph .recipeicon-nlp_llm_rag_embedding.selected.selected {
  color: #d66f9e;
}
#flow-graph .recipeicon-embed_documents {
  fill: #d66f9e;
  color: #d66f9e;
}
#flow-graph .recipeicon-embed_documents .nodelabel-wrapper {
  overflow: hidden;
}
#flow-graph .recipeicon-embed_documents .nodelabel-wrapper span {
  color: #ffffff;
  background: #d66f9e;
}
#flow-graph .recipeicon-embed_documents.highlight,
#flow-graph .recipeicon-embed_documents:not(.filter-remove):hover {
  color: #d66f9e;
}
#flow-graph .recipeicon-embed_documents.fade-out,
#flow-graph .recipeicon-embed_documents.fade-out--no-filter {
  color: rgba(214, 111, 158, 0.35);
}
#flow-graph .recipeicon-embed_documents.filter-remove:not(.fade-out--no-filter) {
  color: rgba(214, 111, 158, 0.15);
}
#flow-graph .recipeicon-embed_documents.filter-remove:not(.fade-out--no-filter):not(.focus) > g {
  color: rgba(102, 102, 102, 0.15);
}
#flow-graph .recipeicon-embed_documents.selected.selected {
  color: #d66f9e;
}
#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-custom-code.highlight,
#flow-graph .recipeicon-custom-code:not(.filter-remove):hover {
  color: #aa4141;
}
#flow-graph .recipeicon-custom-code.fade-out,
#flow-graph .recipeicon-custom-code.fade-out--no-filter {
  color: rgba(170, 65, 65, 0.35);
}
#flow-graph .recipeicon-custom-code.filter-remove:not(.fade-out--no-filter) {
  color: rgba(170, 65, 65, 0.15);
}
#flow-graph .recipeicon-custom-code.filter-remove:not(.fade-out--no-filter):not(.focus) > g {
  color: rgba(102, 102, 102, 0.15);
}
#flow-graph .recipeicon-custom-code.selected.selected {
  color: #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 .recipeicon-app.highlight,
#flow-graph .recipeicon-app:not(.filter-remove):hover {
  color: #666666;
}
#flow-graph .recipeicon-app.fade-out,
#flow-graph .recipeicon-app.fade-out--no-filter {
  color: rgba(102, 102, 102, 0.35);
}
#flow-graph .recipeicon-app.filter-remove:not(.fade-out--no-filter) {
  color: rgba(102, 102, 102, 0.15);
}
#flow-graph .recipeicon-app.filter-remove:not(.fade-out--no-filter):not(.focus) > g {
  color: rgba(102, 102, 102, 0.15);
}
#flow-graph .recipeicon-app.selected.selected {
  color: #666666;
}
#flow-graph:not(.with-zones) {
  background: #ffffff;
}
#flow-graph.with-zones {
  background: #f9f9f9;
}
#flow-graph.candrop {
  background: #e8f5e9 !important;
}
#flow-graph svg {
  width: 100% !important;
  height: 100% !important;
  user-select: none;
}
#flow-graph svg.crosshair {
  cursor: crosshair;
}
#flow-graph svg g.node:not(.zone):not(.zone_label).highlight,
#flow-graph svg g.edge.highlight {
  fill-opacity: 1;
  stroke-opacity: 1;
}
#flow-graph svg g.node:not(.zone):not(.zone_label).fade-out,
#flow-graph svg g.edge.fade-out,
#flow-graph svg g.node:not(.zone):not(.zone_label).fade-out--no-filter,
#flow-graph svg g.edge.fade-out--no-filter {
  fill-opacity: 0.35;
  stroke-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) {
  fill-opacity: 0.15;
  stroke-opacity: 0.15;
}
#flow-graph svg g.node:not(.zone):not(.zone_label).filter-remove:not(.fade-out--no-filter).selected:not(.focus) > g,
#flow-graph svg g.edge.filter-remove:not(.fade-out--no-filter).selected:not(.focus) > g {
  color: #666666;
}
#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: rgba(102, 102, 102, 0.15);
  fill: #666666;
}
#flow-graph svg g.node:not(.zone):not(.zone_label).fade-out:not(:hover):not(.selected) .dataset-zone-imported,
#flow-graph svg g.edge.fade-out:not(:hover):not(.selected) .dataset-zone-imported,
#flow-graph svg g.node:not(.zone):not(.zone_label).filter-remove:not(.selected) .dataset-zone-imported,
#flow-graph svg g.edge.filter-remove:not(.selected) .dataset-zone-imported,
#flow-graph svg g.node:not(.zone):not(.zone_label).fade-out:not(:hover):not(.selected) .dataset-zone-exported,
#flow-graph svg g.edge.fade-out:not(:hover):not(.selected) .dataset-zone-exported,
#flow-graph svg g.node:not(.zone):not(.zone_label).filter-remove:not(.selected) .dataset-zone-exported,
#flow-graph svg g.edge.filter-remove:not(.selected) .dataset-zone-exported {
  fill-opacity: calc(0.2 *  0.35);
}
#flow-graph svg g.node:not(.zone):not(.zone_label).fade-out:not(:hover):not(.selected) .folder-zone-imported,
#flow-graph svg g.edge.fade-out:not(:hover):not(.selected) .folder-zone-imported,
#flow-graph svg g.node:not(.zone):not(.zone_label).filter-remove:not(.selected) .folder-zone-imported,
#flow-graph svg g.edge.filter-remove:not(.selected) .folder-zone-imported,
#flow-graph svg g.node:not(.zone):not(.zone_label).fade-out:not(:hover):not(.selected) .model-zone-imported,
#flow-graph svg g.edge.fade-out:not(:hover):not(.selected) .model-zone-imported,
#flow-graph svg g.node:not(.zone):not(.zone_label).filter-remove:not(.selected) .model-zone-imported,
#flow-graph svg g.edge.filter-remove:not(.selected) .model-zone-imported,
#flow-graph svg g.node:not(.zone):not(.zone_label).fade-out:not(:hover):not(.selected) .partitioning-indicator,
#flow-graph svg g.edge.fade-out:not(:hover):not(.selected) .partitioning-indicator,
#flow-graph svg g.node:not(.zone):not(.zone_label).filter-remove:not(.selected) .partitioning-indicator,
#flow-graph svg g.edge.filter-remove:not(.selected) .partitioning-indicator {
  fill-opacity: calc(0.5 *  0.35);
}
#flow-graph svg g.node:not(.zone):not(.zone_label).fade-out:not(:hover):not(.selected) .retrievable-knowledge-zone-imported,
#flow-graph svg g.edge.fade-out:not(:hover):not(.selected) .retrievable-knowledge-zone-imported,
#flow-graph svg g.node:not(.zone):not(.zone_label).filter-remove:not(.selected) .retrievable-knowledge-zone-imported,
#flow-graph svg g.edge.filter-remove:not(.selected) .retrievable-knowledge-zone-imported,
#flow-graph svg g.node:not(.zone):not(.zone_label).fade-out:not(:hover):not(.selected) .retrievable-knowledge-zone-exported,
#flow-graph svg g.edge.fade-out:not(:hover):not(.selected) .retrievable-knowledge-zone-exported,
#flow-graph svg g.node:not(.zone):not(.zone_label).filter-remove:not(.selected) .retrievable-knowledge-zone-exported,
#flow-graph svg g.edge.filter-remove:not(.selected) .retrievable-knowledge-zone-exported {
  fill-opacity: calc(0.2 *  0.35);
}
#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.node:not(.zone):not(.zone_label) .nodecounter__wrapper,
#flow-graph svg g.edge .nodecounter__wrapper {
  fill: none;
}
#flow-graph svg g.node:not(.zone):not(.zone_label) .nodecounter__wrapper--shown,
#flow-graph svg g.edge .nodecounter__wrapper--shown {
  color: #ffffff;
  fill: #dddddd;
}
#flow-graph svg g.node:not(.zone):not(.zone_label) .nodecounter__text,
#flow-graph svg g.edge .nodecounter__text {
  color: #222222;
  font-size: 8px;
}
#flow-graph svg g.node:not(.zone):not(.zone_label) .nodecounter__text div span,
#flow-graph svg g.edge .nodecounter__text div span {
  display: inline-block;
  width: 70px;
}
#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: #267cfb;
  stroke-width: 2px;
}
#flow-graph svg g.node:not(.zone):not(.zone_label):not(.filter-remove):hover {
  fill-opacity: 1;
  stroke-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) .flow-feature-group__indicator {
  overflow: visible;
  color: #4e5662;
  font-size: 22px;
}
#flow-graph svg g.node:not(.zone):not(.zone_label) .flow-repeated-object__indicator {
  overflow: visible;
  color: #4e5662;
}
#flow-graph svg g.node:not(.zone):not(.zone_label)[data-type=RECIPE] .flow-discussions-sticker__indicator,
#flow-graph svg g.node:not(.zone):not(.zone_label)[data-type=LABELING_TASK] .flow-discussions-sticker__indicator {
  font-size: 35px;
}
#flow-graph svg g.node:not(.zone):not(.zone_label)[data-type=RECIPE] .flow-discussions-sticker__content,
#flow-graph svg g.node:not(.zone):not(.zone_label)[data-type=LABELING_TASK] .flow-discussions-sticker__content {
  font-size: 19px;
}
#flow-graph svg g.node:not(.zone):not(.zone_label)[data-type=RECIPE] .flow-information-sticker__indicator,
#flow-graph svg g.node:not(.zone):not(.zone_label)[data-type=LABELING_TASK] .flow-information-sticker__indicator {
  font-size: 34px;
}
#flow-graph svg g.node:not(.zone):not(.zone_label)[data-type=RECIPE] .flow-repeated-object__indicator .dku-icon-arrow-repeat-16,
#flow-graph svg g.node:not(.zone):not(.zone_label)[data-type=LABELING_TASK] .flow-repeated-object__indicator .dku-icon-arrow-repeat-16 {
  font-size: 30.76923077px !important;
}
#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: inherit;
}
#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).filter-remove .never-built-computable.never-built-computable.never-built-computable .main-retrievable-knowledge-rectangle {
  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: inherit;
}
#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.node:not(.zone):not(.zone_label) .never-built-computable.never-built-computable.never-built-computable .main-retrievable-knowledge-rectangle {
  stroke: #d66f9e;
  stroke-dasharray: 5,5;
}
#flow-graph svg g.node:not(.zone):not(.zone_label) .never-built-computable.never-built-computable.never-built-computable .main-retrievable-knowledge-rectangle:not(.retrievable-knowledge-zone-imported) {
  fill: #ffffff !important;
}
#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 {
  fill-opacity: 1;
  stroke-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.edge[data-from^="zone_"]:not([data-from^="zone__"]),
#flow-graph svg g.edge[data-to^="zone_"]:not([data-to^="zone__"]) {
  stroke-width: 2px;
}
#flow-graph svg g.edge[data-from^="zone_"]:not([data-from^="zone__"]):not(.filter-remove):hover path,
#flow-graph svg g.edge[data-to^="zone_"]:not([data-to^="zone__"]):not(.filter-remove):hover path,
#flow-graph svg g.edge[data-from^="zone_"]:not([data-from^="zone__"]).highlight path,
#flow-graph svg g.edge[data-to^="zone_"]:not([data-to^="zone__"]).highlight path {
  stroke-width: 3.5px;
}
#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-exported.fill.llm-model {
  stroke: #d66f9e;
}
#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] .model-zone-imported.model-zone-imported.llm-model {
  stroke: #d66f9e;
}
#flow-graph svg g[data-type] .folder-zone-imported.folder-zone-imported {
  fill-opacity: 0.5;
}
#flow-graph svg g[data-type] .retrievable-knowledge-zone-exported {
  stroke-width: 1px;
  fill-opacity: 0.2;
  stroke: #d66f9e;
  stroke-dasharray: 4 2;
}
#flow-graph svg g[data-type] .retrievable-knowledge-zone-imported.retrievable-knowledge-zone-imported {
  fill-opacity: 0.2;
}
#flow-graph svg g[data-type] .retrievable-knowledge-zone-imported.retrievable-knowledge-zone-imported.main-retrievable-knowledge-rectangle {
  stroke-width: 1px;
  stroke: #d66f9e;
  stroke-dasharray: 4 2;
}
#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: inherit;
  font-size: 42px;
}
#flow-graph svg g[data-type] .nodeicon.retrievable-knowledge-zone-imported {
  color: inherit;
  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=LOCAL_DATASET].highlight,
#flow-graph svg g[data-type=LOCAL_DATASET]:not(.filter-remove):hover {
  color: #28a9dd;
}
#flow-graph svg g[data-type=LOCAL_DATASET].fade-out,
#flow-graph svg g[data-type=LOCAL_DATASET].fade-out--no-filter {
  color: rgba(40, 169, 221, 0.35);
}
#flow-graph svg g[data-type=LOCAL_DATASET].filter-remove:not(.fade-out--no-filter) {
  color: rgba(40, 169, 221, 0.15);
}
#flow-graph svg g[data-type=LOCAL_DATASET].filter-remove:not(.fade-out--no-filter):not(.focus) > g {
  color: rgba(102, 102, 102, 0.15);
}
#flow-graph svg g[data-type=LOCAL_DATASET].selected.selected {
  color: #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].highlight,
#flow-graph svg g[data-type=FOREIGN_DATASET]:not(.filter-remove):hover {
  color: #000001;
}
#flow-graph svg g[data-type=FOREIGN_DATASET].fade-out,
#flow-graph svg g[data-type=FOREIGN_DATASET].fade-out--no-filter {
  color: rgba(0, 0, 1, 0.35);
}
#flow-graph svg g[data-type=FOREIGN_DATASET].filter-remove:not(.fade-out--no-filter) {
  color: rgba(0, 0, 1, 0.15);
}
#flow-graph svg g[data-type=FOREIGN_DATASET].filter-remove:not(.fade-out--no-filter):not(.focus) > g {
  color: rgba(102, 102, 102, 0.15);
}
#flow-graph svg g[data-type=FOREIGN_DATASET].selected.selected {
  color: #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_STREAMING_ENDPOINT].highlight,
#flow-graph svg g[data-type=LOCAL_STREAMING_ENDPOINT]:not(.filter-remove):hover {
  color: #3b7879;
}
#flow-graph svg g[data-type=LOCAL_STREAMING_ENDPOINT].fade-out,
#flow-graph svg g[data-type=LOCAL_STREAMING_ENDPOINT].fade-out--no-filter {
  color: rgba(59, 120, 121, 0.35);
}
#flow-graph svg g[data-type=LOCAL_STREAMING_ENDPOINT].filter-remove:not(.fade-out--no-filter) {
  color: rgba(59, 120, 121, 0.15);
}
#flow-graph svg g[data-type=LOCAL_STREAMING_ENDPOINT].filter-remove:not(.fade-out--no-filter):not(.focus) > g {
  color: rgba(102, 102, 102, 0.15);
}
#flow-graph svg g[data-type=LOCAL_STREAMING_ENDPOINT].selected.selected {
  color: #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_SAVEDMODEL].highlight,
#flow-graph svg g[data-type=LOCAL_SAVEDMODEL]:not(.filter-remove):hover {
  color: #29af5d;
}
#flow-graph svg g[data-type=LOCAL_SAVEDMODEL].fade-out,
#flow-graph svg g[data-type=LOCAL_SAVEDMODEL].fade-out--no-filter {
  color: rgba(41, 175, 93, 0.35);
}
#flow-graph svg g[data-type=LOCAL_SAVEDMODEL].filter-remove:not(.fade-out--no-filter) {
  color: rgba(41, 175, 93, 0.15);
}
#flow-graph svg g[data-type=LOCAL_SAVEDMODEL].filter-remove:not(.fade-out--no-filter):not(.focus) > g {
  color: rgba(102, 102, 102, 0.15);
}
#flow-graph svg g[data-type=LOCAL_SAVEDMODEL].selected.selected {
  color: #29af5d;
}
#flow-graph svg g.fine-tuned-sm {
  fill: #d66f9e;
  color: #d66f9e;
}
#flow-graph svg g.fine-tuned-sm .nodelabel-wrapper {
  overflow: hidden;
}
#flow-graph svg g.fine-tuned-sm .nodelabel-wrapper span {
  color: #ffffff;
  background: #d66f9e;
}
#flow-graph svg g.fine-tuned-sm.highlight,
#flow-graph svg g.fine-tuned-sm:not(.filter-remove):hover {
  color: #d66f9e;
}
#flow-graph svg g.fine-tuned-sm.fade-out,
#flow-graph svg g.fine-tuned-sm.fade-out--no-filter {
  color: rgba(214, 111, 158, 0.35);
}
#flow-graph svg g.fine-tuned-sm.filter-remove:not(.fade-out--no-filter) {
  color: rgba(214, 111, 158, 0.15);
}
#flow-graph svg g.fine-tuned-sm.filter-remove:not(.fade-out--no-filter):not(.focus) > g {
  color: rgba(102, 102, 102, 0.15);
}
#flow-graph svg g.fine-tuned-sm.selected.selected {
  color: #d66f9e;
}
#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_MODELEVALUATIONSTORE].highlight,
#flow-graph svg g[data-type=LOCAL_MODELEVALUATIONSTORE]:not(.filter-remove):hover {
  color: #29af5d;
}
#flow-graph svg g[data-type=LOCAL_MODELEVALUATIONSTORE].fade-out,
#flow-graph svg g[data-type=LOCAL_MODELEVALUATIONSTORE].fade-out--no-filter {
  color: rgba(41, 175, 93, 0.35);
}
#flow-graph svg g[data-type=LOCAL_MODELEVALUATIONSTORE].filter-remove:not(.fade-out--no-filter) {
  color: rgba(41, 175, 93, 0.15);
}
#flow-graph svg g[data-type=LOCAL_MODELEVALUATIONSTORE].filter-remove:not(.fade-out--no-filter):not(.focus) > g {
  color: rgba(102, 102, 102, 0.15);
}
#flow-graph svg g[data-type=LOCAL_MODELEVALUATIONSTORE].selected.selected {
  color: #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=LOCAL_MANAGED_FOLDER].highlight,
#flow-graph svg g[data-type=LOCAL_MANAGED_FOLDER]:not(.filter-remove):hover {
  color: #28a9dd;
}
#flow-graph svg g[data-type=LOCAL_MANAGED_FOLDER].fade-out,
#flow-graph svg g[data-type=LOCAL_MANAGED_FOLDER].fade-out--no-filter {
  color: rgba(40, 169, 221, 0.35);
}
#flow-graph svg g[data-type=LOCAL_MANAGED_FOLDER].filter-remove:not(.fade-out--no-filter) {
  color: rgba(40, 169, 221, 0.15);
}
#flow-graph svg g[data-type=LOCAL_MANAGED_FOLDER].filter-remove:not(.fade-out--no-filter):not(.focus) > g {
  color: rgba(102, 102, 102, 0.15);
}
#flow-graph svg g[data-type=LOCAL_MANAGED_FOLDER].selected.selected {
  color: #28a9dd;
}
#flow-graph svg g[data-type=LOCAL_RETRIEVABLE_KNOWLEDGE] {
  fill: #d66f9e;
  color: #d66f9e;
}
#flow-graph svg g[data-type=LOCAL_RETRIEVABLE_KNOWLEDGE] .nodelabel-wrapper {
  overflow: hidden;
}
#flow-graph svg g[data-type=LOCAL_RETRIEVABLE_KNOWLEDGE] .nodelabel-wrapper span {
  color: #ffffff;
  background: #d66f9e;
}
#flow-graph svg g[data-type=LOCAL_RETRIEVABLE_KNOWLEDGE].highlight,
#flow-graph svg g[data-type=LOCAL_RETRIEVABLE_KNOWLEDGE]:not(.filter-remove):hover {
  color: #d66f9e;
}
#flow-graph svg g[data-type=LOCAL_RETRIEVABLE_KNOWLEDGE].fade-out,
#flow-graph svg g[data-type=LOCAL_RETRIEVABLE_KNOWLEDGE].fade-out--no-filter {
  color: rgba(214, 111, 158, 0.35);
}
#flow-graph svg g[data-type=LOCAL_RETRIEVABLE_KNOWLEDGE].filter-remove:not(.fade-out--no-filter) {
  color: rgba(214, 111, 158, 0.15);
}
#flow-graph svg g[data-type=LOCAL_RETRIEVABLE_KNOWLEDGE].filter-remove:not(.fade-out--no-filter):not(.focus) > g {
  color: rgba(102, 102, 102, 0.15);
}
#flow-graph svg g[data-type=LOCAL_RETRIEVABLE_KNOWLEDGE].selected.selected {
  color: #d66f9e;
}
#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],
#flow-graph svg g[data-type=FOREIGN_RETRIEVABLE_KNOWLEDGE] {
  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,
#flow-graph svg g[data-type=FOREIGN_RETRIEVABLE_KNOWLEDGE] .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,
#flow-graph svg g[data-type=FOREIGN_RETRIEVABLE_KNOWLEDGE] .nodelabel-wrapper span {
  color: #ffffff;
  background: #000001;
}
#flow-graph svg g[data-type=FOREIGN_MANAGED_FOLDER].highlight,
#flow-graph svg g[data-type=FOREIGN_SAVEDMODEL].highlight,
#flow-graph svg g[data-type=FOREIGN_MODELEVALUATIONSTORE].highlight,
#flow-graph svg g[data-type=FOREIGN_RETRIEVABLE_KNOWLEDGE].highlight,
#flow-graph svg g[data-type=FOREIGN_MANAGED_FOLDER]:not(.filter-remove):hover,
#flow-graph svg g[data-type=FOREIGN_SAVEDMODEL]:not(.filter-remove):hover,
#flow-graph svg g[data-type=FOREIGN_MODELEVALUATIONSTORE]:not(.filter-remove):hover,
#flow-graph svg g[data-type=FOREIGN_RETRIEVABLE_KNOWLEDGE]:not(.filter-remove):hover {
  color: #000001;
}
#flow-graph svg g[data-type=FOREIGN_MANAGED_FOLDER].fade-out,
#flow-graph svg g[data-type=FOREIGN_SAVEDMODEL].fade-out,
#flow-graph svg g[data-type=FOREIGN_MODELEVALUATIONSTORE].fade-out,
#flow-graph svg g[data-type=FOREIGN_RETRIEVABLE_KNOWLEDGE].fade-out,
#flow-graph svg g[data-type=FOREIGN_MANAGED_FOLDER].fade-out--no-filter,
#flow-graph svg g[data-type=FOREIGN_SAVEDMODEL].fade-out--no-filter,
#flow-graph svg g[data-type=FOREIGN_MODELEVALUATIONSTORE].fade-out--no-filter,
#flow-graph svg g[data-type=FOREIGN_RETRIEVABLE_KNOWLEDGE].fade-out--no-filter {
  color: rgba(0, 0, 1, 0.35);
}
#flow-graph svg g[data-type=FOREIGN_MANAGED_FOLDER].filter-remove:not(.fade-out--no-filter),
#flow-graph svg g[data-type=FOREIGN_SAVEDMODEL].filter-remove:not(.fade-out--no-filter),
#flow-graph svg g[data-type=FOREIGN_MODELEVALUATIONSTORE].filter-remove:not(.fade-out--no-filter),
#flow-graph svg g[data-type=FOREIGN_RETRIEVABLE_KNOWLEDGE].filter-remove:not(.fade-out--no-filter) {
  color: rgba(0, 0, 1, 0.15);
}
#flow-graph svg g[data-type=FOREIGN_MANAGED_FOLDER].filter-remove:not(.fade-out--no-filter):not(.focus) > g,
#flow-graph svg g[data-type=FOREIGN_SAVEDMODEL].filter-remove:not(.fade-out--no-filter):not(.focus) > g,
#flow-graph svg g[data-type=FOREIGN_MODELEVALUATIONSTORE].filter-remove:not(.fade-out--no-filter):not(.focus) > g,
#flow-graph svg g[data-type=FOREIGN_RETRIEVABLE_KNOWLEDGE].filter-remove:not(.fade-out--no-filter):not(.focus) > g {
  color: rgba(102, 102, 102, 0.15);
}
#flow-graph svg g[data-type=FOREIGN_MANAGED_FOLDER].selected.selected,
#flow-graph svg g[data-type=FOREIGN_SAVEDMODEL].selected.selected,
#flow-graph svg g[data-type=FOREIGN_MODELEVALUATIONSTORE].selected.selected,
#flow-graph svg g[data-type=FOREIGN_RETRIEVABLE_KNOWLEDGE].selected.selected {
  color: #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=ANALYSIS].highlight,
#flow-graph svg g[data-type=ANALYSIS]:not(.filter-remove):hover {
  color: #29af5d;
}
#flow-graph svg g[data-type=ANALYSIS].fade-out,
#flow-graph svg g[data-type=ANALYSIS].fade-out--no-filter {
  color: rgba(41, 175, 93, 0.35);
}
#flow-graph svg g[data-type=ANALYSIS].filter-remove:not(.fade-out--no-filter) {
  color: rgba(41, 175, 93, 0.15);
}
#flow-graph svg g[data-type=ANALYSIS].filter-remove:not(.fade-out--no-filter):not(.focus) > g {
  color: rgba(102, 102, 102, 0.15);
}
#flow-graph svg g[data-type=ANALYSIS].selected.selected {
  color: #29af5d;
}
#flow-graph svg g[data-type=JUPYTER_NOTEBOOK],
#flow-graph svg g[data-type=SQL_NOTEBOOK],
#flow-graph svg g[data-type=SEARCH_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,
#flow-graph svg g[data-type=SEARCH_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,
#flow-graph svg g[data-type=SEARCH_NOTEBOOK] .nodelabel-wrapper span {
  color: #ffffff;
  background: #f28c38;
}
#flow-graph svg g[data-type=JUPYTER_NOTEBOOK].highlight,
#flow-graph svg g[data-type=SQL_NOTEBOOK].highlight,
#flow-graph svg g[data-type=SEARCH_NOTEBOOK].highlight,
#flow-graph svg g[data-type=JUPYTER_NOTEBOOK]:not(.filter-remove):hover,
#flow-graph svg g[data-type=SQL_NOTEBOOK]:not(.filter-remove):hover,
#flow-graph svg g[data-type=SEARCH_NOTEBOOK]:not(.filter-remove):hover {
  color: #f28c38;
}
#flow-graph svg g[data-type=JUPYTER_NOTEBOOK].fade-out,
#flow-graph svg g[data-type=SQL_NOTEBOOK].fade-out,
#flow-graph svg g[data-type=SEARCH_NOTEBOOK].fade-out,
#flow-graph svg g[data-type=JUPYTER_NOTEBOOK].fade-out--no-filter,
#flow-graph svg g[data-type=SQL_NOTEBOOK].fade-out--no-filter,
#flow-graph svg g[data-type=SEARCH_NOTEBOOK].fade-out--no-filter {
  color: rgba(242, 140, 56, 0.35);
}
#flow-graph svg g[data-type=JUPYTER_NOTEBOOK].filter-remove:not(.fade-out--no-filter),
#flow-graph svg g[data-type=SQL_NOTEBOOK].filter-remove:not(.fade-out--no-filter),
#flow-graph svg g[data-type=SEARCH_NOTEBOOK].filter-remove:not(.fade-out--no-filter) {
  color: rgba(242, 140, 56, 0.15);
}
#flow-graph svg g[data-type=JUPYTER_NOTEBOOK].filter-remove:not(.fade-out--no-filter):not(.focus) > g,
#flow-graph svg g[data-type=SQL_NOTEBOOK].filter-remove:not(.fade-out--no-filter):not(.focus) > g,
#flow-graph svg g[data-type=SEARCH_NOTEBOOK].filter-remove:not(.fade-out--no-filter):not(.focus) > g {
  color: rgba(102, 102, 102, 0.15);
}
#flow-graph svg g[data-type=JUPYTER_NOTEBOOK].selected.selected,
#flow-graph svg g[data-type=SQL_NOTEBOOK].selected.selected,
#flow-graph svg g[data-type=SEARCH_NOTEBOOK].selected.selected {
  color: #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:not(.disable-has-selection) svg g.node:not(.zone):not(.zone_label) {
  fill-opacity: 0.35;
  stroke-opacity: 0.35;
}
#flow-graph.has-selection:not(.disable-has-selection) svg g.node:not(.zone):not(.zone_label).highlight {
  fill-opacity: 1;
  stroke-opacity: 1;
}
#flow-graph.has-selection:not(.disable-has-selection) svg g.node:not(.zone):not(.zone_label).selected {
  fill-opacity: 1;
  stroke-opacity: 1;
}
#flow-graph.has-selection:not(.disable-has-selection) svg g.node:not(.zone):not(.zone_label).selected .nodelabel-wrapper {
  overflow: initial;
}
#flow-graph.has-selection:not(.disable-has-selection) svg g.node:not(.zone):not(.zone_label):not(.highlight):not(:hover):not(.selected) .dataset-zone-imported,
#flow-graph.has-selection:not(.disable-has-selection) svg g.node:not(.zone):not(.zone_label):not(.highlight):not(:hover):not(.selected) .dataset-zone-exported {
  fill-opacity: calc(0.2 *  0.35);
}
#flow-graph.has-selection:not(.disable-has-selection) svg g.node:not(.zone):not(.zone_label):not(.highlight):not(:hover):not(.selected) .folder-zone-imported,
#flow-graph.has-selection:not(.disable-has-selection) svg g.node:not(.zone):not(.zone_label):not(.highlight):not(:hover):not(.selected) .model-zone-imported,
#flow-graph.has-selection:not(.disable-has-selection) svg g.node:not(.zone):not(.zone_label):not(.highlight):not(:hover):not(.selected) .partitioning-indicator {
  fill-opacity: calc(0.5 *  0.35);
}
#flow-graph.has-selection:not(.disable-has-selection) svg g.node:not(.zone):not(.zone_label):not(.highlight):not(:hover):not(.selected) .retrievable-knowledge-zone-imported,
#flow-graph.has-selection:not(.disable-has-selection) svg g.node:not(.zone):not(.zone_label):not(.highlight):not(:hover):not(.selected) .retrievable-knowledge-zone-exported {
  fill-opacity: calc(0.2 *  0.35);
}
#flow-graph.has-selection:not(.disable-has-selection) svg g.zone_cluster:not(.clusterHighlight) {
  stroke-opacity: 0.35;
}
#flow-graph.has-selection:not(.disable-has-selection) svg g.zone_cluster:not(.clusterHighlight) .zone_header {
  color: inherit !important;
  background-color: inherit !important;
  stroke: inherit !important;
}
#flow-graph.has-selection:not(.disable-has-selection) svg g.zone_cluster.clusterDropFeedback polygon {
  fill: #d7f0d6;
}
#flow-graph.has-selection:not(.disable-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 g.zone_cluster.filter-remove,
#flow-graph g.zone_cluster.out-of-focus {
  stroke: #dddddd !important;
}
#flow-graph g.zone_cluster.filter-remove .zone_header,
#flow-graph g.zone_cluster.out-of-focus .zone_header {
  background-color: #dddddd !important;
  color: #222222 !important;
  stroke: #dddddd !important;
}
.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 8px 0px 16px;
  flex: 1 1 0;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  line-height: 2;
  font-size: 22px;
}
.zone_header div > i,
.zone_header div > button {
  margin-right: 16px;
  flex: 0 0 auto;
}
.zone_header div > button {
  white-space: nowrap;
}
.zone_header .move-zone-shortcut {
  display: none;
  font-size: 16px;
  white-space: nowrap;
  overflow: hidden;
  padding-right: 8px;
  flex: 0 1 auto;
}
.zone_cluster:hover .move-zone-shortcut,
.zone_cluster:has(+.zone:hover) .move-zone-shortcut {
  display: inline;
}
#flow-widgets-container {
  position: absolute;
  top: 10px;
  bottom: 10px;
  left: 10px;
  right: 10px;
  pointer-events: none;
  display: flex;
  justify-content: end;
  gap: 8px;
}
#flow-widgets-container > * {
  pointer-events: initial;
}
#flow-widgets-container ng2-flow-search-filters-views {
  flex: 1;
}
.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;
  left: 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 {
  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 {
  color: #333333;
  opacity: 1;
  outline: none;
}
#flow-tool-zone .flow-tool-mainzone .header .zoom {
  margin: 3px 6px;
}
#flow-tool-zone .flow-tool-mainzone .copy-tool-actions {
  padding: 5px;
}
#flow-tool-zone .flow-tool-mainzone .copy-tool-actions .btn--secondary {
  width: 120px;
}
#flow-tool-zone .flow-tool-mainzone .copy-tool-actions .btn--secondary:hover:not(:disabled) {
  background-color: #dddddd;
}
#flow-tool-zone .flow-tool-mainzone .copy-tool-actions .btn--secondary:focus {
  background-color: #ffffff;
}
#flow-tool-zone .flow-tool-mainzone .copy-tool-footer {
  padding: 5px;
  text-align: right;
}
#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 a {
  color: #333333;
}
#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;
}
#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 .compute-records-count__options-select {
  margin-left: 13px;
}
#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-left: 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;
}
ul.simple-list-flex {
  margin: 0;
}
ul.simple-list-flex li {
  padding: 0 15px;
}
ul.simple-list-flex li a {
  display: flex;
  color: #666666;
}
ul.simple-list-flex li a:hover {
  text-decoration: none;
}
ul.simple-list-flex li a:focus {
  outline: none;
}
ul.simple-list-flex li a:hover {
  color: #222222;
}
ul.simple-list-flex li span {
  display: flex;
}
#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%;
  -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;
}
@media (prefers-reduced-motion) {
  #flow-editor-page .mainPane {
    -webkit-transition: none;
    -moz-transition: none;
    -o-transition: none;
    transition: none;
  }
}
#flow-editor-page .mainPane .zoom-button,
#flow-editor-page .mainPane .new-button .flow-button,
#flow-editor-page .mainPane .new-button .zone-button,
#flow-editor-page .mainPane .preview-button {
  border-radius: 2px !important;
}
#flow-editor-page .mainPane .zoom-button:hover,
#flow-editor-page .mainPane .new-button .flow-button:hover,
#flow-editor-page .mainPane .new-button .zone-button:hover,
#flow-editor-page .mainPane .preview-button:hover {
  background-color: #cccccc;
}
#flow-editor-page .mainPane .zoom-button-in {
  border-radius: 2px 2px 0px 0px !important;
}
#flow-editor-page .mainPane .zoom-button-out {
  border-radius: 0px 0px 2px 2px !important;
}
#flow-editor-page .mainPane .btn-new-items {
  border-left: 1px solid #cccccc;
}
#flow-editor-page .mainPane .new-button {
  display: flex;
  align-self: flex-end;
}
#flow-editor-page .mainPane .new-button .scrolly-wrapper > .dropdown-menu {
  max-height: 50vh;
}
#flow-editor-page .mainPane .new-button .flow-button {
  display: inline-flex;
  align-items: center;
  padding: 8px 4px;
  height: 32px;
}
#flow-editor-page .mainPane .new-button .flow-button__label {
  font-family: 'SourceSansPro';
  font-size: 13px;
  color: #222222;
  font-weight: 500;
}
#flow-editor-page .mainPane .new-button .add-dataset-dropdown,
#flow-editor-page .mainPane .new-button .add-recipe-dropdown,
#flow-editor-page .mainPane .new-button .add-streaming-endpoint-dropdown {
  box-shadow: none;
  border: 1px solid #dddddd;
  margin-bottom: 4px;
  border-radius: 2px;
}
#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 .mainPane.with-preview {
  -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;
  height: calc(100% - 30%);
}
@media (prefers-reduced-motion) {
  #flow-editor-page .mainPane.with-preview {
    -webkit-transition: none;
    -moz-transition: none;
    -o-transition: none;
    transition: none;
  }
}
#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 .preview-pane {
  position: absolute;
  bottom: 0;
  height: 30%;
  width: calc(100% - 40px);
  -webkit-transition: transform 0.25s ease-out;
  -moz-transition: transform 0.25s ease-out;
  -o-transition: transform 0.25s ease-out;
  transition: transform 0.25s ease-out;
  transform: translateY(0);
}
@media (prefers-reduced-motion) {
  #flow-editor-page .preview-pane {
    -webkit-transition: none;
    -moz-transition: none;
    -o-transition: none;
    transition: none;
  }
}
#flow-editor-page .preview-pane--collapsed {
  -webkit-transition: transform 0.25s ease-out;
  -moz-transition: transform 0.25s ease-out;
  -o-transition: transform 0.25s ease-out;
  transition: transform 0.25s ease-out;
  transform: translateY(100%);
}
@media (prefers-reduced-motion) {
  #flow-editor-page .preview-pane--collapsed {
    -webkit-transition: none;
    -moz-transition: none;
    -o-transition: none;
    transition: none;
  }
}
#flow-editor-page .preview-pane.with-right-pane {
  width: calc(100% - 40px - max(25vw, 320px));
}
#flow-editor-page .preview-pane .shaker.shaker-dataset-preview .shaker-dataset-preview__content {
  padding: 0;
}
#flow-editor-page .preview-pane .shaker.shaker-dataset-preview .shaker-dataset-preview__content .fattable-body-container:after {
  background-color: #f2f2f2;
}
#flow-editor-page .preview-pane .shaker.shaker-dataset-preview .shaker-dataset-preview__content .positionTable {
  border-right: 0;
}
#flow-editor-page .preview-pane .shaker.shaker-dataset-preview .shaker-dataset-preview__content .positionTable .fattable-body-container .fattable-viewport div {
  border-bottom: none;
}
#flow-editor-page .preview-pane .shaker.shaker-dataset-preview .shaker-dataset-preview__content .positionTable .fattable-body-container .fattable-viewport div.even {
  background-color: #ffffff;
}
#flow-editor-page .preview-pane .shaker.shaker-dataset-preview .shaker-dataset-preview__content .positionTable .fattable-body-container .fattable-viewport div.odd {
  background-color: #f5f5f5;
}
#flow-editor-page .preview-pane .shaker.shaker-dataset-preview .shaker-dataset-preview__content .positionTable .fattable-body-container .fattable-viewport div:hover {
  background: #4caf50 !important;
  color: #ffffff !important;
}
#flow-editor-page .preview-pane .shaker.shaker-dataset-preview .shaker-dataset-preview__content .positionTable .fattable-body-container .fattable-viewport div.H {
  background-color: #a5d6a7;
}
#flow-editor-page .preview-pane .header-separator {
  border-bottom: 1px solid #dddddd;
}
#flow-editor-page .preview-pane .preview-pane-placeholder {
  background-color: #f2f2f2;
  height: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  margin: 0;
  border: 1px solid #dddddd;
  border-right: 0;
}
#flow-editor-page .preview-pane .preview-pane-placeholder i {
  color: #999999;
  margin-bottom: 16px;
}
#flow-editor-page .preview-pane .preview-pane-placeholder h4 {
  color: #999999;
  font-weight: lighter;
  text-align: center;
  letter-spacing: 0.2px;
  line-height: 1.5;
}
#flow-editor-page .preview-pane .reload-preview-button {
  position: absolute;
  bottom: 0;
  right: 0;
  margin: 8px 18px;
  opacity: 90%;
  color: #cccccc;
  border-color: #dddddd;
}
#flow-editor-page .preview-pane .reload-preview-button:hover {
  opacity: 100%;
  color: #333333;
  border-color: #cccccc;
}
#flow-editor-page .preview-button {
  align-self: flex-end;
  height: 32px;
}
.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-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-placeholder.candrop {
  background: #e8f5e9 !important;
}
.flow-drop-files-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;
}
.empty-flow-cta {
  padding-top: 110px;
  margin-right: auto;
  margin-left: auto;
  margin-bottom: 0;
  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;
}
#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,
#flow-graph.navigator svg .recipeicon-app > .recipe-icon > div {
  height: 100%;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
}
#flow-graph.navigator svg .recipeicon-custom-code > .recipe-icon > div > i,
#flow-graph.navigator svg .recipeicon-app > .recipe-icon > div > i {
  color: #ffffff;
}
#flow-graph.navigator svg .recipeicon-custom-code > .recipe-icon > div {
  background-color: #aa4141;
}
#flow-graph.navigator svg .recipeicon-app > .recipe-icon > div {
  background-color: #666666;
}
#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 rect.rect-selection {
  fill-opacity: 0;
}
#flow-graph.navigator svg g rect.rect-background {
  fill: #ffffff;
  fill-opacity: 1;
}
#flow-graph.navigator svg g.selected rect.rect-selection {
  stroke: #267cfb;
  stroke-width: 3;
}
#flow-graph.navigator svg g.bzicon {
  cursor: pointer;
}
#flow-graph.navigator svg g.bzicon circle.circle-background {
  fill: #ffffff;
  fill-opacity: 1;
}
#flow-graph.navigator svg g.bzicon circle.circle-selection {
  fill-opacity: 0;
}
#flow-graph.navigator svg g.bzicon.selected circle.circle-selection {
  stroke: #267cfb;
  stroke-width: 3;
}
#flow-graph.navigator svg g[data-type] {
  cursor: pointer;
}
#flow-graph.navigator svg g[data-type]:not(g[data-type=RECIPE]):not(g[data-type=LABELING_TASK]):not(g[data-type=LOCAL_MANAGED_FOLDER]):not(g[data-type=FOREIGN_MANAGED_FOLDER]).selected.selected,
#flow-graph.navigator svg g[data-type]:not(g[data-type=RECIPE]):not(g[data-type=LABELING_TASK]):not(g[data-type=LOCAL_MANAGED_FOLDER]):not(g[data-type=FOREIGN_MANAGED_FOLDER]).highlight,
#flow-graph.navigator svg g[data-type]:not(g[data-type=RECIPE]):not(g[data-type=LABELING_TASK]):not(g[data-type=LOCAL_MANAGED_FOLDER]):not(g[data-type=FOREIGN_MANAGED_FOLDER]):not(.filter-remove):hover {
  color: #ffffff;
}
#flow-graph.navigator svg g[data-type="LOCAL_SAVEDMODEL"] rect,
#flow-graph.navigator svg g[data-type="FOREIGN_SAVEDMODEL"] rect,
#flow-graph.navigator svg g[data-type="LOCAL_MODELEVALUATIONSTORE"] rect,
#flow-graph.navigator svg g[data-type="FOREIGN_MODELEVALUATIONSTORE"] rect {
  transform-origin: center;
  transform-box: fill-box;
}
#flow-graph.navigator svg g[data-type="LOCAL_SAVEDMODEL"].selected rect.rect-selection,
#flow-graph.navigator svg g[data-type="FOREIGN_SAVEDMODEL"].selected rect.rect-selection,
#flow-graph.navigator svg g[data-type="LOCAL_MODELEVALUATIONSTORE"].selected rect.rect-selection,
#flow-graph.navigator svg g[data-type="FOREIGN_MODELEVALUATIONSTORE"].selected rect.rect-selection {
  stroke-width: 4;
}
#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_SAVEDMODEL],
#flow-graph.navigator svg g[data-type=FOREIGN_SAVEDMODEL],
#flow-graph.navigator svg g[data-type=LOCAL_MODELEVALUATIONSTORE],
#flow-graph.navigator svg g[data-type=FOREIGN_MODELEVALUATIONSTORE],
#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=SEARCH_NOTEBOOK],
#flow-graph.navigator svg g[data-type=ANALYSIS],
#flow-graph.navigator svg g[data-type=INSIGHT],
#flow-graph.navigator svg g[data-type=FOREIGN_RETRIEVABLE_KNOWLEDGE],
#flow-graph.navigator svg g[data-type=LOCAL_RETRIEVABLE_KNOWLEDGE] {
  color: #ffffff;
}
#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=FOREIGN_MANAGED_FOLDER] {
  color: #333333;
}
#flow-graph.navigator svg .flowLink {
  text-align: center;
}
#flow-graph.navigator svg .flow-tile {
  line-height: 1;
}
#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;
}
#flow-tooltip .success-icon {
  color: #4caf50;
}
.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;
}
.recipe-custom-code-object {
  align-items: center;
  display: flex;
  font-size: 48px;
  transform: scale(1.3);
  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-job-zoom {
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: row;
  flex-direction: row;
  height: 100%;
  box-sizing: border-box;
  position: sticky;
  width: 30px;
  float: right;
  bottom: 0;
  right: 0;
  margin-right: 8px;
  padding-bottom: 8px;
  height: auto;
}
.flow-job-zoom > .flex {
  -webkit-flex: 1 1 auto;
  flex: 1 1 auto;
  position: relative;
}
.flow-job-zoom > .flex .override-min-width {
  min-width: 0px;
}
.flow-job-zoom > .flex-no-basis,
.flow-job-zoom .flex-no-basis {
  -webkit-flex: 1 1 0;
  flex: 1 1 0;
  position: relative;
}
.flow-job-zoom > .flex-no-basis .override-min-width,
.flow-job-zoom .flex-no-basis .override-min-width {
  min-width: 0px;
}
.flow-job-zoom > .flex-no-grow {
  -webkit-flex: 0 1 auto;
  flex: 0 1 auto;
  position: relative;
}
.flow-job-zoom > .flex-no-shrink {
  -webkit-flex: 1 0 auto;
  flex: 1 0 auto;
  position: relative;
}
.flow-job-zoom > .noflex,
.flow-job-zoom .top-level-tabs,
.flow-job-zoom > .alert,
.flow-job-zoom > .bottom-bar,
.flow-job-zoom > .input-append,
.flow-job-zoom > div[block-api-error],
.flow-job-zoom > h1,
.flow-job-zoom > h2,
.flow-job-zoom > h3,
.flow-job-zoom > h4,
.flow-job-zoom > h5,
.flow-job-zoom > h6 {
  -webkit-flex: 0 0 auto;
  flex: 0 0 auto;
}
.flow-actions-controls {
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: row;
  flex-direction: row;
  height: 100%;
  box-sizing: border-box;
  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.add-objects-buttons {
  right: 38px;
}
.flow-actions-controls .flow-actions {
  display: inline-block;
  align-self: flex-end;
  margin-left: 4px;
  margin-right: 8px;
}
.flow-tile i::before {
  line-height: 1;
}
.btn--flow-editor-icon {
  padding: 3px 6px;
}
.btn--flow-editor-icon:not(:last-child) {
  height: 26px;
}
.btn--flow-editor-icon:last-child {
  height: 25px;
  border-top: none;
}
.flow-actions-menu {
  box-shadow: none;
  border-radius: 2px;
}
/* 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;
}
.recipe-type-selector {
  text-transform: none;
  text-align: left;
  font-weight: lighter;
  width: 264px;
  font-size: 13px;
}
.recipe-type-selector_menu {
  min-width: 264px;
  max-height: 40vh;
}
.new-endpoint-from-recipe-modal {
  width: 600px;
}
.recipe-type-selector-placeholder {
  color: #cccccc;
}
.recipe-insert-modal {
  min-width: 560px;
  width: 560px;
  max-height: 80vh;
  display: flex;
  flex-direction: column;
}
.recipe-insert-modal .modal-body {
  overflow: visible;
}
.recipe-insert-modal__header {
  flex-shrink: 0;
}
.recipe-insert-modal__body {
  text-align: justify;
  display: flex;
  flex-direction: column;
  align-content: center;
  justify-content: center;
  padding-bottom: 0 !important;
  padding-right: 0 !important;
  overflow: visible;
}
.recipe-insert-modal__body__recipe-selection__menu {
  display: flex;
  justify-content: center;
  padding: 8px;
}
.recipe-insert-modal__body__recipe-selection__menu__label {
  align-self: center;
  margin-right: 8px;
}
.recipe-insert-modal__body__description {
  padding: 16px 0 16px 16px;
  display: flex;
  flex-direction: column;
  overflow: auto;
}
.recipe-insert-modal__body__description.modal-body {
  overflow: auto;
}
.recipe-insert-modal__body__description label {
  display: flex;
  column-gap: 8px;
  align-items: self-start;
}
.recipe-insert-modal__body__description__recipes {
  flex: 1 1 auto;
  overflow: auto;
  word-break: break-all;
  padding-right: 16px;
  min-height: 5vh;
}
.recipe-insert-modal__body__description__recipe {
  word-break: break-all;
}
.recipe-insert-modal__footer {
  display: flex;
  flex-shrink: 0;
  justify-content: end;
}
.recipe-insert-modal .recipe-insert-selector__illustration img {
  margin: auto;
  max-width: 400px;
}
.recipe-insert-modal .recipe-insert-selector__illustration .recipe-insert-text {
  font-size: 14px;
}
.recipe-insert-modal .recipe-insert-selector__illustration .origin-object {
  vertical-align: middle;
}
.recipe-insert-modal .recipe-insert-selector__illustration .origin-object-name {
  word-break: break-all;
}
.recipe-creation-modal {
  min-width: 714px;
  width: 714px;
  max-height: 495px;
  height: 100%;
  display: flex;
  flex-direction: column;
  overflow: auto;
}
.recipe-creation-modal__form {
  display: flex;
  flex-direction: column;
  overflow: hidden;
  margin: 0;
  margin-bottom: 0;
  flex: 1;
}
.recipe-creation-modal__form input,
.recipe-creation-modal__form textarea,
.recipe-creation-modal__form select,
.recipe-creation-modal__form .help-inline,
.recipe-creation-modal__form .uneditable-input,
.recipe-creation-modal__form .input-prepend,
.recipe-creation-modal__form .input-append {
  display: inline-block;
  *display: inline;
  /* IE7 inline-block hack */
  *zoom: 1;
  margin-bottom: 0;
  vertical-align: middle;
}
.recipe-creation-modal__form .hide {
  display: none;
}
.recipe-creation-modal__form .control-group {
  margin-bottom: 20px;
  *zoom: 1;
}
.recipe-creation-modal__form .control-group:before,
.recipe-creation-modal__form .control-group:after {
  display: table;
  content: "";
  line-height: 0;
}
.recipe-creation-modal__form .control-group:after {
  clear: both;
}
.recipe-creation-modal__form .control-label {
  float: left;
  width: 160px;
  padding-top: 5px;
  text-align: right;
}
.recipe-creation-modal__form .controls {
  *display: inline-block;
  *padding-left: 20px;
  margin-left: 180px;
  *margin-left: 0;
}
.recipe-creation-modal__form .controls:first-child {
  *padding-left: 180px;
}
.recipe-creation-modal__form .help-block {
  margin-bottom: 0;
}
.recipe-creation-modal__form input + .help-block,
.recipe-creation-modal__form select + .help-block,
.recipe-creation-modal__form textarea + .help-block,
.recipe-creation-modal__form .uneditable-input + .help-block,
.recipe-creation-modal__form .input-prepend + .help-block,
.recipe-creation-modal__form .input-append + .help-block {
  margin-top: 10px;
}
.recipe-creation-modal__form .form-actions {
  padding-left: 180px;
}
.recipe-creation-modal__form .control-group:not(.no-cascade) {
  margin-bottom: 8px;
  margin-top: 8px;
}
.recipe-creation-modal__form .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;
}
.recipe-creation-modal__form .control-group .control-label.disabled {
  color: #999999;
}
.recipe-creation-modal__form .control-group .control-label input[type=text],
.recipe-creation-modal__form .control-group .control-label input[type=email],
.recipe-creation-modal__form .control-group .control-label input[type=url],
.recipe-creation-modal__form .control-group .control-label input[type=number],
.recipe-creation-modal__form .control-group .control-label input[type=date],
.recipe-creation-modal__form .control-group .control-label input[type=time],
.recipe-creation-modal__form .control-group .control-label input[type=datetime-local],
.recipe-creation-modal__form .control-group .control-label input[type=password],
.recipe-creation-modal__form .control-group .control-label textarea,
.recipe-creation-modal__form .control-group .control-label select,
.recipe-creation-modal__form .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;
}
.recipe-creation-modal__form .control-group .control-label input[type=text]:focus,
.recipe-creation-modal__form .control-group .control-label input[type=email]:focus,
.recipe-creation-modal__form .control-group .control-label input[type=url]:focus,
.recipe-creation-modal__form .control-group .control-label input[type=number]:focus,
.recipe-creation-modal__form .control-group .control-label input[type=date]:focus,
.recipe-creation-modal__form .control-group .control-label input[type=time]:focus,
.recipe-creation-modal__form .control-group .control-label input[type=datetime-local]:focus,
.recipe-creation-modal__form .control-group .control-label input[type=password]:focus,
.recipe-creation-modal__form .control-group .control-label textarea:focus,
.recipe-creation-modal__form .control-group .control-label select:focus,
.recipe-creation-modal__form .control-group .control-label button.btn.selectpicker:focus,
.recipe-creation-modal__form .control-group .control-label input[type=text]:hover,
.recipe-creation-modal__form .control-group .control-label input[type=email]:hover,
.recipe-creation-modal__form .control-group .control-label input[type=url]:hover,
.recipe-creation-modal__form .control-group .control-label input[type=number]:hover,
.recipe-creation-modal__form .control-group .control-label input[type=date]:hover,
.recipe-creation-modal__form .control-group .control-label input[type=time]:hover,
.recipe-creation-modal__form .control-group .control-label input[type=datetime-local]:hover,
.recipe-creation-modal__form .control-group .control-label input[type=password]:hover,
.recipe-creation-modal__form .control-group .control-label textarea:hover,
.recipe-creation-modal__form .control-group .control-label select:hover,
.recipe-creation-modal__form .control-group .control-label button.btn.selectpicker:hover {
  color: #333333;
}
.recipe-creation-modal__form .control-group .control-label input[type=text]:focus,
.recipe-creation-modal__form .control-group .control-label input[type=email]:focus,
.recipe-creation-modal__form .control-group .control-label input[type=url]:focus,
.recipe-creation-modal__form .control-group .control-label input[type=number]:focus,
.recipe-creation-modal__form .control-group .control-label input[type=date]:focus,
.recipe-creation-modal__form .control-group .control-label input[type=time]:focus,
.recipe-creation-modal__form .control-group .control-label input[type=datetime-local]:focus,
.recipe-creation-modal__form .control-group .control-label input[type=password]:focus,
.recipe-creation-modal__form .control-group .control-label textarea:focus,
.recipe-creation-modal__form .control-group .control-label select:focus,
.recipe-creation-modal__form .control-group .control-label button.btn.selectpicker:focus {
  box-shadow: none;
  border: 1px solid #3b99fc;
}
.recipe-creation-modal__form .control-group .control-label input[type=text].ng-dirty.ng-invalid,
.recipe-creation-modal__form .control-group .control-label input[type=email].ng-dirty.ng-invalid,
.recipe-creation-modal__form .control-group .control-label input[type=url].ng-dirty.ng-invalid,
.recipe-creation-modal__form .control-group .control-label input[type=number].ng-dirty.ng-invalid,
.recipe-creation-modal__form .control-group .control-label input[type=date].ng-dirty.ng-invalid,
.recipe-creation-modal__form .control-group .control-label input[type=time].ng-dirty.ng-invalid,
.recipe-creation-modal__form .control-group .control-label input[type=datetime-local].ng-dirty.ng-invalid,
.recipe-creation-modal__form .control-group .control-label input[type=password].ng-dirty.ng-invalid,
.recipe-creation-modal__form .control-group .control-label textarea.ng-dirty.ng-invalid,
.recipe-creation-modal__form .control-group .control-label select.ng-dirty.ng-invalid,
.recipe-creation-modal__form .control-group .control-label button.btn.selectpicker.ng-dirty.ng-invalid {
  border: 1px solid #ce1228;
}
.recipe-creation-modal__form .control-group .control-label input[type=text].invalid-ignores-dirty.ng-invalid,
.recipe-creation-modal__form .control-group .control-label input[type=email].invalid-ignores-dirty.ng-invalid,
.recipe-creation-modal__form .control-group .control-label input[type=url].invalid-ignores-dirty.ng-invalid,
.recipe-creation-modal__form .control-group .control-label input[type=number].invalid-ignores-dirty.ng-invalid,
.recipe-creation-modal__form .control-group .control-label input[type=date].invalid-ignores-dirty.ng-invalid,
.recipe-creation-modal__form .control-group .control-label input[type=time].invalid-ignores-dirty.ng-invalid,
.recipe-creation-modal__form .control-group .control-label input[type=datetime-local].invalid-ignores-dirty.ng-invalid,
.recipe-creation-modal__form .control-group .control-label input[type=password].invalid-ignores-dirty.ng-invalid,
.recipe-creation-modal__form .control-group .control-label textarea.invalid-ignores-dirty.ng-invalid,
.recipe-creation-modal__form .control-group .control-label select.invalid-ignores-dirty.ng-invalid,
.recipe-creation-modal__form .control-group .control-label button.btn.selectpicker.invalid-ignores-dirty.ng-invalid,
.invalid-ignores-dirty .recipe-creation-modal__form .control-group .control-label input[type=text].ng-invalid,
.invalid-ignores-dirty .recipe-creation-modal__form .control-group .control-label input[type=email].ng-invalid,
.invalid-ignores-dirty .recipe-creation-modal__form .control-group .control-label input[type=url].ng-invalid,
.invalid-ignores-dirty .recipe-creation-modal__form .control-group .control-label input[type=number].ng-invalid,
.invalid-ignores-dirty .recipe-creation-modal__form .control-group .control-label input[type=date].ng-invalid,
.invalid-ignores-dirty .recipe-creation-modal__form .control-group .control-label input[type=time].ng-invalid,
.invalid-ignores-dirty .recipe-creation-modal__form .control-group .control-label input[type=datetime-local].ng-invalid,
.invalid-ignores-dirty .recipe-creation-modal__form .control-group .control-label input[type=password].ng-invalid,
.invalid-ignores-dirty .recipe-creation-modal__form .control-group .control-label textarea.ng-invalid,
.invalid-ignores-dirty .recipe-creation-modal__form .control-group .control-label select.ng-invalid,
.invalid-ignores-dirty .recipe-creation-modal__form .control-group .control-label button.btn.selectpicker.ng-invalid {
  border: 1px solid #ce1228;
}
.recipe-creation-modal__form .control-group .control-label button.btn.selectpicker {
  line-height: 16px;
  padding: 1px 20px 1px 4px;
  background-color: #ffffff;
}
.recipe-creation-modal__form .control-group .control-label button.btn.selectpicker:hover {
  background-color: #f2f2f2;
}
.recipe-creation-modal__form .control-group .control-label button.btn.selectpicker.none-selected-text .filter-option {
  color: var(--dku-select-placeholder-color, #999999);
}
.recipe-creation-modal__form .control-group .control-label button.btn.selectpicker.none-selected-text .filter-option::before {
  content: var(--dku-select-placeholder-emphasis--before, '- ');
}
.recipe-creation-modal__form .control-group .control-label button.btn.selectpicker.none-selected-text .filter-option::after {
  content: var(--dku-select-placeholder-emphasis--after, ' -');
}
.recipe-creation-modal__form .control-group .control-label button.btn.selectpicker.disabled.none-selected-text .filter-option {
  color: #cccccc;
}
.recipe-creation-modal__form .control-group .control-label button.btn.selectpicker.disabled {
  background-color: #f2f2f2;
}
.recipe-creation-modal__form .control-group .control-label button.btn.selectpicker.disabled:hover {
  background-color: #f2f2f2;
}
.recipe-creation-modal__form .control-group .control-label button.btn.selectpicker.disabled:focus {
  border: 1px #bbbbbb solid;
}
.recipe-creation-modal__form .control-group .control-label input[type=checkbox],
.recipe-creation-modal__form .control-group .control-label input[type=radio] {
  margin: 0 5px 0 0;
  float: none;
}
.recipe-creation-modal__form .control-group .control-label input[type=radio] {
  position: relative;
  top: -1px;
}
.recipe-creation-modal__form .control-group .control-label input:focus {
  border: 1px #31708f solid;
}
.recipe-creation-modal__form .control-group .control-label input.ng-invalid-dataset-name-unique {
  border-color: #d53648;
}
.recipe-creation-modal__form .control-group .control-label textarea {
  line-height: 14px;
  height: auto;
  padding: 4px 4px;
}
.recipe-creation-modal__form .control-group .control-label a:hover {
  text-decoration: none;
}
.recipe-creation-modal__form .control-group .control-label a:focus {
  outline: none;
}
.recipe-creation-modal__form .control-group .control-label .alert {
  border-radius: 0;
}
.recipe-creation-modal__form .control-group .control-label input[type="date"]::-webkit-clear-button {
  /* Removes the cross to clear */
  -webkit-appearance: none;
  margin: 0;
}
.recipe-creation-modal__form .control-group .control-label.auto-width {
  width: auto;
  padding-right: 1em;
}
.recipe-creation-modal__form .control-group .right-wall {
  width: 360px;
}
.recipe-creation-modal__form .control-group .controls {
  margin-left: 200px;
  /* Color invalid dataset uniqueness issues, even when non dirty */
}
.recipe-creation-modal__form .control-group .controls .help-inline,
.recipe-creation-modal__form .control-group .controls .help-block {
  font-size: 0.8em;
}
.recipe-creation-modal__form .control-group .controls .help-inline.multiline {
  display: inline;
}
.recipe-creation-modal__form .control-group .controls label:not(.no-cascade) {
  font-size: 12px;
}
.recipe-creation-modal__form .control-group .controls .checkbox-label {
  width: 206px;
}
.recipe-creation-modal__form .control-group .controls .checkbox-label.checkbox-label--wide {
  width: 300px;
}
.recipe-creation-modal__form .control-group .controls input[type=text],
.recipe-creation-modal__form .control-group .controls input[type=number],
.recipe-creation-modal__form .control-group .controls input[type=password],
.recipe-creation-modal__form .control-group .controls select {
  width: 206px;
}
.recipe-creation-modal__form .control-group .controls input[type=text].input-xlarge,
.recipe-creation-modal__form .control-group .controls input[type=number].input-xlarge,
.recipe-creation-modal__form .control-group .controls input[type=password].input-xlarge,
.recipe-creation-modal__form .control-group .controls select.input-xlarge {
  width: 270px;
}
.recipe-creation-modal__form .control-group .controls input[type=text].input-xxlarge,
.recipe-creation-modal__form .control-group .controls input[type=number].input-xxlarge,
.recipe-creation-modal__form .control-group .controls input[type=password].input-xxlarge,
.recipe-creation-modal__form .control-group .controls select.input-xxlarge {
  width: 430px;
}
.recipe-creation-modal__form .control-group .controls input[type=text].input-half-size,
.recipe-creation-modal__form .control-group .controls input[type=number].input-half-size,
.recipe-creation-modal__form .control-group .controls input[type=password].input-half-size,
.recipe-creation-modal__form .control-group .controls select.input-half-size {
  width: 102px;
}
.recipe-creation-modal__form .control-group .controls input[type=text].input-fit-content,
.recipe-creation-modal__form .control-group .controls input[type=number].input-fit-content,
.recipe-creation-modal__form .control-group .controls input[type=password].input-fit-content,
.recipe-creation-modal__form .control-group .controls select.input-fit-content {
  width: fit-content;
  width: -moz-fit-content;
}
.recipe-creation-modal__form .control-group .controls input[type=text].full-width {
  width: 100%;
}
.recipe-creation-modal__form .control-group .controls .text-field-container {
  width: 206px;
}
.recipe-creation-modal__form .control-group .controls .text-field-container .field-error-message {
  padding: 8px;
  box-sizing: border-box;
  width: 100%;
}
.recipe-creation-modal__form .control-group .controls .text-field-container.input-xlarge {
  width: 270px;
}
.recipe-creation-modal__form .control-group .controls .text-field-container.input-xxlarge {
  width: 430px;
}
.recipe-creation-modal__form .control-group .controls .text-field-container.input-half-size {
  width: 102px;
}
.recipe-creation-modal__form .control-group .controls .text-field-container.input-fit-content {
  width: fit-content;
  width: -moz-fit-content;
}
.recipe-creation-modal__form .control-group .controls .bootstrap-select {
  width: 206px;
}
.recipe-creation-modal__form .control-group .controls .bootstrap-select button {
  border-radius: 0;
  width: 206px;
}
.recipe-creation-modal__form .control-group .controls .bootstrap-select button.input-half-size {
  width: 102px;
}
.recipe-creation-modal__form .control-group .controls .bootstrap-select button:focus {
  outline: #ce1228;
}
.recipe-creation-modal__form .control-group .controls .ng-select {
  --dku-ng-select-max-width: 206px;
}
.recipe-creation-modal__form .control-group .controls input[type=text],
.recipe-creation-modal__form .control-group .controls input[type=email],
.recipe-creation-modal__form .control-group .controls input[type=url],
.recipe-creation-modal__form .control-group .controls input[type=number],
.recipe-creation-modal__form .control-group .controls input[type=date],
.recipe-creation-modal__form .control-group .controls input[type=time],
.recipe-creation-modal__form .control-group .controls input[type=datetime-local],
.recipe-creation-modal__form .control-group .controls input[type=password],
.recipe-creation-modal__form .control-group .controls textarea,
.recipe-creation-modal__form .control-group .controls select,
.recipe-creation-modal__form .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;
}
.recipe-creation-modal__form .control-group .controls input[type=text]:focus,
.recipe-creation-modal__form .control-group .controls input[type=email]:focus,
.recipe-creation-modal__form .control-group .controls input[type=url]:focus,
.recipe-creation-modal__form .control-group .controls input[type=number]:focus,
.recipe-creation-modal__form .control-group .controls input[type=date]:focus,
.recipe-creation-modal__form .control-group .controls input[type=time]:focus,
.recipe-creation-modal__form .control-group .controls input[type=datetime-local]:focus,
.recipe-creation-modal__form .control-group .controls input[type=password]:focus,
.recipe-creation-modal__form .control-group .controls textarea:focus,
.recipe-creation-modal__form .control-group .controls select:focus,
.recipe-creation-modal__form .control-group .controls button.btn.selectpicker:focus,
.recipe-creation-modal__form .control-group .controls input[type=text]:hover,
.recipe-creation-modal__form .control-group .controls input[type=email]:hover,
.recipe-creation-modal__form .control-group .controls input[type=url]:hover,
.recipe-creation-modal__form .control-group .controls input[type=number]:hover,
.recipe-creation-modal__form .control-group .controls input[type=date]:hover,
.recipe-creation-modal__form .control-group .controls input[type=time]:hover,
.recipe-creation-modal__form .control-group .controls input[type=datetime-local]:hover,
.recipe-creation-modal__form .control-group .controls input[type=password]:hover,
.recipe-creation-modal__form .control-group .controls textarea:hover,
.recipe-creation-modal__form .control-group .controls select:hover,
.recipe-creation-modal__form .control-group .controls button.btn.selectpicker:hover {
  color: #333333;
}
.recipe-creation-modal__form .control-group .controls input[type=text]:focus,
.recipe-creation-modal__form .control-group .controls input[type=email]:focus,
.recipe-creation-modal__form .control-group .controls input[type=url]:focus,
.recipe-creation-modal__form .control-group .controls input[type=number]:focus,
.recipe-creation-modal__form .control-group .controls input[type=date]:focus,
.recipe-creation-modal__form .control-group .controls input[type=time]:focus,
.recipe-creation-modal__form .control-group .controls input[type=datetime-local]:focus,
.recipe-creation-modal__form .control-group .controls input[type=password]:focus,
.recipe-creation-modal__form .control-group .controls textarea:focus,
.recipe-creation-modal__form .control-group .controls select:focus,
.recipe-creation-modal__form .control-group .controls button.btn.selectpicker:focus {
  box-shadow: none;
  border: 1px solid #3b99fc;
}
.recipe-creation-modal__form .control-group .controls input[type=text].ng-dirty.ng-invalid,
.recipe-creation-modal__form .control-group .controls input[type=email].ng-dirty.ng-invalid,
.recipe-creation-modal__form .control-group .controls input[type=url].ng-dirty.ng-invalid,
.recipe-creation-modal__form .control-group .controls input[type=number].ng-dirty.ng-invalid,
.recipe-creation-modal__form .control-group .controls input[type=date].ng-dirty.ng-invalid,
.recipe-creation-modal__form .control-group .controls input[type=time].ng-dirty.ng-invalid,
.recipe-creation-modal__form .control-group .controls input[type=datetime-local].ng-dirty.ng-invalid,
.recipe-creation-modal__form .control-group .controls input[type=password].ng-dirty.ng-invalid,
.recipe-creation-modal__form .control-group .controls textarea.ng-dirty.ng-invalid,
.recipe-creation-modal__form .control-group .controls select.ng-dirty.ng-invalid,
.recipe-creation-modal__form .control-group .controls button.btn.selectpicker.ng-dirty.ng-invalid {
  border: 1px solid #ce1228;
}
.recipe-creation-modal__form .control-group .controls input[type=text].invalid-ignores-dirty.ng-invalid,
.recipe-creation-modal__form .control-group .controls input[type=email].invalid-ignores-dirty.ng-invalid,
.recipe-creation-modal__form .control-group .controls input[type=url].invalid-ignores-dirty.ng-invalid,
.recipe-creation-modal__form .control-group .controls input[type=number].invalid-ignores-dirty.ng-invalid,
.recipe-creation-modal__form .control-group .controls input[type=date].invalid-ignores-dirty.ng-invalid,
.recipe-creation-modal__form .control-group .controls input[type=time].invalid-ignores-dirty.ng-invalid,
.recipe-creation-modal__form .control-group .controls input[type=datetime-local].invalid-ignores-dirty.ng-invalid,
.recipe-creation-modal__form .control-group .controls input[type=password].invalid-ignores-dirty.ng-invalid,
.recipe-creation-modal__form .control-group .controls textarea.invalid-ignores-dirty.ng-invalid,
.recipe-creation-modal__form .control-group .controls select.invalid-ignores-dirty.ng-invalid,
.recipe-creation-modal__form .control-group .controls button.btn.selectpicker.invalid-ignores-dirty.ng-invalid,
.invalid-ignores-dirty .recipe-creation-modal__form .control-group .controls input[type=text].ng-invalid,
.invalid-ignores-dirty .recipe-creation-modal__form .control-group .controls input[type=email].ng-invalid,
.invalid-ignores-dirty .recipe-creation-modal__form .control-group .controls input[type=url].ng-invalid,
.invalid-ignores-dirty .recipe-creation-modal__form .control-group .controls input[type=number].ng-invalid,
.invalid-ignores-dirty .recipe-creation-modal__form .control-group .controls input[type=date].ng-invalid,
.invalid-ignores-dirty .recipe-creation-modal__form .control-group .controls input[type=time].ng-invalid,
.invalid-ignores-dirty .recipe-creation-modal__form .control-group .controls input[type=datetime-local].ng-invalid,
.invalid-ignores-dirty .recipe-creation-modal__form .control-group .controls input[type=password].ng-invalid,
.invalid-ignores-dirty .recipe-creation-modal__form .control-group .controls textarea.ng-invalid,
.invalid-ignores-dirty .recipe-creation-modal__form .control-group .controls select.ng-invalid,
.invalid-ignores-dirty .recipe-creation-modal__form .control-group .controls button.btn.selectpicker.ng-invalid {
  border: 1px solid #ce1228;
}
.recipe-creation-modal__form .control-group .controls button.btn.selectpicker {
  line-height: 16px;
  padding: 1px 20px 1px 4px;
  background-color: #ffffff;
}
.recipe-creation-modal__form .control-group .controls button.btn.selectpicker:hover {
  background-color: #f2f2f2;
}
.recipe-creation-modal__form .control-group .controls button.btn.selectpicker.none-selected-text .filter-option {
  color: var(--dku-select-placeholder-color, #999999);
}
.recipe-creation-modal__form .control-group .controls button.btn.selectpicker.none-selected-text .filter-option::before {
  content: var(--dku-select-placeholder-emphasis--before, '- ');
}
.recipe-creation-modal__form .control-group .controls button.btn.selectpicker.none-selected-text .filter-option::after {
  content: var(--dku-select-placeholder-emphasis--after, ' -');
}
.recipe-creation-modal__form .control-group .controls button.btn.selectpicker.disabled.none-selected-text .filter-option {
  color: #cccccc;
}
.recipe-creation-modal__form .control-group .controls button.btn.selectpicker.disabled {
  background-color: #f2f2f2;
}
.recipe-creation-modal__form .control-group .controls button.btn.selectpicker.disabled:hover {
  background-color: #f2f2f2;
}
.recipe-creation-modal__form .control-group .controls button.btn.selectpicker.disabled:focus {
  border: 1px #bbbbbb solid;
}
.recipe-creation-modal__form .control-group .controls input[type=checkbox],
.recipe-creation-modal__form .control-group .controls input[type=radio] {
  margin: 0 5px 0 0;
  float: none;
}
.recipe-creation-modal__form .control-group .controls input[type=radio] {
  position: relative;
  top: -1px;
}
.recipe-creation-modal__form .control-group .controls input:focus {
  border: 1px #31708f solid;
}
.recipe-creation-modal__form .control-group .controls input.ng-invalid-dataset-name-unique {
  border-color: #d53648;
}
.recipe-creation-modal__form .control-group .controls textarea {
  line-height: 14px;
  height: auto;
  padding: 4px 4px;
}
.recipe-creation-modal__form .control-group .controls a:hover {
  text-decoration: none;
}
.recipe-creation-modal__form .control-group .controls a:focus {
  outline: none;
}
.recipe-creation-modal__form .control-group .controls .alert {
  border-radius: 0;
}
.recipe-creation-modal__form .control-group .controls input[type="date"]::-webkit-clear-button {
  /* Removes the cross to clear */
  -webkit-appearance: none;
  margin: 0;
}
.recipe-creation-modal__form .control-group .controls select {
  border-radius: 0;
  padding: 0 0.5em;
}
.recipe-creation-modal__form .control-group .controls .fit {
  width: auto;
}
.recipe-creation-modal__form .control-group .controls .bold {
  font-weight: bold;
}
.recipe-creation-modal__form .control-group .controls .codemirror {
  border: 1px solid #dddddd;
}
.recipe-creation-modal__form .control-group .controls .codemirror .CodeMirror {
  height: 100%;
}
.recipe-creation-modal__form .control-group .controls .plain-text {
  font-family: 'SourceSansPro';
  font-weight: regular;
  font-size: 14px;
  color: #444444;
  line-height: 24px;
  height: 26px;
  padding: 0;
  margin: 0;
  text-align: left;
}
.recipe-creation-modal__form .control-group .controls .plain-text.disabled {
  color: #999999;
}
.recipe-creation-modal__form .control-group .controls .control-error-message {
  padding-top: 4px;
  color: #ce1228;
  font-size: 10px;
  line-height: 15px;
}
.recipe-creation-modal__form .control-group .controls .retrieval-augmented-llm-message_textarea {
  width: 600px;
  height: 65px;
  max-width: 80vw;
}
.recipe-creation-modal__form .excel-sheets__plain-list {
  overflow-y: auto;
  max-height: 200px;
  width: 220px;
  margin-left: 8px;
  list-style-type: none;
  font-size: 12px;
}
.recipe-creation-modal__form .excel-sheets__checkbox-list {
  overflow-y: auto;
  max-height: 240px;
  width: 220px;
  margin-left: 8px;
  list-style-type: none;
  font-size: 12px;
}
.recipe-creation-modal__form .excel-sheets__checkbox-list input[type=checkbox] {
  margin: 0px 2px 0px 0;
  vertical-align: -13%;
}
.recipe-creation-modal__form .excel-sheets__minor-title {
  font-size: 12px;
}
.recipe-creation-modal__form .excel-sheets-selection__form-row--flex {
  display: flex;
  flex-wrap: wrap;
}
.recipe-creation-modal__form .textarea--bounded-dimensions {
  width: 480px;
  min-width: 400px;
  max-width: 100%;
  height: 120px;
  min-height: 40px;
}
.recipe-creation-modal__form .control-group .controls .visual-agent-additional-prompt_textarea {
  width: 800px;
  height: 125px;
  max-width: 80vw;
}
.recipe-creation-modal__form .control-group .controls .visual-agent-tool-additional-prompt_textarea {
  width: 500px;
  height: 100px;
  max-width: 50vw;
}
.recipe-creation-modal__form__tabs {
  padding: 16px;
}
.recipe-creation-modal__form__tab-content {
  display: flex;
  flex-direction: column;
  flex: 1;
  justify-content: center;
  padding: 0 16px;
}
.recipe-creation-modal__form__tab-content label {
  display: inline-flex;
  column-gap: 8px;
}
.recipe-creation-modal__form__tab-content__animation {
  display: flex;
  justify-content: center;
  margin-bottom: 24px;
}
.recipe-creation-modal__form__tab-content__existing-brach-description__body--single {
  word-break: break-all;
}
.recipe-creation-modal .input-disabled-dropdown {
  pointer-events: none;
  opacity: 0.6;
}
.download-visual-recipe-modal {
  min-width: 690px;
  width: 505px;
  min-width: 505px;
  height: 85%;
  max-height: 330px;
}
.download-visual-recipe-modal .modal-body {
  padding-right: 10px;
  max-height: initial;
  min-height: 200px;
  overflow-y: initial;
}
/* **************************************************
 * 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;
}
.tab-explain--disclaimer {
  font-style: italic;
  display: block;
}
.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 .visual-recipe-run__computing-status-loader {
  height: 16px;
  padding: 2px;
  text-align: center;
}
.recipe-editor-page .visual-recipe-run__computing-status-loader i {
  margin: auto;
  height: 16px;
  width: 16px;
}
.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 .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 .recipe-settings-section2 textarea,
.recipe-editor-page .recipe-settings-section1 .recipe-settings-section2 textarea {
  width: 100%;
  min-width: 208px;
  max-width: 100%;
  min-height: 24px;
}
.recipe-editor-page .formbased-recipe-infozone .recipe-settings-section2 .settings-section-title-helper,
.recipe-editor-page .recipe-settings-section1 .recipe-settings-section2 .settings-section-title-helper {
  font-size: 0.8em;
  color: #666666;
}
.recipe-editor-page .formbased-recipe-infozone .recipe-settings-section2 .recipe-settings-section2__grouping,
.recipe-editor-page .recipe-settings-section1 .recipe-settings-section2 .recipe-settings-section2__grouping {
  max-width: 260px;
}
.recipe-editor-page .formbased-recipe-infozone .recipe-settings-section2 .recipe-settings-section2__grouping .editable-list__items,
.recipe-editor-page .recipe-settings-section1 .recipe-settings-section2 .recipe-settings-section2__grouping .editable-list__items {
  padding-top: 8px;
}
.recipe-editor-page .formbased-recipe-infozone .recipe-settings-section2 .recipe-settings-section2__grouping .editable-list__item.editable-list__item--divider,
.recipe-editor-page .recipe-settings-section1 .recipe-settings-section2 .recipe-settings-section2__grouping .editable-list__item.editable-list__item--divider {
  align-items: center;
}
.recipe-editor-page .formbased-recipe-infozone .recipe-settings-section2 .recipe-settings-section2__grouping .editable-list__item.editable-list__item--divider .recipe-settings-section2__grouping__editable-list__elt-container,
.recipe-editor-page .recipe-settings-section1 .recipe-settings-section2 .recipe-settings-section2__grouping .editable-list__item.editable-list__item--divider .recipe-settings-section2__grouping__editable-list__elt-container {
  display: flex;
  max-width: 200px;
}
.recipe-editor-page .formbased-recipe-infozone .recipe-settings-section2 .recipe-settings-section2__grouping .editable-list__item.editable-list__item--divider .recipe-settings-section2__grouping__editable-list__elt-container .recipe-settings-section2__grouping__editable-list__left-span,
.recipe-editor-page .recipe-settings-section1 .recipe-settings-section2 .recipe-settings-section2__grouping .editable-list__item.editable-list__item--divider .recipe-settings-section2__grouping__editable-list__elt-container .recipe-settings-section2__grouping__editable-list__left-span {
  flex: 1 1 auto;
  margin-left: 8px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.recipe-editor-page .formbased-recipe-infozone .recipe-settings-section2 .recipe-settings-section2__grouping .editable-list__item.editable-list__item--divider .recipe-settings-section2__grouping__editable-list__elt-container .recipe-settings-section2__grouping__editable-list__right-span,
.recipe-editor-page .recipe-settings-section1 .recipe-settings-section2 .recipe-settings-section2__grouping .editable-list__item.editable-list__item--divider .recipe-settings-section2__grouping__editable-list__elt-container .recipe-settings-section2__grouping__editable-list__right-span {
  margin-right: 8px;
  white-space: pre-wrap;
  width: unset;
}
.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 .fake-dku-labelled-toggle,
.recipe-editor-page .recipe-settings-section1 h1.recipe-settings-section1-title .fake-dku-labelled-toggle {
  user-select: none;
  padding: 4px 7px;
  border-radius: 3px;
  margin: 1px;
  background-color: #3b99fc;
  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: 220px;
  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 .tabbable {
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: column;
  flex-direction: column;
  width: 100%;
  box-sizing: border-box;
  height: 100%;
}
.recipe-editor-page .code-based-recipe-editor-tab .recipe-right-menu .tabbable > .standard-container__wrap {
  flex-grow: 0;
}
.recipe-editor-page .code-based-recipe-editor-tab .recipe-right-menu .tabbable > .standard-container__wrap + .standard-container__wrap {
  margin-top: 32px;
  margin-left: 0;
  flex-grow: 0;
}
.recipe-editor-page .code-based-recipe-editor-tab .recipe-right-menu .tabbable > .flex {
  -webkit-flex: 1 1 auto;
  flex: 1 1 auto;
  position: relative;
}
.recipe-editor-page .code-based-recipe-editor-tab .recipe-right-menu .tabbable > .flex .override-min-height {
  min-height: 0px;
}
.recipe-editor-page .code-based-recipe-editor-tab .recipe-right-menu .tabbable > .flex-no-basis,
.recipe-editor-page .code-based-recipe-editor-tab .recipe-right-menu .tabbable .flex-no-basis {
  -webkit-flex: 1 1 0;
  flex: 1 1 0;
  position: relative;
}
.recipe-editor-page .code-based-recipe-editor-tab .recipe-right-menu .tabbable > .flex-no-basis .override-min-height,
.recipe-editor-page .code-based-recipe-editor-tab .recipe-right-menu .tabbable .flex-no-basis .override-min-height {
  min-height: 0px;
}
.recipe-editor-page .code-based-recipe-editor-tab .recipe-right-menu .tabbable > .flex-no-grow {
  -webkit-flex: 0 1 auto;
  flex: 0 1 auto;
  position: relative;
}
.recipe-editor-page .code-based-recipe-editor-tab .recipe-right-menu .tabbable > .flex-no-shrink {
  -webkit-flex: 1 0 auto;
  flex: 1 0 auto;
  position: relative;
}
.recipe-editor-page .code-based-recipe-editor-tab .recipe-right-menu .tabbable > .noflex,
.recipe-editor-page .code-based-recipe-editor-tab .recipe-right-menu .tabbable .top-level-tabs,
.recipe-editor-page .code-based-recipe-editor-tab .recipe-right-menu .tabbable > .alert,
.recipe-editor-page .code-based-recipe-editor-tab .recipe-right-menu .tabbable > .bottom-bar,
.recipe-editor-page .code-based-recipe-editor-tab .recipe-right-menu .tabbable > .input-append,
.recipe-editor-page .code-based-recipe-editor-tab .recipe-right-menu .tabbable > div[block-api-error],
.recipe-editor-page .code-based-recipe-editor-tab .recipe-right-menu .tabbable > h1,
.recipe-editor-page .code-based-recipe-editor-tab .recipe-right-menu .tabbable > h2,
.recipe-editor-page .code-based-recipe-editor-tab .recipe-right-menu .tabbable > h3,
.recipe-editor-page .code-based-recipe-editor-tab .recipe-right-menu .tabbable > h4,
.recipe-editor-page .code-based-recipe-editor-tab .recipe-right-menu .tabbable > h5,
.recipe-editor-page .code-based-recipe-editor-tab .recipe-right-menu .tabbable > h6 {
  -webkit-flex-flex: 0 0 auto;
  flex: 0 0 auto;
}
.recipe-editor-page .code-based-recipe-editor-tab .recipe-right-menu .tab-content {
  flex: 1;
  height: 0;
  margin: 0;
  padding: 0;
}
.recipe-editor-page .code-based-recipe-editor-tab .recipe-right-menu .tab-pane,
.recipe-editor-page .code-based-recipe-editor-tab .recipe-right-menu .tab-pane > div {
  height: 100%;
}
.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 .code-based-recipe-editor-tab .recipe-right-menu ul.nav-tabs {
  padding-left: 4px;
}
.recipe-editor-page .code-based-recipe-editor-tab .recipe-right-menu .tabs-new-in-version-popover {
  display: block;
  width: 100px;
  margin-left: -12px;
  margin-right: -12px;
}
.recipe-editor-page .log-choice-button {
  margin-bottom: 4px;
}
.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;
}
.recipe-editor-page .numerical-list {
  width: 206px;
  display: inline-block;
}
.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: 10px;
}
.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=email],
.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=datetime-local],
.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=email]: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=datetime-local]: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=email]: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=datetime-local]: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=email]: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=datetime-local]: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=email].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=datetime-local].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 input[type=text].invalid-ignores-dirty.ng-invalid,
.recipe-io .chosen li .partitionDeps input[type=email].invalid-ignores-dirty.ng-invalid,
.recipe-io .chosen li .partitionDeps input[type=url].invalid-ignores-dirty.ng-invalid,
.recipe-io .chosen li .partitionDeps input[type=number].invalid-ignores-dirty.ng-invalid,
.recipe-io .chosen li .partitionDeps input[type=date].invalid-ignores-dirty.ng-invalid,
.recipe-io .chosen li .partitionDeps input[type=time].invalid-ignores-dirty.ng-invalid,
.recipe-io .chosen li .partitionDeps input[type=datetime-local].invalid-ignores-dirty.ng-invalid,
.recipe-io .chosen li .partitionDeps input[type=password].invalid-ignores-dirty.ng-invalid,
.recipe-io .chosen li .partitionDeps textarea.invalid-ignores-dirty.ng-invalid,
.recipe-io .chosen li .partitionDeps select.invalid-ignores-dirty.ng-invalid,
.recipe-io .chosen li .partitionDeps button.btn.selectpicker.invalid-ignores-dirty.ng-invalid,
.invalid-ignores-dirty .recipe-io .chosen li .partitionDeps input[type=text].ng-invalid,
.invalid-ignores-dirty .recipe-io .chosen li .partitionDeps input[type=email].ng-invalid,
.invalid-ignores-dirty .recipe-io .chosen li .partitionDeps input[type=url].ng-invalid,
.invalid-ignores-dirty .recipe-io .chosen li .partitionDeps input[type=number].ng-invalid,
.invalid-ignores-dirty .recipe-io .chosen li .partitionDeps input[type=date].ng-invalid,
.invalid-ignores-dirty .recipe-io .chosen li .partitionDeps input[type=time].ng-invalid,
.invalid-ignores-dirty .recipe-io .chosen li .partitionDeps input[type=datetime-local].ng-invalid,
.invalid-ignores-dirty .recipe-io .chosen li .partitionDeps input[type=password].ng-invalid,
.invalid-ignores-dirty .recipe-io .chosen li .partitionDeps textarea.ng-invalid,
.invalid-ignores-dirty .recipe-io .chosen li .partitionDeps select.ng-invalid,
.invalid-ignores-dirty .recipe-io .chosen li .partitionDeps button.btn.selectpicker.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 button.btn.selectpicker.none-selected-text .filter-option {
  color: var(--dku-select-placeholder-color, #999999);
}
.recipe-io .chosen li .partitionDeps button.btn.selectpicker.none-selected-text .filter-option::before {
  content: var(--dku-select-placeholder-emphasis--before, '- ');
}
.recipe-io .chosen li .partitionDeps button.btn.selectpicker.none-selected-text .filter-option::after {
  content: var(--dku-select-placeholder-emphasis--after, ' -');
}
.recipe-io .chosen li .partitionDeps button.btn.selectpicker.disabled.none-selected-text .filter-option {
  color: #cccccc;
}
.recipe-io .chosen li .partitionDeps button.btn.selectpicker.disabled {
  background-color: #f2f2f2;
}
.recipe-io .chosen li .partitionDeps button.btn.selectpicker.disabled:hover {
  background-color: #f2f2f2;
}
.recipe-io .chosen li .partitionDeps button.btn.selectpicker.disabled:focus {
  border: 1px #bbbbbb solid;
}
.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 {
  border-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:not(.action):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 .disabled-control-label {
  color: #cccccc;
}
.recipe-io .suggested-new-output-dataset .control-group .controls-disabled-select .bootstrap-select.btn-group .btn .filter-option {
  color: #cccccc;
}
.recipe-io .suggested-new-output-dataset .control-group .controls-disabled-select button.btn.selectpicker:hover {
  background-color: white;
}
.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: 4px auto 16px;
  display: block;
}
.recipe-io .btn-close {
  font-size: 12px;
  text-decoration: none;
  color: #bbbbbb;
}
.recipe-io .btn-close:hover {
  text-decoration: none;
}
.recipe-configuration-alert {
  display: flex;
  align-items: center;
}
.recipe-configuration-alert-single-output {
  display: flex;
  align-items: center;
  margin-left: 28px;
  margin-right: 28px;
}
.recipe-configuration-alert-multiple-outputs {
  display: flex;
  align-items: center;
  margin-left: 15px;
  margin-right: 15px;
}
.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 .recipe-settings-bullets,
.recipe-settings-section1 .recipe-settings-bullets {
  list-style-position: inside;
  list-style-type: circle;
}
.recipe-modal-io .alert ul,
.recipe-settings-section1 .alert ul {
  margin: 0 0 10px 25px;
  list-style: initial;
}
.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: 10px;
}
.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 .no-pointer-event-label,
.recipe-settings-section1 .suggested-new-output-dataset .no-pointer-event-label {
  pointer-events: none;
}
.recipe-modal-io .suggested-new-output-dataset .controls-disabled-select .bootstrap-select.btn-group .btn .filter-option,
.recipe-settings-section1 .suggested-new-output-dataset .controls-disabled-select .bootstrap-select.btn-group .btn .filter-option {
  color: #cccccc;
}
.recipe-modal-io .suggested-new-output-dataset .controls-disabled-select button.btn.selectpicker:hover,
.recipe-settings-section1 .suggested-new-output-dataset .controls-disabled-select button.btn.selectpicker:hover {
  background-color: white;
}
.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__prediction-model-selector .control-group .ng-select {
  height: 38px;
}
.recipe-modal-io__prediction-model-selector .control-group .ng-select-container {
  height: 100%;
}
.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__recipe-display-list-show-main-label:first-of-type .role-header {
  margin-top: 9px;
}
.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-modal-io__error .alert {
  margin-bottom: 0;
}
.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):not(.disabled) {
  background-color: #f2f2f2;
}
.code-edit-schema-box .column-header-meanings-menu ul li.disabled a {
  color: #cccccc;
  pointer-events: none;
}
.code-edit-schema-box .column-header-meanings-menu ul li:not(.disabled) a {
  color: #333333 !important;
}
.code-edit-schema-box .column-header-meanings-menu ul li a {
  font-size: 13px;
  display: block;
  width: 100%;
}
.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=email],
.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=datetime-local],
.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=email]: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=datetime-local]: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=email]: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=datetime-local]: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=email]: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=datetime-local]: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=email].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=datetime-local].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 input[type=text].invalid-ignores-dirty.ng-invalid,
.code-edit-schema-box form input[type=email].invalid-ignores-dirty.ng-invalid,
.code-edit-schema-box form input[type=url].invalid-ignores-dirty.ng-invalid,
.code-edit-schema-box form input[type=number].invalid-ignores-dirty.ng-invalid,
.code-edit-schema-box form input[type=date].invalid-ignores-dirty.ng-invalid,
.code-edit-schema-box form input[type=time].invalid-ignores-dirty.ng-invalid,
.code-edit-schema-box form input[type=datetime-local].invalid-ignores-dirty.ng-invalid,
.code-edit-schema-box form input[type=password].invalid-ignores-dirty.ng-invalid,
.code-edit-schema-box form textarea.invalid-ignores-dirty.ng-invalid,
.code-edit-schema-box form select.invalid-ignores-dirty.ng-invalid,
.code-edit-schema-box form button.btn.selectpicker.invalid-ignores-dirty.ng-invalid,
.invalid-ignores-dirty .code-edit-schema-box form input[type=text].ng-invalid,
.invalid-ignores-dirty .code-edit-schema-box form input[type=email].ng-invalid,
.invalid-ignores-dirty .code-edit-schema-box form input[type=url].ng-invalid,
.invalid-ignores-dirty .code-edit-schema-box form input[type=number].ng-invalid,
.invalid-ignores-dirty .code-edit-schema-box form input[type=date].ng-invalid,
.invalid-ignores-dirty .code-edit-schema-box form input[type=time].ng-invalid,
.invalid-ignores-dirty .code-edit-schema-box form input[type=datetime-local].ng-invalid,
.invalid-ignores-dirty .code-edit-schema-box form input[type=password].ng-invalid,
.invalid-ignores-dirty .code-edit-schema-box form textarea.ng-invalid,
.invalid-ignores-dirty .code-edit-schema-box form select.ng-invalid,
.invalid-ignores-dirty .code-edit-schema-box form button.btn.selectpicker.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 button.btn.selectpicker.none-selected-text .filter-option {
  color: var(--dku-select-placeholder-color, #999999);
}
.code-edit-schema-box form button.btn.selectpicker.none-selected-text .filter-option::before {
  content: var(--dku-select-placeholder-emphasis--before, '- ');
}
.code-edit-schema-box form button.btn.selectpicker.none-selected-text .filter-option::after {
  content: var(--dku-select-placeholder-emphasis--after, ' -');
}
.code-edit-schema-box form button.btn.selectpicker.disabled.none-selected-text .filter-option {
  color: #cccccc;
}
.code-edit-schema-box form button.btn.selectpicker.disabled {
  background-color: #f2f2f2;
}
.code-edit-schema-box form button.btn.selectpicker.disabled:hover {
  background-color: #f2f2f2;
}
.code-edit-schema-box form button.btn.selectpicker.disabled:focus {
  border: 1px #bbbbbb solid;
}
.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 {
  border-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 .tooltip {
  font-weight: 100;
}
.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 {
  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;
}
.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 {
  vertical-align: bottom;
}
.managed-folder-view .view-header h2.main-title i:first-child {
  margin-right: 8px;
}
.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 {
  overflow: hidden;
}
.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:hover:not(.header) .action-col a i,
.managed-folder-view .files-zone .contents-file-list-line.hovered .action-col a i {
  pointer-events: 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,
.move-item-modal .browse-path .contents-file-list-line.disabled .limited-visibility-lock {
  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 label {
  display: block;
  margin-top: 4px;
  margin-bottom: 0;
  padding-left: 10px;
  padding-right: 10px;
  font-weight: 500;
  cursor: default;
}
.move-item-modal .input-wrapper label .help-inline {
  margin-left: 8px;
  font-size: 0.8em;
  font-weight: 400;
  color: #666666;
  font-size: 12px;
}
.move-item-modal .input-wrapper input {
  width: calc(100% - 20px);
  margin: 0;
  border: none;
  outline: none;
  box-shadow: none;
  height: 20px;
  padding: 0 10px 8px 10px;
}
.new-folder-with-files-modal .modal-body {
  padding: 16px 16px 0;
}
.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):not(.hoverable) {
  color: #cccccc;
}
.engines-modal .engine:not(.selectable):not(.hoverable) img {
  opacity: .25;
}
.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):not(.icon-trash):not([class*="dku-icon-trash-"]):not(.illustration):not('.selector-item__icon--has-color') {
  color: #666666;
}
.engines-modal .engine .selection-indicator {
  display: inline-block;
  width: 20px;
  max-height: 20px;
  text-align: center;
}
.engines-modal .engine .selection-indicator i {
  color: #3b99fc;
}
.engines-modal .engine .selectable-item__icon {
  display: inline-block;
  width: 20px;
  text-align: center;
  color: #cccccc;
}
.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 input[type=number].invalid-ignores-dirty.ng-invalid,
.invalid-ignores-dirty .standalone-evaluation-recipe__cost-matrix .cost-matrix-form input[type=number].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;
}
.standalone-evaluation-recipe__classes {
  display: inline-block;
  width: 100px;
}
.eda-recipe-settings-section,
.sampling-recipe-settings-section {
  width: 916px;
}
.text-classification-type__title {
  color: #666666;
  font-size: 22px;
}
.text-classification-type__description {
  color: #666666;
  font-size: 13px;
  margin-left: 8px;
}
.text-classification-use-cases {
  display: flex;
  margin-bottom: 32px;
  margin-top: 16px;
  height: 120px;
}
.text-classification-use-case__title {
  font-size: 14px;
  font-weight: 600;
  line-height: 18px;
  margin-top: 0;
  margin-bottom: 4px;
}
.text-classification-use-case__description {
  color: #666666;
  font-size: 12px;
  font-weight: 400;
  line-height: 16px;
}
.text-classification-use-case {
  padding: 5px;
  margin: 8px 10px;
  background-color: #ffffff;
  border: 1px solid #dddddd;
  display: flex;
  cursor: not-allowed;
  min-height: 86px;
  height: 86px;
  margin: 0;
  overflow-x: hidden;
  padding: 16px;
  position: relative;
  width: 200px;
}
.text-classification-use-case:not(.selectable):not(.hoverable) {
  color: #cccccc;
}
.text-classification-use-case:not(.selectable):not(.hoverable) img {
  opacity: .25;
}
.text-classification-use-case.selectable:hover {
  cursor: pointer;
  background-color: #f2f2f2;
}
.text-classification-use-case.selected,
.text-classification-use-case.selected:hover {
  border-color: #3b99fc;
  background-color: #ffffff;
}
.text-classification-use-case i:not(.universe-color):not(.icon-trash):not([class*="dku-icon-trash-"]):not(.illustration):not('.selector-item__icon--has-color') {
  color: #666666;
}
.text-classification-use-case .selection-indicator {
  display: inline-block;
  width: 20px;
  max-height: 20px;
  text-align: center;
}
.text-classification-use-case .selection-indicator i {
  color: #3b99fc;
}
.text-classification-use-case .selectable-item__icon {
  display: inline-block;
  width: 20px;
  text-align: center;
  color: #cccccc;
}
.text-classification-use-case .selectable-item__title {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  color: #222222;
  font-weight: 500;
  max-width: 90%;
}
.text-classification-use-case .selectable-item__description {
  font-weight: 400;
}
.text-classification-use-case + .text-classification-use-case {
  margin-left: 16px;
}
.text-classification-use-case .selectable {
  cursor: pointer;
}
.dkuform-horizontal .control-group .controls input.nlp-recipe-table__cell,
input.nlp-recipe-table__cell,
.nlp-recipe-table__cell ng-select {
  margin-bottom: 4px;
  margin-right: 4px;
}
.nlp-classify-user-def-recipe-table__header {
  text-align: left;
  font-weight: 400;
  font-size: 13px;
  line-height: 16px;
  color: #222222;
}
.nlp-classify-user-def-recipe-table__header--max-width {
  display: inline-block;
  max-width: 180px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.nlp-recipe-convert-to-prompt__prompt {
  resize: none;
  height: 80px;
}
.nlp-recipe-convert-to-prompt__prompt.w100 {
  width: 100%;
  box-sizing: border-box;
}
.prompt-recipe-input-section {
  width: 440px;
}
.nlp-recipe-input-section input {
  height: 16px;
  margin-bottom: 4px;
}
.finetuning-recipe-editor__settings-column {
  flex: 3;
  margin-left: 16px;
}
.finetuning-recipe-editor__explanations-column {
  flex: 1;
  margin-right: 16px;
}
.finetuning-recipe-editor {
  max-width: 1420px;
  margin: 0 auto;
}
.embed-documents-recipe-title-row {
  display: flex;
  align-items: baseline;
}
.embed-documents-recipe-title-icon_row {
  display: flex;
  align-items: stretch;
}
.embed-documents-recipe-settings-strategy__section1 {
  background: #ffffff;
  margin: 16px auto;
  padding: 24px;
}
.embed-documents-recipe-settings-output__section1 {
  background: #ffffff;
  margin: 16px auto;
  padding: 2px 24px 24px 24px;
}
.embed-documents-recipe__forms {
  width: 916px;
  margin: auto;
  align-items: center;
}
.embed-documents-recipe-strategy-help-icon {
  cursor: pointer;
  margin-right: 4px;
}
.embed-documents-recipe-rules__trash-icon {
  font-size: 16px;
}
.embed-documents-recipe-help-label {
  display: flex;
  align-items: stretch;
  cursor: pointer;
  width: 200px;
}
.embed-documents-recipe-popover {
  width: 450px;
}
.embed-documents-recipe__apply-control-group {
  display: flex;
  align-items: stretch;
}
.embed-documents-recipe__apply-icon {
  line-height: 20px;
  align-self: flex-end;
  margin-left: 8px;
}
.embed-documents-recipe__advanced-link {
  line-height: 20px;
  align-self: center;
  padding-left: 8px;
  cursor: pointer;
}
.sql-recipe__generate {
  padding: 8px;
}
.sql-recipe__generate .sql-recipe__generate--form {
  margin-top: 8px;
}
.sql-recipe__generate .sql-recipe__generate--actions {
  display: flex;
  justify-content: flex-end;
  gap: 8px;
}
.sql-recipe__generate .sql-recipe__generate--generate-button {
  border-color: #2ab1ac;
  color: #2ab1ac;
}
.sql-recipe__generate .sql-recipe__generate--generate-button[disabled] {
  border-color: #cccccc;
  color: #cccccc;
}
.sql-recipe__generate .sql-recipe__generate--insert-button {
  margin-top: 8px;
  margin-left: auto;
}
.sql-recipe__generate .sql-recipe__generate--editor {
  display: flex;
  min-height: 120px;
  box-sizing: border-box;
  width: 100%;
  resize: vertical;
}
.sql-recipe__generate .sql-recipe__generate--code-block {
  margin: 8px 0 8px 0;
  background-color: #f2f2f2;
  padding: 8px;
}
.sql-recipe__generate .sql-recipe__generate--code-block-title {
  display: flex;
  justify-content: space-between;
}
.sql-recipe__generate .sql-recipe__generate--code-block-title > span {
  font-size: 13px;
  font-weight: 600;
  color: #666666;
  display: flex;
}
.sql-recipe__generate .sql-recipe__generate--code {
  font-size: 11px;
}
.sql-recipe__generate .sql-recipe__generate--code .CodeMirror {
  height: auto;
}
.sql-recipe__generate .sql-recipe__generate--code .CodeMirror .CodeMirror-scroll {
  min-height: 32px;
  max-height: 300px;
}
.sql-recipe__generate .sql-recipe__generate--caution-message {
  margin-bottom: 8px;
  font-size: 12px;
  font-style: italic;
  text-align: start;
  color: #666666;
}
.sql-recipe__generate .sql-recipe__generate--title {
  text-align: start;
  margin-bottom: 8px;
  font-size: 16px;
  color: #666666;
}
.sql-recipe__generate .sql-recipe__generate--reasoning {
  background-color: #f2f2f2;
  padding: 8px;
  margin-top: 8px;
  text-align: left;
  color: #666666;
}
.sql-recipe__generate .sql-recipe__generate--reasoning-title {
  font-size: 13px;
  font-weight: 600;
  display: flex;
}
.sql-recipe__generate .sql-recipe__generate--reasoning-content {
  font-weight: 400px;
}
.table-llm-eval-recipe {
  background-color: #edf3f6;
  margin-left: 8px;
  padding-left: 8px;
  padding-right: 8px;
  padding-top: 4px;
}
.table-llm-eval-recipe table {
  background-color: #edf3f6;
  width: fit-content;
  min-width: 300px;
  height: fit-content;
  min-height: 288px;
}
.table-llm-eval-recipe table .table-llm-eval-recipe__head-row {
  font-weight: 500;
  text-align: left;
  padding-left: 22px;
  padding-top: 4px;
}
.table-llm-eval-recipe table tr {
  width: 259px;
  height: 32px;
  vertical-align: middle;
  text-align: center;
  color: #31708f;
  white-space: nowrap;
}
.table-llm-eval-recipe table th {
  font-weight: normal;
}
.table-llm-eval-recipe table td {
  width: 25%;
}
.table-llm-eval-recipe table thead {
  border-bottom: 1px solid #c1d4dd;
}
.table-llm-eval-recipe table tbody tr {
  border-bottom: 1px solid #d9e6ed;
}
.table-llm-eval-recipe table tbody tr:last-child {
  border: none;
}
.llm-eval-recipe__context-alert {
  margin-top: 4px;
}
.visual-recipe-with-steps {
  /* Color invalid dataset uniqueness issues, even when non dirty */
}
.visual-recipe-with-steps .mainPane,
.visual-recipe-with-steps .bottomPane {
  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,
.visual-recipe-with-steps.showRightPane .bottomPane {
  right: 300px;
}
.visual-recipe-with-steps.showRightPane .rightPane {
  right: 0;
}
.visual-recipe-with-steps.showLeftPane .mainPane,
.visual-recipe-with-steps.showLeftPane .bottomPane {
  left: 300px;
}
.visual-recipe-with-steps.showLeftPane .leftPane {
  left: 0;
}
.visual-recipe-with-steps.fixedPanes--wide-pane .mainPane,
.visual-recipe-with-steps.fixedPanes--wide-pane .bottomPane {
  left: 0px;
  right: 0px;
}
.visual-recipe-with-steps.fixedPanes--wide-pane .leftPane,
.visual-recipe-with-steps.fixedPanes--wide-pane .rightPane {
  width: 400px;
}
.visual-recipe-with-steps.fixedPanes--wide-pane .leftPane {
  left: -400px;
}
.visual-recipe-with-steps.fixedPanes--wide-pane .rightPane {
  right: -401px;
}
.visual-recipe-with-steps.fixedPanes--wide-pane.showRightPane .mainPane,
.visual-recipe-with-steps.fixedPanes--wide-pane.showRightPane .bottomPane {
  right: 400px;
}
.visual-recipe-with-steps.fixedPanes--wide-pane.showRightPane .rightPane {
  right: 0;
}
.visual-recipe-with-steps.fixedPanes--wide-pane.showLeftPane .mainPane,
.visual-recipe-with-steps.fixedPanes--wide-pane.showLeftPane .bottomPane {
  left: 400px;
}
.visual-recipe-with-steps.fixedPanes--wide-pane.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 .mainPane.mainPane--half-height {
  bottom: 50%;
}
.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, width 0.25s ease-out;
  -moz-transition: right 0.25s ease-out, left 0.25s ease-out, width 0.25s ease-out;
  -o-transition: right 0.25s ease-out, left 0.25s ease-out, width 0.25s ease-out;
  transition: right 0.25s ease-out, left 0.25s ease-out, width 0.25s ease-out;
}
.visual-recipe-with-steps .leftPane {
  border-width: 0 1px 0 0;
}
.visual-recipe-with-steps .leftPane > .handle {
  background: #cccccc;
  position: absolute;
  top: 25%;
  height: 100px;
  width: 15px;
  cursor: pointer;
}
.visual-recipe-with-steps .leftPane > .handle:before,
.visual-recipe-with-steps .leftPane > .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 {
  left: auto;
  right: 30%;
}
.visual-recipe-with-steps .leftPane > .handle[title] {
  width: 19px;
}
.visual-recipe-with-steps .leftPane > .handle[title]:before {
  display: none;
}
.visual-recipe-with-steps .leftPane > .handle[title]:after {
  content: attr(title);
  border: none;
  top: auto;
  bottom: auto;
  left: 19px;
  right: auto;
  transform: 'rotate(90deg)';
  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 .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 {
  background: #cccccc;
  position: absolute;
  top: 25%;
  height: 100px;
  width: 15px;
  cursor: pointer;
}
.visual-recipe-with-steps .rightPane > .handle:before,
.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 .rightPane > .handle:after {
  left: auto;
  right: 30%;
}
.visual-recipe-with-steps .rightPane > .handle[title] {
  width: 19px;
}
.visual-recipe-with-steps .rightPane > .handle[title]:before {
  display: none;
}
.visual-recipe-with-steps .rightPane > .handle[title]:after {
  content: attr(title);
  border: none;
  top: auto;
  bottom: auto;
  left: 19px;
  right: auto;
  transform: 'rotate(90deg)';
  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 .rightPane .handle {
  right: 100%;
  border-radius: 10px 0 0 10px;
}
.visual-recipe-with-steps .bottomPane {
  position: absolute;
  box-sizing: border-box;
  bottom: 0;
  min-height: 320px;
  height: 50%;
  max-height: 90%;
}
.visual-recipe-with-steps .mainPane,
.visual-recipe-with-steps .bottomPane {
  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,
.visual-recipe-with-steps.showRightPane .bottomPane {
  right: 220px;
}
.visual-recipe-with-steps.showRightPane .rightPane {
  right: 0;
}
.visual-recipe-with-steps.showLeftPane .mainPane,
.visual-recipe-with-steps.showLeftPane .bottomPane {
  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: 5px;
  border: 1px dotted #666666;
  border-radius: 14px;
  width: 16px;
  height: 16px;
  line-height: 16px;
}
.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;
  color: #ffffff;
}
.visual-recipe-with-steps .leftPane .recipe-step.step-with-warnings .status {
  background-color: #f28c37;
  color: #ffffff;
}
.visual-recipe-with-steps .leftPane .recipe-step.invalid-step .status {
  background-color: #ce1228;
  color: #ffffff;
}
.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 .run {
  text-align: center;
  margin-bottom: 8px;
  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=email],
.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=datetime-local],
.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=email]: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=datetime-local]: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=email]: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=datetime-local]: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=email]: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=datetime-local]: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=email].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=datetime-local].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 input[type=text].invalid-ignores-dirty.ng-invalid,
.visual-recipe-with-steps input[type=email].invalid-ignores-dirty.ng-invalid,
.visual-recipe-with-steps input[type=url].invalid-ignores-dirty.ng-invalid,
.visual-recipe-with-steps input[type=number].invalid-ignores-dirty.ng-invalid,
.visual-recipe-with-steps input[type=date].invalid-ignores-dirty.ng-invalid,
.visual-recipe-with-steps input[type=time].invalid-ignores-dirty.ng-invalid,
.visual-recipe-with-steps input[type=datetime-local].invalid-ignores-dirty.ng-invalid,
.visual-recipe-with-steps input[type=password].invalid-ignores-dirty.ng-invalid,
.visual-recipe-with-steps textarea.invalid-ignores-dirty.ng-invalid,
.visual-recipe-with-steps select.invalid-ignores-dirty.ng-invalid,
.visual-recipe-with-steps button.btn.selectpicker.invalid-ignores-dirty.ng-invalid,
.invalid-ignores-dirty .visual-recipe-with-steps input[type=text].ng-invalid,
.invalid-ignores-dirty .visual-recipe-with-steps input[type=email].ng-invalid,
.invalid-ignores-dirty .visual-recipe-with-steps input[type=url].ng-invalid,
.invalid-ignores-dirty .visual-recipe-with-steps input[type=number].ng-invalid,
.invalid-ignores-dirty .visual-recipe-with-steps input[type=date].ng-invalid,
.invalid-ignores-dirty .visual-recipe-with-steps input[type=time].ng-invalid,
.invalid-ignores-dirty .visual-recipe-with-steps input[type=datetime-local].ng-invalid,
.invalid-ignores-dirty .visual-recipe-with-steps input[type=password].ng-invalid,
.invalid-ignores-dirty .visual-recipe-with-steps textarea.ng-invalid,
.invalid-ignores-dirty .visual-recipe-with-steps select.ng-invalid,
.invalid-ignores-dirty .visual-recipe-with-steps button.btn.selectpicker.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 button.btn.selectpicker.none-selected-text .filter-option {
  color: var(--dku-select-placeholder-color, #999999);
}
.visual-recipe-with-steps button.btn.selectpicker.none-selected-text .filter-option::before {
  content: var(--dku-select-placeholder-emphasis--before, '- ');
}
.visual-recipe-with-steps button.btn.selectpicker.none-selected-text .filter-option::after {
  content: var(--dku-select-placeholder-emphasis--after, ' -');
}
.visual-recipe-with-steps button.btn.selectpicker.disabled.none-selected-text .filter-option {
  color: #cccccc;
}
.visual-recipe-with-steps button.btn.selectpicker.disabled {
  background-color: #f2f2f2;
}
.visual-recipe-with-steps button.btn.selectpicker.disabled:hover {
  background-color: #f2f2f2;
}
.visual-recipe-with-steps button.btn.selectpicker.disabled:focus {
  border: 1px #bbbbbb solid;
}
.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 {
  border-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 .computed-columns .limitIt {
  max-width: 312px;
}
.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: 100px;
  padding: 0 5px;
}
.visual-recipe-run-summary .output-schema li {
  margin: 1px 0;
}
.visual-recipe-run-summary .output-schema .original-column-name {
  margin-left: 16px;
  font-size: 11px;
  color: #666666;
}
.visual-recipe-run-summary .output-schema .column-name-input-field {
  width: 412px;
}
.visual-recipe-run-summary .dku-loader {
  width: 16px;
  height: 16px;
}
.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: 8px;
  color: #bbbbbb;
}
.dataset-tools a:hover:not([disabled]) {
  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: 0 0 0 16px;
}
.datasets-table .datasets-table__header {
  height: 56px;
  padding-left: 4px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 32px;
}
.datasets-table .datasets-table__header .datasets-table__dataset-name {
  min-width: 0;
  font-weight: 500;
  line-height: 23px;
  font-size: 18px;
  color: #222222;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.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;
}
.datasets-background-table > tbody > tr:not(:first-child) > td,
.datasets-table > tbody > tr:not(:first-child) > td {
  padding: 16px 16px 0 16px;
}
.datasets-background-table > tbody > tr:not(:first-child) > td .dku-select-button,
.datasets-table > tbody > tr:not(:first-child) > td .dku-select-button {
  width: 260px;
}
.datasets-background-table > tbody > tr:first-child > td,
.datasets-table > tbody > tr:first-child > td {
  padding: 12px 16px 0 12px;
  min-width: 436px;
}
.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;
}
.modal .generic-white-box {
  border: none;
  padding: 0;
  background: none;
}
.computed-columns-block {
  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-columns-block .standard-container__wrap {
  margin-bottom: 32px;
}
.computed-columns-block .standard-container__wrap .package-status__stage {
  border-right: 1px solid #dddddd;
  line-height: 18px;
}
.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 label.control-label-multiline,
.computed-column-step-editor label.control-label-multiline {
  height: auto;
}
.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=email],
.computed-column-step-editor input[type=email],
.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=datetime-local],
.computed-column-step-editor input[type=datetime-local],
.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=email]:focus,
.computed-column-step-editor input[type=email]: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=datetime-local]:focus,
.computed-column-step-editor input[type=datetime-local]: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=email]:hover,
.computed-column-step-editor input[type=email]: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=datetime-local]:hover,
.computed-column-step-editor input[type=datetime-local]: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=email]:focus,
.computed-column-step-editor input[type=email]: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=datetime-local]:focus,
.computed-column-step-editor input[type=datetime-local]: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=email].ng-dirty.ng-invalid,
.computed-column-step-editor input[type=email].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=datetime-local].ng-dirty.ng-invalid,
.computed-column-step-editor input[type=datetime-local].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 input[type=text].invalid-ignores-dirty.ng-invalid,
.computed-column-step-editor input[type=text].invalid-ignores-dirty.ng-invalid,
.filter-editor input[type=email].invalid-ignores-dirty.ng-invalid,
.computed-column-step-editor input[type=email].invalid-ignores-dirty.ng-invalid,
.filter-editor input[type=url].invalid-ignores-dirty.ng-invalid,
.computed-column-step-editor input[type=url].invalid-ignores-dirty.ng-invalid,
.filter-editor input[type=number].invalid-ignores-dirty.ng-invalid,
.computed-column-step-editor input[type=number].invalid-ignores-dirty.ng-invalid,
.filter-editor input[type=date].invalid-ignores-dirty.ng-invalid,
.computed-column-step-editor input[type=date].invalid-ignores-dirty.ng-invalid,
.filter-editor input[type=time].invalid-ignores-dirty.ng-invalid,
.computed-column-step-editor input[type=time].invalid-ignores-dirty.ng-invalid,
.filter-editor input[type=datetime-local].invalid-ignores-dirty.ng-invalid,
.computed-column-step-editor input[type=datetime-local].invalid-ignores-dirty.ng-invalid,
.filter-editor input[type=password].invalid-ignores-dirty.ng-invalid,
.computed-column-step-editor input[type=password].invalid-ignores-dirty.ng-invalid,
.filter-editor textarea.invalid-ignores-dirty.ng-invalid,
.computed-column-step-editor textarea.invalid-ignores-dirty.ng-invalid,
.filter-editor select.invalid-ignores-dirty.ng-invalid,
.computed-column-step-editor select.invalid-ignores-dirty.ng-invalid,
.filter-editor button.btn.selectpicker.invalid-ignores-dirty.ng-invalid,
.computed-column-step-editor button.btn.selectpicker.invalid-ignores-dirty.ng-invalid,
.invalid-ignores-dirty .filter-editor input[type=text].ng-invalid,
.invalid-ignores-dirty .computed-column-step-editor input[type=text].ng-invalid,
.invalid-ignores-dirty .filter-editor input[type=email].ng-invalid,
.invalid-ignores-dirty .computed-column-step-editor input[type=email].ng-invalid,
.invalid-ignores-dirty .filter-editor input[type=url].ng-invalid,
.invalid-ignores-dirty .computed-column-step-editor input[type=url].ng-invalid,
.invalid-ignores-dirty .filter-editor input[type=number].ng-invalid,
.invalid-ignores-dirty .computed-column-step-editor input[type=number].ng-invalid,
.invalid-ignores-dirty .filter-editor input[type=date].ng-invalid,
.invalid-ignores-dirty .computed-column-step-editor input[type=date].ng-invalid,
.invalid-ignores-dirty .filter-editor input[type=time].ng-invalid,
.invalid-ignores-dirty .computed-column-step-editor input[type=time].ng-invalid,
.invalid-ignores-dirty .filter-editor input[type=datetime-local].ng-invalid,
.invalid-ignores-dirty .computed-column-step-editor input[type=datetime-local].ng-invalid,
.invalid-ignores-dirty .filter-editor input[type=password].ng-invalid,
.invalid-ignores-dirty .computed-column-step-editor input[type=password].ng-invalid,
.invalid-ignores-dirty .filter-editor textarea.ng-invalid,
.invalid-ignores-dirty .computed-column-step-editor textarea.ng-invalid,
.invalid-ignores-dirty .filter-editor select.ng-invalid,
.invalid-ignores-dirty .computed-column-step-editor select.ng-invalid,
.invalid-ignores-dirty .filter-editor button.btn.selectpicker.ng-invalid,
.invalid-ignores-dirty .computed-column-step-editor button.btn.selectpicker.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 button.btn.selectpicker.none-selected-text .filter-option,
.computed-column-step-editor button.btn.selectpicker.none-selected-text .filter-option {
  color: var(--dku-select-placeholder-color, #999999);
}
.filter-editor button.btn.selectpicker.none-selected-text .filter-option::before,
.computed-column-step-editor button.btn.selectpicker.none-selected-text .filter-option::before {
  content: var(--dku-select-placeholder-emphasis--before, '- ');
}
.filter-editor button.btn.selectpicker.none-selected-text .filter-option::after,
.computed-column-step-editor button.btn.selectpicker.none-selected-text .filter-option::after {
  content: var(--dku-select-placeholder-emphasis--after, ' -');
}
.filter-editor button.btn.selectpicker.disabled.none-selected-text .filter-option,
.computed-column-step-editor button.btn.selectpicker.disabled.none-selected-text .filter-option {
  color: #cccccc;
}
.filter-editor button.btn.selectpicker.disabled,
.computed-column-step-editor button.btn.selectpicker.disabled {
  background-color: #f2f2f2;
}
.filter-editor button.btn.selectpicker.disabled:hover,
.computed-column-step-editor button.btn.selectpicker.disabled:hover {
  background-color: #f2f2f2;
}
.filter-editor button.btn.selectpicker.disabled:focus,
.computed-column-step-editor button.btn.selectpicker.disabled:focus {
  border: 1px #bbbbbb solid;
}
.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 {
  border-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,
.filter-editor .ng-select,
.computed-column-step-editor .ng-select {
  width: 206px;
}
.filter-editor .bootstrap-select.bootstrap-select.bootstrap-select.bootstrap-select.bootstrap-select.input-xlarge,
.computed-column-step-editor .bootstrap-select.bootstrap-select.bootstrap-select.bootstrap-select.bootstrap-select.input-xlarge,
.filter-editor .ng-select.input-xlarge,
.computed-column-step-editor .ng-select.input-xlarge {
  width: 270px;
}
.filter-editor .bootstrap-select.bootstrap-select.bootstrap-select.bootstrap-select.bootstrap-select.input-xxlarge,
.computed-column-step-editor .bootstrap-select.bootstrap-select.bootstrap-select.bootstrap-select.bootstrap-select.input-xxlarge,
.filter-editor .ng-select.input-xxlarge,
.computed-column-step-editor .ng-select.input-xxlarge {
  width: 430px;
}
.filter-editor .bootstrap-select.bootstrap-select.bootstrap-select.bootstrap-select.bootstrap-select.input-half-size,
.computed-column-step-editor .bootstrap-select.bootstrap-select.bootstrap-select.bootstrap-select.bootstrap-select.input-half-size,
.filter-editor .ng-select.input-half-size,
.computed-column-step-editor .ng-select.input-half-size {
  width: 102px;
}
.filter-editor .bootstrap-select.bootstrap-select.bootstrap-select.bootstrap-select.bootstrap-select.input-fit-content,
.computed-column-step-editor .bootstrap-select.bootstrap-select.bootstrap-select.bootstrap-select.bootstrap-select.input-fit-content,
.filter-editor .ng-select.input-fit-content,
.computed-column-step-editor .ng-select.input-fit-content {
  width: fit-content;
  width: -moz-fit-content;
}
.filter-editor .double-select .bootstrap-select.bootstrap-select.bootstrap-select.bootstrap-select.bootstrap-select,
.computed-column-step-editor .double-select .bootstrap-select.bootstrap-select.bootstrap-select.bootstrap-select.bootstrap-select,
.filter-editor .double-select .ng-select,
.computed-column-step-editor .double-select .ng-select {
  width: 176px;
}
.filter-editor input[type=file],
.computed-column-step-editor input[type=file] {
  padding-top: 4px;
  height: 24px;
  line-height: initial;
}
.filter-editor .help-inline,
.computed-column-step-editor .help-inline {
  color: #666666;
  font-size: 12px;
  width: 230px;
}
.filter-editor .help-inline.help-inline--fit-content,
.computed-column-step-editor .help-inline.help-inline--fit-content {
  width: fit-content;
  width: -moz-fit-content;
}
.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 .control-error-message,
.computed-column-step-editor .control-error-message {
  padding-top: 4px;
  color: #ce1228;
  font-size: 10px;
  line-height: 15px;
}
.filter-editor .control-error-message.help-inline,
.computed-column-step-editor .control-error-message.help-inline {
  padding-top: 0;
  padding-left: 8px;
  line-height: 13px;
}
.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-dropdown,
.computed-column-step-editor .filter-dropdown {
  padding-bottom: 16px;
}
.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 .boolean-operator,
.computed-column-step-editor .boolean-operator {
  width: 54px !important;
  padding-right: 4px;
  text-align-last: center;
}
.filter-editor .no-selected-boolean-operator,
.computed-column-step-editor .no-selected-boolean-operator {
  width: 54px !important;
  padding-left: 4px;
  display: inline-block;
}
.filter-editor .selected-boolean-operator,
.computed-column-step-editor .selected-boolean-operator {
  width: 54px !important;
  padding-left: 4px;
  display: inline-block;
}
.filter-editor .selected-boolean-operator-text,
.computed-column-step-editor .selected-boolean-operator-text {
  padding-left: 4px;
}
.filter-editor .add-filter-dropdown,
.computed-column-step-editor .add-filter-dropdown {
  margin-left: 60px;
}
.filter-editor .add-filter-condition,
.computed-column-step-editor .add-filter-condition {
  padding-right: 8px;
  padding-left: 8px;
}
.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;
}
/**** 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;
  min-height: 36px;
  max-height: 50%;
  padding: 8px 16px;
  display: flex;
  gap: 8px 16px;
  flex-wrap: wrap;
}
.vstack-recipe .virtual-inputs .virtual-input {
  width: 300px;
  display: flex;
  align-items: center;
  gap: 32px;
  font-size: 1.2em;
  font-weight: 600;
}
.vstack-recipe .virtual-inputs .virtual-input .flex {
  min-width: 0;
  flex: 1 1 auto;
}
.vstack-recipe .virtual-inputs .virtual-input .noflex {
  flex: 0 0 auto;
}
.vstack-recipe .vstack-header-container-left {
  padding-left: 8px;
  padding-right: 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;
}
.afg-recipe .afg-recipe__long-column-name {
  overflow: hidden;
  text-overflow: ellipsis;
}
.afg-recipe .afg-recipe__change-input-subtitle {
  color: #999999;
}
.afg-recipe .afg-recipe__time-settings-separation-line {
  border-top: 1px solid #cccccc;
  margin-top: 4px;
  margin-bottom: 4px;
}
.afg-recipe .afg-recipe__time-settings-section {
  height: 40px;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.afg-recipe .afg-recipe__cutoff-time-value {
  max-width: 200px;
}
.afg-recipe .afg-recipe__time-settings-label {
  display: flex;
  min-width: 100px;
  font-weight: 500;
}
.afg-recipe .afg-recipe__time-settings-container {
  display: flex;
}
.afg-recipe .afg-recipe__time-settings-content {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
}
.afg-recipe .afg-recipe__time-settings-pencil-icon {
  display: flex;
  align-items: center;
}
.afg-recipe .afg-recipe__time-settings-pencil-icon-clickable {
  cursor: pointer;
}
.afg-recipe .afg-recipe__time-index {
  max-width: 200px;
}
.afg-recipe .afg-recipe__time-window {
  white-space: nowrap;
  max-width: 300px;
}
.afg-recipe .afg-recipe__time-settings-edition {
  color: #333333;
  display: flex;
}
.afg-recipe .afg-recipe__time-settings-edition--disabled {
  color: #cccccc;
  cursor: default;
}
.afg-recipe .afg-recipe__time-settings-edition--disabled .add-component__item {
  cursor: inherit;
}
.afg-recipe .afg-recipe__time-settings-edition--disabled .add-component__item-name,
.afg-recipe .afg-recipe__time-settings-edition--disabled .add-component__item-icon,
.afg-recipe .afg-recipe__time-settings-edition--disabled .add-component__item-description {
  color: #cccccc;
}
.afg-recipe .afg-recipe__time-settings-edition--disabled:active {
  pointer-events: none;
}
.afg-recipe .afg-main {
  position: relative;
  height: auto;
  min-height: 100%;
  width: auto;
}
.afg-recipe .afg-main .one-dataset-message {
  text-align: center;
  display: flex;
  margin-top: 200px;
  justify-content: center;
}
.afg-recipe .afg-main .one-dataset-message .message-max-width {
  max-width: 248px;
}
.afg-recipe .afg-no-input {
  margin-top: 40px;
}
.afg-recipe .afg-add-input {
  margin-top: 40px;
}
.afg-recipe .afg-recipe__settings-pane {
  margin: 24px;
}
.afg-recipe .afg-recipe__settings-pane .afg-recipe__settings-header {
  padding-left: 16px;
  margin-bottom: 24px;
}
.afg-recipe .afg-recipe__settings-pane .afg-recipe__settings-header .afg-recipe__settings-header-desc {
  font-weight: bold;
}
.afg-recipe .afg-recipe__description-no-linebreak {
  white-space: nowrap;
}
.afg-modal {
  width: 800px;
}
.afg-modal .afg-block-body .afg-conditions__clear-all-button {
  margin-bottom: 8px;
}
.afg-modal .afg-block-body .middle-column {
  min-width: 150px;
}
.afg-modal .afg-block-body .afg-modal-condition-column-name {
  margin-top: 8px;
}
.afg-modal .afg-block-body .afg-condition-settings {
  justify-content: space-between;
  align-items: flex-start;
  margin-bottom: 16px;
  border: 1px solid #cccccc;
  padding: 16px 16px;
}
.afg-modal .afg-block-body .afg-condition-settings .column-preview-container .dataset-preview-scroll {
  max-height: 100%;
}
.afg-modal .afg-block-body .afg-condition-settings .dataset-name {
  width: 320px;
  overflow: hidden;
  text-overflow: ellipsis;
  diisplay: flex;
  white-space: nowrap;
}
.afg-modal .afg-block-body .afg-condition-settings .bold-text {
  font-weight: bold;
}
.afg-modal .afg-block-body .afg-condition-settings column-select .bootstrap-select {
  max-width: 320px;
  min-width: 320px;
  width: 320px;
}
.afg-modal .afg-block-body .afg-condition-settings .afg-condition-column-preview .column-name {
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 240px;
}
.afg-modal .afg-block-body .afg-condition-settings .afg-condition-column-preview table {
  width: 320px;
  max-width: 320px;
  min-width: 320px;
}
.afg-modal .afg-block-body .afg-condition-settings .afg-condition-column-preview .preview-column__table {
  width: 320px;
  max-width: 320px;
}
.afg-modal .afg-block-body .afg-condition-settings .afg-condition-column-preview .preview-column__table tr td .cell {
  max-width: 312px;
}
.afg-modal .afg-block-body .afg-condition-settings .afg-condition-column-preview .error-message {
  font-size: 0.8em;
  font-weight: 600;
  color: #ce1228;
  white-space: pre-wrap;
  word-break: break-word;
  max-width: 320px;
}
.afg-modal .afg-block-body .afg-condition-settings .afg-condition-column-select {
  margin-bottom: 16px;
}
.afg-modal .afg-block-body .afg-condition-settings .container-equal-op {
  margin-top: 24px;
}
.afg-modal .afg-block-body .afg-condition {
  margin-bottom: 16px;
}
.afg-modal .afg-block-body .afg-condition .bold-text {
  font-weight: bold;
}
.afg-modal .afg-block-body .afg-condition:hover,
.afg-modal .afg-block-body .afg-condition.selected {
  font-weight: 600;
}
.afg-modal .afg-block-body .afg-condition:not(:hover):not(.selected) .join-line {
  border-top: 1px solid #dddddd;
}
.afg-modal .afg-block-body .afg-condition:not(:hover):not(.selected) .matching-type-name {
  border: 1px solid #dddddd;
  margin: 0;
}
.afg-modal .afg-block-body .afg-condition .left-column {
  width: 545px;
  max-width: 545px;
}
.afg-modal .afg-block-body .afg-condition .pull-right {
  overflow: hidden;
}
.afg-modal .afg-block-body .afg-condition .column-name-text {
  max-width: 300px;
}
.afg-modal .afg-block-body .relationship-right-column {
  padding-bottom: 8px;
  padding-left: 8px;
}
.afg-modal .afg-block-body .relationship-left-column {
  padding-left: 4px;
}
.afg-modal .afg-block-body .remove-relationship-condition {
  padding-bottom: 8px;
}
.afg-modal .afg-block-body .container-main {
  display: flex;
  margin-left: 20px;
}
.afg-modal .afg-block-body .container-main .container-input {
  flex: 45%;
  display: flex;
  flex-direction: column;
}
.afg-modal .afg-block-body .container-main .container-input .container-label {
  display: flex;
  white-space: nowrap;
  min-width: 216px;
  max-width: 216px;
}
.afg-modal .afg-block-body .container-main .container-input .container-label .dataset-name {
  overflow: hidden;
  text-overflow: ellipsis;
}
.afg-modal .afg-block-body .container-main .container-input .container-equal-op {
  display: flex;
  padding-left: 8px;
  padding-top: 4px;
}
.afg-modal .afg-block-body .container-main .container-trash {
  flex: 5%;
  display: flex;
  flex-direction: column;
}
.afg-modal .afg-block-body .container-main .container-trash .container-trash-position {
  margin-top: 22px;
}
.afg-modal .afg-block-body .container-main .container-padding {
  padding-right: 8px;
  padding-bottom: 8px;
}
.afg-modal .afg-block-body .container-main .container-flex {
  display: flex;
}
.afg-modal .relationship__selector-dropdown {
  width: 56%;
}
.afg-modal .relationship__selector-description {
  width: 100%;
}
.afg-modal .column-name {
  overflow: hidden;
  text-overflow: ellipsis;
  padding-bottom: 8px;
}
.afg-modal .relationship__selector-icon {
  color: #ce1228;
}
.afg-modal .current-relationship-type {
  display: flex;
}
.afg-modal .many-to-one {
  padding-top: 1px;
}
.afg-modal .one-to-many {
  padding-top: 1px;
}
.afg-modal .one-to-one {
  padding-top: 1px;
  padding-right: 2px;
}
.afg-modal .relationship-type-name {
  padding-left: 8px;
}
.afg-modal .relationship-type-name.empty {
  font-weight: 600;
  margin-left: 4px;
}
.afg-modal .afg-relationship-modal__tooltip {
  vertical-align: bottom;
}
.afg-modal .modal-body {
  overflow-x: hidden;
}
.afg-modal .modal-body .afg-modal__modal-description {
  color: #666666;
}
.afg-modal .afg-relationship-block__dropdown-menu {
  right: auto;
}
.join-recipe .limited-width,
.afg-recipe .limited-width {
  text-overflow: ellipsis;
  overflow: hidden;
}
.join-recipe .join-with-header,
.afg-recipe .join-with-header {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
}
.join-recipe .join-with-header .edit-dataset-color,
.afg-recipe .join-with-header .edit-dataset-color {
  color: grey;
}
.join-recipe .join-block .join-condition,
.afg-recipe .join-block .join-condition {
  height: 24px;
  margin-bottom: 16px;
}
.join-recipe .join-block .join-condition .left-column,
.afg-recipe .join-block .join-condition .left-column {
  width: 385px;
  max-width: 385px;
}
.join-recipe .join-block .join-condition .right-column,
.afg-recipe .join-block .join-condition .right-column {
  width: 359px;
  max-width: 359px;
}
.join-recipe .afg-block .afg-condition,
.afg-recipe .afg-block .afg-condition {
  height: 24px;
  margin-bottom: 16px;
}
.join-recipe .afg-block .afg-condition :not(afg-modal) .left-column,
.afg-recipe .afg-block .afg-condition :not(afg-modal) .left-column {
  width: 385px;
  max-width: 385px;
}
.join-recipe .afg-block .afg-condition :not(afg-modal) .right-column,
.afg-recipe .afg-block .afg-condition :not(afg-modal) .right-column {
  width: 385px;
  max-width: 385px;
}
.join-recipe .join-block:not(:hover):not(.selected) .join-line,
.afg-recipe .join-block:not(:hover):not(.selected) .join-line,
.join-recipe .afg-block:not(:hover):not(.selected) .join-line,
.afg-recipe .afg-block:not(:hover):not(.selected) .join-line {
  border-top: 1px solid #dddddd;
}
.join-recipe .join-block:not(:hover):not(.selected) .matching-type-name,
.afg-recipe .join-block:not(:hover):not(.selected) .matching-type-name,
.join-recipe .afg-block:not(:hover):not(.selected) .matching-type-name,
.afg-recipe .afg-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,
.afg-recipe .join-block:not(:hover):not(.selected) .join-type-name,
.join-recipe .afg-block:not(:hover):not(.selected) .join-type-name,
.afg-recipe .afg-block:not(:hover):not(.selected) .join-type-name {
  font-weight: 400;
}
.join-recipe .join-block .clickable:hover,
.afg-recipe .join-block .clickable:hover,
.join-recipe .afg-block .clickable:hover,
.afg-recipe .afg-block .clickable:hover {
  cursor: pointer;
}
.join-recipe .join-block-empty,
.afg-recipe .join-block-empty {
  border: 1px solid #dddddd;
}
.join-recipe .output-columns,
.afg-recipe .output-columns {
  vertical-align: top;
  color: #666666;
}
.join-recipe .output-columns .column-name-block,
.afg-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,
.afg-recipe .output-columns .column-name-block input {
  margin: 0;
}
.join-recipe .output-columns .header,
.afg-recipe .output-columns .header {
  padding: 4px 0 4px 0;
}
.join-recipe .output-columns .header .dataset-prefix input,
.afg-recipe .output-columns .header .dataset-prefix input {
  width: 120px;
}
.join-recipe .output-columns .header .headercheckbox,
.afg-recipe .output-columns .header .headercheckbox {
  height: 24px;
}
.join-recipe .output-columns .body,
.afg-recipe .output-columns .body {
  margin-top: 4px;
  padding-top: 4px;
  border-top: 1px solid #dddddd;
}
.join-recipe .output-columns .output-column,
.afg-recipe .output-columns .output-column {
  height: 35px;
  margin: 5px 0;
}
.join-recipe .output-columns .output-column .column-name,
.afg-recipe .output-columns .output-column .column-name {
  display: flex;
  display: -webkit-flex;
  gap: 4px;
  align-items: center;
  max-width: 360px;
  height: 26px;
}
.join-recipe .output-columns .output-column .column-name input[type=checkbox],
.afg-recipe .output-columns .output-column .column-name input[type=checkbox] {
  margin-right: 5px;
}
.join-recipe .output-columns .output-column .column-name .alias-editor,
.afg-recipe .output-columns .output-column .column-name .alias-editor {
  width: 275px;
}
.join-recipe .output-columns .output-column .column-name > button,
.afg-recipe .output-columns .output-column .column-name > button {
  flex: 0 0 auto;
}
.join-recipe .output-columns .output-column:not(.selected) .column-name .current-name,
.afg-recipe .output-columns .output-column:not(.selected) .column-name .current-name {
  color: #bbbbbb;
}
.join-recipe .output-columns .output-column .column-type,
.afg-recipe .output-columns .output-column .column-type {
  margin-left: 5px;
}
.join-recipe .output-columns .output-column .original-name,
.afg-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,
.afg-recipe .output-columns .output-column.duplicate .column-name {
  color: #ce1228;
}
.join-recipe .output-columns .full,
.afg-recipe .output-columns .full {
  padding: 4px 8px;
  border: 1px solid #dddddd;
}
.join-recipe .dataset-name .name,
.afg-recipe .dataset-name .name {
  font-weight: 500;
  font-size: 18px;
  color: #222222;
}
join-block-dropdown-join .header-dropdown,
afg-block-dropdown-relationship .header-dropdown {
  display: flex;
}
join-block-dropdown-join .header-dropdown i,
afg-block-dropdown-relationship .header-dropdown i {
  font-size: xx-large;
}
join-block-dropdown-join .master-universe,
afg-block-dropdown-relationship .master-universe {
  display: flex;
  align-items: center;
  flex-direction: row;
}
join-block-dropdown-join .master-universe .caret,
afg-block-dropdown-relationship .master-universe .caret {
  margin-top: -24px;
}
join-block-dropdown-join .dropdown-menu.detailed-dropdown-menu,
afg-block-dropdown-relationship .dropdown-menu.detailed-dropdown-menu {
  margin-top: 0;
}
join-block-dropdown-join .detailed-dropdown-menu__item-description,
afg-block-dropdown-relationship .detailed-dropdown-menu__item-description,
join-block-dropdown-join .dropdown-menu.detailed-dropdown-menu .detailed-dropdown-menu__item-description,
afg-block-dropdown-relationship .dropdown-menu.detailed-dropdown-menu .detailed-dropdown-menu__item-description {
  font-size: 10px;
  color: #666666;
  white-space: pre-line;
}
join-block-dropdown-join .path3,
afg-block-dropdown-relationship .path3 {
  color: #dddddd;
}
join-block-dropdown-join .path4,
afg-block-dropdown-relationship .path4 {
  color: #dddddd;
}
join-block-dropdown-join .path5,
afg-block-dropdown-relationship .path5 {
  color: #666666;
}
.irregular-join-additional-settings .explanation {
  font-size: 12px;
}
.irregular-join-additional-settings .irregular-join-matching-details {
  align-items: center;
}
.irregular-join-additional-settings .irregular-join-matching-details__label {
  padding-left: 16px;
}
.irregular-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 .join-line,
.afg-block .join-line {
  min-width: 20px;
}
.join-block .header,
.afg-block .header {
  margin: 24px 0 8px;
}
.join-block .join-type__separator,
.afg-block .join-type__separator {
  width: 7px;
  display: inline-block;
  margin: 3px -4px 3px -3px;
  border-top: 1px solid black;
}
.join-block .join-condition,
.afg-block .join-condition,
.join-block .afg-condition,
.afg-block .afg-condition {
  clear: both;
}
.join-block .join-condition .join-line,
.afg-block .join-condition .join-line,
.join-block .afg-condition .join-line,
.afg-block .afg-condition .join-line {
  margin: 0;
  border-bottom: 0;
}
.join-block .join-condition .vertical-line,
.afg-block .join-condition .vertical-line,
.join-block .afg-condition .vertical-line,
.afg-block .afg-condition .vertical-line {
  border-left: 2px solid;
  display: inline-block;
  position: relative;
  right: 8px;
  bottom: 8px;
  height: 15px;
}
.join-block .join-condition .join-condition-settings,
.afg-block .join-condition .join-condition-settings,
.join-block .afg-condition .join-condition-settings,
.afg-block .afg-condition .join-condition-settings {
  display: block;
}
.join-block .irregular-join-condition,
.afg-block .irregular-join-condition {
  position: relative;
}
.join-block .irregular-join-condition--selected,
.afg-block .irregular-join-condition--selected {
  z-index: 1;
}
.join-block .irregular-join-condition .join-condition,
.afg-block .irregular-join-condition .join-condition {
  height: 36px;
}
.join-block .irregular-join-condition irregular-join-condition-settings,
.afg-block .irregular-join-condition irregular-join-condition-settings {
  font-weight: normal;
  display: block;
  min-height: 100px;
}
.join-block .irregular-join-condition__close,
.afg-block .irregular-join-condition__close {
  line-height: 15px;
}
.join-block .irregular-join-condition__chevron,
.afg-block .irregular-join-condition__chevron {
  margin-right: 16px;
  font-size: 13px;
  position: relative;
  top: 16px;
  transform: translateY(-50%);
}
.join-block .irregular-join-condition .vertical-line,
.afg-block .irregular-join-condition .vertical-line {
  position: absolute;
  left: 4px;
  bottom: 50%;
  height: 32px;
}
.join-block .irregular-join-condition .matching-type-name,
.afg-block .irregular-join-condition .matching-type-name {
  height: 30px;
  width: auto !important;
}
.join-block .irregular-join-condition .middle-column,
.afg-block .irregular-join-condition .middle-column {
  display: flex;
}
.join-block .irregular-join-condition .middle-column .dku-html-tooltip-activation-zone,
.afg-block .irregular-join-condition .middle-column .dku-html-tooltip-activation-zone {
  display: flex;
}
.join-block .irregular-join-condition .geo-join-match-rule,
.afg-block .irregular-join-condition .geo-join-match-rule {
  width: 170px;
  text-align: center;
  margin-top: 5px;
  margin-bottom: 5px;
  padding-top: 5px;
  display: flex;
  padding-bottom: 5px;
  justify-content: space-around;
  align-items: center;
}
.join-block .irregular-join-condition .geo-join-shape-icon,
.afg-block .irregular-join-condition .geo-join-shape-icon {
  font-size: 20px;
  line-height: 24px;
  padding-right: 4px;
}
.join-block .join-condition,
.afg-block .join-condition,
.join-block .afg-condition,
.afg-block .afg-condition,
.join-block .join-condition div,
.afg-block .join-condition div {
  cursor: pointer;
}
.join-block .column-bullet,
.afg-block .column-bullet {
  position: relative;
  float: left;
  width: 15px;
  font-size: 0.85em;
}
.join-block .column-bullet .dataset-bullet,
.afg-block .column-bullet .dataset-bullet {
  vertical-align: middle;
}
.join-block .afg-column-bullet,
.afg-block .afg-column-bullet {
  position: relative;
  float: left;
  padding-right: 4px;
  font-size: 0.65em !important;
}
.join-block .afg-column-bullet .dataset-bullet,
.afg-block .afg-column-bullet .dataset-bullet {
  vertical-align: middle;
}
.join-block .left-column,
.afg-block .left-column {
  width: 55%;
  max-width: 55%;
  white-space: nowrap;
}
.join-block .left-column .column-name,
.afg-block .left-column .column-name {
  overflow: hidden;
  text-overflow: ellipsis;
  float: left;
  flex-grow: 20;
  white-space: nowrap;
}
.join-block .middle-column,
.afg-block .middle-column {
  flex: 1;
  min-width: 20px;
}
.join-block .matching-type-name,
.afg-block .matching-type-name {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding-left: 7px;
  padding-right: 7px;
  text-align: center;
  border-radius: 30px;
  margin: 1px 0;
  height: 20px;
  width: 20px;
  box-sizing: border-box;
}
.join-block .right-column,
.afg-block .right-column {
  width: 40%;
  max-width: 40%;
  display: flex;
  white-space: nowrap;
}
.join-block .right-column .btn--chevron:focus,
.afg-block .right-column .btn--chevron:focus {
  background-color: transparent;
}
.join-block .column-name,
.afg-block .column-name {
  overflow: hidden;
  flex: 1;
  text-overflow: ellipsis;
}
.join-block a:hover,
.afg-block a:hover {
  text-decoration: none;
}
.join-block .join-block__condition-type,
.join-block .afg-block__condition-type,
.afg-block .join-block__condition-type,
.afg-block .afg-block__condition-type {
  margin: 5px 0;
}
.join-block .join-block__remove-conditions,
.join-block .afg-block__remove-conditions,
.afg-block .join-block__remove-conditions,
.afg-block .afg-block__remove-conditions {
  min-width: 0;
}
.join-block .join-block__condition-type__select,
.afg-block .join-block__condition-type__select {
  min-width: 350px;
}
.join-block .cell,
.afg-block .cell {
  min-height: 20px;
}
.join-recipe .join-block .irregular-join-condition .left-column {
  width: 385px;
  max-width: 385px;
}
.geo-join-condition-text {
  height: 10px;
  line-height: 10px;
}
.matching-type-symbol {
  font-size: 13px;
  text-align: center;
  overflow: hidden;
  text-overflow: ellipsis;
  box-sizing: border-box;
  white-space: nowrap;
  height: 20px;
  line-height: 20px;
  margin-left: 4px;
  margin-right: 4px;
}
.matching-type-name {
  text-align: center;
}
.preview-column__table {
  font-size: 12px;
  white-space: nowrap;
  width: auto;
}
.preview-column__table tr th {
  padding: 0;
  margin: 0;
  background: #ffffff;
  min-width: 90px;
}
.preview-column__table tr td {
  padding: 0;
  line-height: 15px;
}
.preview-column__table tr td .cell {
  min-height: 15px;
  overflow: hidden;
  text-overflow: ellipsis;
  padding: 3px;
}
.preview-column__table .column-header {
  padding: 5px;
  line-height: 1.6;
  position: relative;
}
.preview-column__table th .cell {
  padding: 5px;
}
.preview-column__table td {
  line-height: 10px;
}
.preview-column__table td .cell {
  min-width: 90px;
}
.preview-column__loading-cell {
  margin-left: 2px;
  padding: 1px 0 0;
}
.join-modal {
  width: 800px;
}
.join-modal .join-modal__add-condition {
  justify-content: center;
}
.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 .tooltip {
  font-weight: 100;
}
.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,
.join-modal .bold {
  font-weight: 600;
}
.join-modal .error-message {
  font-size: 0.8em;
  font-weight: 600;
  color: #ce1228;
  white-space: pre-wrap;
  word-break: break-word;
}
.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: 320px;
  min-width: 320px;
  display: flex;
  white-space: nowrap;
}
.join-modal .dataset-column-selector .dataset-name {
  overflow: hidden;
  text-overflow: ellipsis;
}
.join-modal .dataset-column-selector-geo {
  max-width: 265px;
  min-width: 265px;
}
.join-modal .column-name column-select.column-select-not-geo .bootstrap-select {
  max-width: 320px;
  min-width: 320px;
  width: 320px;
}
.join-modal .computed-column-preview-column-name {
  width: 300px;
  display: flex;
}
.join-modal .computed-column-preview-column-name .name {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.join-modal .modal-body {
  padding: 0 15px 0 15px;
  /* To hide the dropdown & unmatched outputs in the modal. Should not do that inside code, because join-block is shared between two components*/
}
.join-modal .modal-body .preview-input {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  padding-top: 16px;
}
.join-modal .modal-body .preview-input .dataset-preview-scroll {
  max-height: 100%;
}
.join-modal .modal-body .preview-input .col1 {
  width: 320px;
  max-width: 320px;
}
.join-modal .modal-body .preview-input .col2 {
  max-width: 320px;
  width: 320px;
  margin-left: auto;
}
.join-modal .modal-body .preview-input .column-name {
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 240px;
}
.join-modal .modal-body .preview-input .preview-column__table {
  width: 320px;
  max-width: 320px;
}
.join-modal .modal-body .preview-input .preview-column__table tr td .cell {
  max-width: 312px;
}
.join-modal .modal-body join-block-dropdown-join,
.join-modal .modal-body .join-unmatched-outputs-settings__container {
  display: none;
}
.join-modal .modal-body .control-group > .control-label > .dataset-name {
  width: auto;
  display: block;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.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:hover,
.join-modal .join-condition-settings.selected {
  font-weight: 400;
}
.join-modal .join-condition-settings,
.join-modal .matching-settings {
  padding: 5px 15px;
}
.join-modal .join-condition-settings {
  min-height: 90px;
  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;
}
.join-modal .join-condition-settings table {
  background-color: inherit;
}
.join-modal .join-condition-settings .irregular-join-normalisation-params {
  height: 110px;
  display: flex;
  flex-wrap: wrap;
  flex-direction: column;
}
.join-modal .join-condition-settings .irregular-join-normalisation-params__language.bootstrap-select {
  width: 150px !important;
}
.join-modal .join-condition-settings .irregular-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 .join-condition-settings .geo-join-function-icon {
  padding: 4px;
  width: 50px;
  height: 50px;
}
.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 .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,
.join-modal .afg-block-body {
  width: 100%;
  margin-bottom: 32px;
  box-sizing: border-box;
  max-height: 390px;
  padding-right: 15px;
  overflow: auto;
}
.join-condition-option:hover {
  background-color: #f2f2f2;
}
.join-condition-option.selected {
  background-color: #e7f3ff;
}
.join-unmatched-outputs-settings__container .join-unmatched-outputs-settings__select {
  align-self: flex-start;
  padding: 0;
  background: transparent;
  border: none;
  font-size: 13px;
}
.join-unmatched-outputs-settings__container .join-unmatched-outputs-settings__select .dku-select-button {
  width: 480px !important;
}
.join-unmatched-outputs-settings__container .join-unmatched-outputs-settings__disabled-settings-text {
  align-self: flex-start;
  padding: 0;
  color: #666666;
  display: flex;
  gap: 4px;
  align-items: center;
}
.join-unmatched-outputs-settings__container .join-unmatched-outputs-settings__main-section {
  display: flex;
  flex-direction: column;
  align-items: stretch;
}
.join-unmatched-outputs-settings__container .join-unmatched-outputs-settings__main-section > * {
  margin-block: 0 !important;
}
.join-unmatched-outputs-settings__container .join-unmatched-outputs-settings__main-section > * + * {
  margin-block-start: 8px !important;
}
.join-unmatched-outputs-settings__container .join-unmatched-outputs-settings__main-section .children-vertical-spacing-exception + * {
  margin-block-start: 0 !important;
}
.join-unmatched-outputs-settings__container .join-unmatched-outputs-settings__columns-container {
  display: flex;
  flex-direction: row;
  align-items: center;
}
.join-unmatched-outputs-settings__container .join-unmatched-outputs-settings__columns-container > * {
  margin-inline-start: 0 !important;
}
.join-unmatched-outputs-settings__container .join-unmatched-outputs-settings__columns-container > * + * {
  margin-inline-start: 32px !important;
}
.join-unmatched-outputs-settings__container .join-unmatched-outputs-settings__columns-container .children-horizontal-spacing-exception + * {
  margin-block-start: 0 !important;
}
.join-unmatched-outputs-settings__container .join-unmatched-outputs-settings__column {
  flex: 1 1 50%;
}
.join-unmatched-outputs-settings__container .join-unmatched-outputs-settings__single-output {
  display: flex;
  flex-direction: column;
}
.join-unmatched-outputs-settings__container .join-unmatched-outputs-settings__single-output > * {
  margin-block: 0 !important;
}
.join-unmatched-outputs-settings__container .join-unmatched-outputs-settings__single-output > * + * {
  margin-block-start: 8px !important;
}
.join-unmatched-outputs-settings__container .join-unmatched-outputs-settings__single-output .children-vertical-spacing-exception + * {
  margin-block-start: 0 !important;
}
.join-unmatched-outputs-settings__container .join-unmatched-outputs-settings__associated-input {
  padding: 10px 0px;
  flex: 1 1 auto;
  display: flex;
  align-items: center;
}
.join-unmatched-outputs-settings__container .join-unmatched-outputs-settings__associated-input > * {
  margin-inline-start: 0 !important;
}
.join-unmatched-outputs-settings__container .join-unmatched-outputs-settings__associated-input > * + * {
  margin-inline-start: 8px !important;
}
.join-unmatched-outputs-settings__container .join-unmatched-outputs-settings__associated-input .children-horizontal-spacing-exception + * {
  margin-block-start: 0 !important;
}
.join-unmatched-outputs-settings__container join-type-icon i {
  font-size: xx-large;
}
.new-select {
  max-width: 45px;
  box-sizing: border-box;
}
.new-select li {
  width: 220px;
}
.grouping-recipe,
.upsert-recipe,
.window-recipe,
.distinct-recipe,
.topn-recipe,
.sort-recipe,
.pivot-recipe,
.split-recipe,
.extract_failed_rows-recipe {
  box-sizing: border-box;
}
.grouping-recipe.popover,
.upsert-recipe.popover,
.window-recipe.popover,
.distinct-recipe.popover,
.topn-recipe.popover,
.sort-recipe.popover,
.pivot-recipe.popover,
.split-recipe.popover,
.extract_failed_rows-recipe.popover {
  padding: 5px;
}
.grouping-recipe.popover label,
.upsert-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,
.extract_failed_rows-recipe.popover label {
  display: inline-block;
  width: 120px;
}
.grouping-recipe.popover input,
.upsert-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,
.extract_failed_rows-recipe.popover input,
.grouping-recipe.popover select,
.upsert-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,
.extract_failed_rows-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,
.upsert-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,
.extract_failed_rows-recipe.popover select {
  width: 230px;
}
.grouping-recipe .recipe-settings-schema-fattable .column-rows .column-row,
.upsert-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,
.extract_failed_rows-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,
.upsert-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,
.extract_failed_rows-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,
.upsert-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,
.extract_failed_rows-recipe .recipe-settings-schema-fattable .column-rows .column-name {
  max-width: 150px;
  width: 150px;
}
.grouping-recipe .recipe-settings-schema-fattable .column-rows .column-type,
.upsert-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,
.extract_failed_rows-recipe .recipe-settings-schema-fattable .column-rows .column-type {
  width: 80px;
}
.grouping-recipe .main-step .recipe-settings-section1,
.upsert-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,
.extract_failed_rows-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,
.upsert-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,
.extract_failed_rows-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 .fattable-viewport > div > div,
.upsert-recipe .main-step .recipe-settings-section1 .recipe-settings-field-agg .aggregations .fattable-viewport > div > div,
.window-recipe .main-step .recipe-settings-section1 .recipe-settings-field-agg .aggregations .fattable-viewport > div > div,
.distinct-recipe .main-step .recipe-settings-section1 .recipe-settings-field-agg .aggregations .fattable-viewport > div > div,
.topn-recipe .main-step .recipe-settings-section1 .recipe-settings-field-agg .aggregations .fattable-viewport > div > div,
.sort-recipe .main-step .recipe-settings-section1 .recipe-settings-field-agg .aggregations .fattable-viewport > div > div,
.pivot-recipe .main-step .recipe-settings-section1 .recipe-settings-field-agg .aggregations .fattable-viewport > div > div,
.split-recipe .main-step .recipe-settings-section1 .recipe-settings-field-agg .aggregations .fattable-viewport > div > div,
.extract_failed_rows-recipe .main-step .recipe-settings-section1 .recipe-settings-field-agg .aggregations .fattable-viewport > div > div {
  display: flex;
}
.grouping-recipe .main-step .recipe-settings-section1 .recipe-settings-field-agg .aggregations .fattable-viewport > div > div > div,
.upsert-recipe .main-step .recipe-settings-section1 .recipe-settings-field-agg .aggregations .fattable-viewport > div > div > div,
.window-recipe .main-step .recipe-settings-section1 .recipe-settings-field-agg .aggregations .fattable-viewport > div > div > div,
.distinct-recipe .main-step .recipe-settings-section1 .recipe-settings-field-agg .aggregations .fattable-viewport > div > div > div,
.topn-recipe .main-step .recipe-settings-section1 .recipe-settings-field-agg .aggregations .fattable-viewport > div > div > div,
.sort-recipe .main-step .recipe-settings-section1 .recipe-settings-field-agg .aggregations .fattable-viewport > div > div > div,
.pivot-recipe .main-step .recipe-settings-section1 .recipe-settings-field-agg .aggregations .fattable-viewport > div > div > div,
.split-recipe .main-step .recipe-settings-section1 .recipe-settings-field-agg .aggregations .fattable-viewport > div > div > div,
.extract_failed_rows-recipe .main-step .recipe-settings-section1 .recipe-settings-field-agg .aggregations .fattable-viewport > div > div > div {
  height: 35px;
  line-height: 35px;
}
.grouping-recipe .main-step .recipe-settings-section1 .recipe-settings-field-agg .aggregations .aggregation,
.upsert-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,
.extract_failed_rows-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,
.upsert-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,
.extract_failed_rows-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,
.upsert-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,
.extract_failed_rows-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,
.upsert-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,
.extract_failed_rows-recipe .main-step .recipe-settings-section1 .recipe-settings-field-agg .aggregations .column-add-group-key {
  flex: 0 0 auto;
  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,
.upsert-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,
.extract_failed_rows-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,
.upsert-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,
.extract_failed_rows-recipe .main-step .recipe-settings-section1 .recipe-settings-field-agg .aggregations .column-name {
  flex: 1 0 150px;
}
.grouping-recipe .main-step .recipe-settings-section1 .recipe-settings-field-agg .aggregations .column-type,
.upsert-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,
.extract_failed_rows-recipe .main-step .recipe-settings-section1 .recipe-settings-field-agg .aggregations .column-type {
  flex: 0 0 100px;
}
.grouping-recipe .main-step .recipe-settings-section1 .recipe-settings-field-agg .aggregations .column-agg,
.upsert-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,
.extract_failed_rows-recipe .main-step .recipe-settings-section1 .recipe-settings-field-agg .aggregations .column-agg {
  flex: 0 0 auto;
  padding-left: 8px;
}
.grouping-recipe .main-step .recipe-settings-section1 .recipe-settings-field-agg .aggregations .column-agg.dku-border-right,
.upsert-recipe .main-step .recipe-settings-section1 .recipe-settings-field-agg .aggregations .column-agg.dku-border-right,
.window-recipe .main-step .recipe-settings-section1 .recipe-settings-field-agg .aggregations .column-agg.dku-border-right,
.distinct-recipe .main-step .recipe-settings-section1 .recipe-settings-field-agg .aggregations .column-agg.dku-border-right,
.topn-recipe .main-step .recipe-settings-section1 .recipe-settings-field-agg .aggregations .column-agg.dku-border-right,
.sort-recipe .main-step .recipe-settings-section1 .recipe-settings-field-agg .aggregations .column-agg.dku-border-right,
.pivot-recipe .main-step .recipe-settings-section1 .recipe-settings-field-agg .aggregations .column-agg.dku-border-right,
.split-recipe .main-step .recipe-settings-section1 .recipe-settings-field-agg .aggregations .column-agg.dku-border-right,
.extract_failed_rows-recipe .main-step .recipe-settings-section1 .recipe-settings-field-agg .aggregations .column-agg.dku-border-right {
  padding-right: 8px;
}
.grouping-recipe .main-step .recipe-settings-section1 .recipe-settings-field-agg .aggregations .agg-options,
.upsert-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,
.extract_failed_rows-recipe .main-step .recipe-settings-section1 .recipe-settings-field-agg .aggregations .agg-options {
  flex: 0 0 65px;
  white-space: nowrap;
}
.grouping-recipe .main-step .recipe-settings-section1 .recipe-settings-field-agg .aggregations .agg-options--disabled,
.upsert-recipe .main-step .recipe-settings-section1 .recipe-settings-field-agg .aggregations .agg-options--disabled,
.window-recipe .main-step .recipe-settings-section1 .recipe-settings-field-agg .aggregations .agg-options--disabled,
.distinct-recipe .main-step .recipe-settings-section1 .recipe-settings-field-agg .aggregations .agg-options--disabled,
.topn-recipe .main-step .recipe-settings-section1 .recipe-settings-field-agg .aggregations .agg-options--disabled,
.sort-recipe .main-step .recipe-settings-section1 .recipe-settings-field-agg .aggregations .agg-options--disabled,
.pivot-recipe .main-step .recipe-settings-section1 .recipe-settings-field-agg .aggregations .agg-options--disabled,
.split-recipe .main-step .recipe-settings-section1 .recipe-settings-field-agg .aggregations .agg-options--disabled,
.extract_failed_rows-recipe .main-step .recipe-settings-section1 .recipe-settings-field-agg .aggregations .agg-options--disabled {
  background: none;
  cursor: default;
  color: #cccccc;
  font-weight: 400;
}
.grouping-recipe .main-step .recipe-settings-section1 .recipe-settings-field-agg .aggregations .agg-options--disabled:hover,
.upsert-recipe .main-step .recipe-settings-section1 .recipe-settings-field-agg .aggregations .agg-options--disabled:hover,
.window-recipe .main-step .recipe-settings-section1 .recipe-settings-field-agg .aggregations .agg-options--disabled:hover,
.distinct-recipe .main-step .recipe-settings-section1 .recipe-settings-field-agg .aggregations .agg-options--disabled:hover,
.topn-recipe .main-step .recipe-settings-section1 .recipe-settings-field-agg .aggregations .agg-options--disabled:hover,
.sort-recipe .main-step .recipe-settings-section1 .recipe-settings-field-agg .aggregations .agg-options--disabled:hover,
.pivot-recipe .main-step .recipe-settings-section1 .recipe-settings-field-agg .aggregations .agg-options--disabled:hover,
.split-recipe .main-step .recipe-settings-section1 .recipe-settings-field-agg .aggregations .agg-options--disabled:hover,
.extract_failed_rows-recipe .main-step .recipe-settings-section1 .recipe-settings-field-agg .aggregations .agg-options--disabled:hover {
  background-color: inherit;
}
.grouping-recipe .main-step .recipe-settings-section1 .recipe-settings-window-field-agg,
.upsert-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,
.extract_failed_rows-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,
.upsert-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,
.extract_failed_rows-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,
.upsert-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,
.extract_failed_rows-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,
.upsert-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,
.extract_failed_rows-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 + *,
.upsert-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 + *,
.extract_failed_rows-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 + *,
.upsert-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 + *,
.extract_failed_rows-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,
.upsert-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,
.extract_failed_rows-recipe .main-step .recipe-settings-section1 .recipe-settings-window-field-agg .aggregations .fattable-viewport .dku-labelled-toggle input:enabled + *:hover {
  background-color: #76b8fd;
  color: #ffffff;
}
.grouping-recipe .main-step .recipe-settings-section1 .recipe-settings-window-field-agg .aggregations .fattable-viewport .dku-labelled-toggle input:checked + *,
.upsert-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 + *,
.extract_failed_rows-recipe .main-step .recipe-settings-section1 .recipe-settings-window-field-agg .aggregations .fattable-viewport .dku-labelled-toggle input:checked + * {
  background-color: #3b99fc;
  color: #ffffff;
}
.grouping-recipe .main-step .recipe-settings-section1 .recipe-settings-window-field-agg .aggregations .fattable-viewport .dku-labelled-toggle input:checked + *:hover,
.upsert-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,
.extract_failed_rows-recipe .main-step .recipe-settings-section1 .recipe-settings-window-field-agg .aggregations .fattable-viewport .dku-labelled-toggle input:checked + *:hover {
  background-color: #76b8fd;
}
.grouping-recipe .main-step .recipe-settings-section1 .recipe-settings-window-field-agg .aggregations .fattable-viewport .dku-labelled-toggle input:disabled + *,
.upsert-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 + *,
.extract_failed_rows-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,
.upsert-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,
.extract_failed_rows-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,
.upsert-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,
.extract_failed_rows-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,
.upsert-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,
.extract_failed_rows-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,
.upsert-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,
.extract_failed_rows-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,
.upsert-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,
.extract_failed_rows-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,
.upsert-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,
.extract_failed_rows-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,
.upsert-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,
.extract_failed_rows-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],
.upsert-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],
.extract_failed_rows-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,
.upsert-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,
.extract_failed_rows-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,
.upsert-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,
.extract_failed_rows-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,
.upsert-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,
.extract_failed_rows-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,
.upsert-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,
.extract_failed_rows-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,
.upsert-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,
.extract_failed_rows-recipe .main-step .recipe-settings-section1 .recipe-settings-window-field-agg .aggregations .aggregation .column-agg {
  padding-left: 8px;
}
.grouping-recipe .main-step .recipe-settings-section1 .recipe-settings-window-field-agg .aggregations .aggregation .column-agg.dku-border-right,
.upsert-recipe .main-step .recipe-settings-section1 .recipe-settings-window-field-agg .aggregations .aggregation .column-agg.dku-border-right,
.window-recipe .main-step .recipe-settings-section1 .recipe-settings-window-field-agg .aggregations .aggregation .column-agg.dku-border-right,
.distinct-recipe .main-step .recipe-settings-section1 .recipe-settings-window-field-agg .aggregations .aggregation .column-agg.dku-border-right,
.topn-recipe .main-step .recipe-settings-section1 .recipe-settings-window-field-agg .aggregations .aggregation .column-agg.dku-border-right,
.sort-recipe .main-step .recipe-settings-section1 .recipe-settings-window-field-agg .aggregations .aggregation .column-agg.dku-border-right,
.pivot-recipe .main-step .recipe-settings-section1 .recipe-settings-window-field-agg .aggregations .aggregation .column-agg.dku-border-right,
.split-recipe .main-step .recipe-settings-section1 .recipe-settings-window-field-agg .aggregations .aggregation .column-agg.dku-border-right,
.extract_failed_rows-recipe .main-step .recipe-settings-section1 .recipe-settings-window-field-agg .aggregations .aggregation .column-agg.dku-border-right {
  padding-right: 8px;
}
.grouping-recipe .main-step .recipe-settings-section1 .recipe-settings-window-field-agg .aggregations .aggregation .column-name,
.upsert-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,
.extract_failed_rows-recipe .main-step .recipe-settings-section1 .recipe-settings-window-field-agg .aggregations .aggregation .column-name {
  flex: 4 0 150px;
}
.grouping-recipe .main-step .recipe-settings-section1 .recipe-settings-window-field-agg .aggregations .aggregation .date-params,
.upsert-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,
.extract_failed_rows-recipe .main-step .recipe-settings-section1 .recipe-settings-window-field-agg .aggregations .aggregation .date-params {
  margin-left: 5px;
}
.grouping-recipe .main-step .recipe-settings-section1 .recipe-settings-window-field-agg .aggregations .aggregation .date-params select,
.upsert-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,
.extract_failed_rows-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,
.upsert-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,
.extract_failed_rows-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,
.upsert-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,
.extract_failed_rows-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,
.upsert-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,
.extract_failed_rows-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,
.upsert-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,
.extract_failed_rows-recipe .main-step .recipe-settings-section1 .recipe-settings-window-field-agg .aggregations .aggregation .lag-params {
  padding-left: 8px;
  flex: 1 0 40px;
  max-width: 64px;
}
.grouping-recipe .main-step .recipe-settings-section1 .recipe-settings-window-field-agg .aggregations .aggregation .column-aggs,
.upsert-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,
.extract_failed_rows-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,
.upsert-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,
.extract_failed_rows-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,
.upsert-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,
.extract_failed_rows-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,
.upsert-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,
.extract_failed_rows-recipe .main-step .recipe-settings-section1 .recipe-settings-window-field-agg .aggregations .aggregation .agg-options {
  flex: 0 0 67px;
  padding-left: 8px;
  padding-right: 8px;
  white-space: nowrap;
}
.grouping-recipe .main-step .recipe-settings-section1 .recipe-settings-window-field-agg .aggregations .aggregation .agg-options--disabled,
.upsert-recipe .main-step .recipe-settings-section1 .recipe-settings-window-field-agg .aggregations .aggregation .agg-options--disabled,
.window-recipe .main-step .recipe-settings-section1 .recipe-settings-window-field-agg .aggregations .aggregation .agg-options--disabled,
.distinct-recipe .main-step .recipe-settings-section1 .recipe-settings-window-field-agg .aggregations .aggregation .agg-options--disabled,
.topn-recipe .main-step .recipe-settings-section1 .recipe-settings-window-field-agg .aggregations .aggregation .agg-options--disabled,
.sort-recipe .main-step .recipe-settings-section1 .recipe-settings-window-field-agg .aggregations .aggregation .agg-options--disabled,
.pivot-recipe .main-step .recipe-settings-section1 .recipe-settings-window-field-agg .aggregations .aggregation .agg-options--disabled,
.split-recipe .main-step .recipe-settings-section1 .recipe-settings-window-field-agg .aggregations .aggregation .agg-options--disabled,
.extract_failed_rows-recipe .main-step .recipe-settings-section1 .recipe-settings-window-field-agg .aggregations .aggregation .agg-options--disabled {
  background: none;
  cursor: default;
  color: #cccccc;
  font-weight: 400;
}
.grouping-recipe .main-step .recipe-settings-section1 .recipe-settings-window-field-agg .aggregations .aggregation .agg-options--disabled:hover,
.upsert-recipe .main-step .recipe-settings-section1 .recipe-settings-window-field-agg .aggregations .aggregation .agg-options--disabled:hover,
.window-recipe .main-step .recipe-settings-section1 .recipe-settings-window-field-agg .aggregations .aggregation .agg-options--disabled:hover,
.distinct-recipe .main-step .recipe-settings-section1 .recipe-settings-window-field-agg .aggregations .aggregation .agg-options--disabled:hover,
.topn-recipe .main-step .recipe-settings-section1 .recipe-settings-window-field-agg .aggregations .aggregation .agg-options--disabled:hover,
.sort-recipe .main-step .recipe-settings-section1 .recipe-settings-window-field-agg .aggregations .aggregation .agg-options--disabled:hover,
.pivot-recipe .main-step .recipe-settings-section1 .recipe-settings-window-field-agg .aggregations .aggregation .agg-options--disabled:hover,
.split-recipe .main-step .recipe-settings-section1 .recipe-settings-window-field-agg .aggregations .aggregation .agg-options--disabled:hover,
.extract_failed_rows-recipe .main-step .recipe-settings-section1 .recipe-settings-window-field-agg .aggregations .aggregation .agg-options--disabled:hover {
  background-color: inherit;
}
.grouping-recipe .main-step .recipe-settings-section1 .recipe-settings-window-field-agg .aggregations .column-checkbox,
.upsert-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,
.extract_failed_rows-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,
.upsert-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,
.extract_failed_rows-recipe .main-step .recipe-settings-section1 .recipe-settings-window-field-agg .aggregations .column-type {
  max-width: 100px;
  width: 100px;
}
.grouping-recipe .main-step .values .handle,
.upsert-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,
.extract_failed_rows-recipe .main-step .values .handle {
  cursor: move;
}
.grouping-recipe .main-step .mass,
.upsert-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,
.extract_failed_rows-recipe .main-step .mass {
  display: inline-block;
  width: 16px;
  margin-right: 5px;
}
.grouping-recipe .main-step .keys .nokeys-message,
.upsert-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,
.extract_failed_rows-recipe .main-step .keys .nokeys-message {
  border: 1px dashed #cccccc;
  padding: 5px;
  font-size: 13px;
  text-align: center;
}
.grouping-recipe .main-step .keys ul,
.upsert-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,
.extract_failed_rows-recipe .main-step .keys ul {
  -webkit-display: flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
}
.grouping-recipe .main-step .keys ul li,
.upsert-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,
.extract_failed_rows-recipe .main-step .keys ul li {
  list-style: none;
}
.grouping-recipe .main-step .pivots .pivot,
.upsert-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,
.extract_failed_rows-recipe .main-step .pivots .pivot {
  margin: 10px 0;
  border-top: 1px solid #dddddd;
}
.grouping-recipe .main-step .values,
.upsert-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,
.extract_failed_rows-recipe .main-step .values {
  min-height: 300px;
}
.grouping-recipe .main-step .global-count,
.upsert-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,
.extract_failed_rows-recipe .main-step .global-count {
  text-align: center;
  border-top: 1px solid #dddddd;
  margin-top: 22px;
}
.grouping-recipe .main-step .global-count label,
.upsert-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,
.extract_failed_rows-recipe .main-step .global-count label {
  display: inline-block;
  padding: 2px 10px 5px 10px;
  margin-top: 16px;
}
.grouping-recipe .main-step .tools,
.upsert-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,
.extract_failed_rows-recipe .main-step .tools {
  margin-bottom: 13px;
}
.grouping-recipe .main-step .tools label,
.upsert-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,
.extract_failed_rows-recipe .main-step .tools label {
  display: inline-block;
  margin-left: 10px;
}
.grouping-recipe .main-step .tools .filter input,
.upsert-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,
.extract_failed_rows-recipe .main-step .tools .filter input {
  width: 185px;
}
.grouping-recipe .main-step ul.aggregations,
.upsert-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,
.extract_failed_rows-recipe .main-step ul.aggregations {
  display: table;
  margin-left: 0;
}
.grouping-recipe .main-step ul.aggregations li,
.upsert-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,
.extract_failed_rows-recipe .main-step ul.aggregations li {
  display: table-row;
}
.grouping-recipe .main-step ul.aggregations li:hover,
.upsert-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,
.extract_failed_rows-recipe .main-step ul.aggregations li:hover {
  background-color: #f2f2f2;
}
.grouping-recipe .main-step ul.aggregations li > *,
.upsert-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 > *,
.extract_failed_rows-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,
.upsert-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,
.extract_failed_rows-recipe .main-step ul.aggregations li > *.column-type {
  padding-right: 15px;
}
.grouping-recipe .main-step ul.aggregations li > *.column-name,
.upsert-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,
.extract_failed_rows-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,
.upsert-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,
.extract_failed_rows-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,
.upsert-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,
.extract_failed_rows-recipe .main-step ul.aggregations li > *.agg-options label {
  display: inline-block;
  width: 65px;
}
.grouping-recipe .main-step ul.aggregations .sortable-placeholder,
.upsert-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,
.extract_failed_rows-recipe .main-step ul.aggregations .sortable-placeholder {
  display: table-row;
  height: 30px;
  background-color: #ce1228;
}
.grouping-recipe .main-step ul.aggregations .handle,
.upsert-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,
.extract_failed_rows-recipe .main-step ul.aggregations .handle {
  cursor: move;
  position: relative;
}
.grouping-recipe .explanation,
.upsert-recipe .explanation,
.window-recipe .explanation,
.distinct-recipe .explanation,
.topn-recipe .explanation,
.sort-recipe .explanation,
.pivot-recipe .explanation,
.split-recipe .explanation,
.extract_failed_rows-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 .control-group input.invalid {
  border: 1px solid #ce1228;
}
.window-recipe .window-definition .bounds .bootstrap-select button {
  width: 280px;
}
.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 {
  padding-top: 8px;
  padding-bottom: 8px;
  padding-left: 16px;
  padding-right: 16px;
  z-index: 10;
}
.aggregate-popup .aggregate-popup__option-line {
  display: flex;
  justify-content: space-between;
  height: 32px;
  align-items: center;
}
.aggregate-popup .aggregate-popup__option-line--disabled {
  opacity: 0.3;
}
.aggregate-popup .aggregate-popup__option-line--disabled input {
  pointer-events: none;
}
.aggregate-popup .aggregate-popup__option-description {
  padding-right: 16px;
  white-space: nowrap;
}
.aggregate-popup .aggregate-popup__option-value {
  flex-basis: 150px;
}
.aggregate-popup .aggregate-popup__option-value input[type="text"] {
  width: 140px;
  padding-top: 2px;
  padding-bottom: 2px;
}
.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,
.upsert-recipe .main-step .recipe-settings-section1,
.extract_failed_rows-recipe .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,
.upsert-recipe .noitem-placeholder,
.extract_failed_rows-recipe .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,
.upsert-recipe .col-desc,
.extract_failed_rows-recipe .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,
.upsert-recipe .col-desc .col-name,
.extract_failed_rows-recipe .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,
.upsert-recipe .col-desc .col-type,
.extract_failed_rows-recipe .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,
.upsert-recipe .col-desc.not-selected,
.extract_failed_rows-recipe .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,
.upsert-recipe .col-desc.not-selected .col-name,
.extract_failed_rows-recipe .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,
.upsert-recipe .multipleColumnSelection,
.extract_failed_rows-recipe .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,
.upsert-recipe .multipleColumnSelection li,
.extract_failed_rows-recipe .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,
.upsert-recipe .multipleColumnSelection li .multipleColumnSelection--item,
.extract_failed_rows-recipe .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,
.upsert-recipe .multipleColumnSelection li .multipleColumnSelection--item .multipleColumnSelection--action,
.extract_failed_rows-recipe .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,
.upsert-recipe .multipleColumnSelection li .multipleColumnSelection--item .multipleColumnSelection--action a,
.extract_failed_rows-recipe .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,
.upsert-recipe .multipleColumnSelection li .multipleColumnSelection--item:hover .multipleColumnSelection--action,
.extract_failed_rows-recipe .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,
.upsert-recipe .multipleColumnSelection .choice-pending .selectpicker .filter-option,
.extract_failed_rows-recipe .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,
.upsert-recipe .multipleOrderSelection--list,
.extract_failed_rows-recipe .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,
.upsert-recipe .multipleOrderSelection--list .noitem-placeholder,
.extract_failed_rows-recipe .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,
.upsert-recipe .multipleOrderSelection--item,
.extract_failed_rows-recipe .multipleOrderSelection--item {
  margin: 10px 0;
}
.distinct-recipe .multipleOrderSelection--item .handle-row .multipleOrderSelection--drag,
.topn-recipe .multipleOrderSelection--item .handle-row .multipleOrderSelection--drag,
.sort-recipe .multipleOrderSelection--item .handle-row .multipleOrderSelection--drag,
.pivot-recipe .multipleOrderSelection--item .handle-row .multipleOrderSelection--drag,
.pivot-recipe-aggregation-details .multipleOrderSelection--item .handle-row .multipleOrderSelection--drag,
.upsert-recipe .multipleOrderSelection--item .handle-row .multipleOrderSelection--drag,
.extract_failed_rows-recipe .multipleOrderSelection--item .handle-row .multipleOrderSelection--drag {
  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,
.upsert-recipe .multipleOrderSelection--order,
.extract_failed_rows-recipe .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,
.upsert-recipe .multipleOrderSelection--coldesc,
.extract_failed_rows-recipe .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,
.upsert-recipe .multipleOrderSelection--sort,
.extract_failed_rows-recipe .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,
.upsert-recipe .multipleOrderSelection--sort ul li a,
.extract_failed_rows-recipe .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,
.upsert-recipe .multipleOrderSelection--sort ul li a span,
.extract_failed_rows-recipe .multipleOrderSelection--sort ul li a span {
  margin-left: 6px;
  font-size: 13px;
}
.distinct-recipe .multipleOrderSelection--sort button.btn--dku-icon,
.topn-recipe .multipleOrderSelection--sort button.btn--dku-icon,
.sort-recipe .multipleOrderSelection--sort button.btn--dku-icon,
.pivot-recipe .multipleOrderSelection--sort button.btn--dku-icon,
.pivot-recipe-aggregation-details .multipleOrderSelection--sort button.btn--dku-icon,
.upsert-recipe .multipleOrderSelection--sort button.btn--dku-icon,
.extract_failed_rows-recipe .multipleOrderSelection--sort button.btn--dku-icon {
  display: inline-flex;
  align-items: center;
  padding: 0;
  width: 42px;
}
.distinct-recipe .multipleOrderSelection--sort button.btn--dku-icon i,
.topn-recipe .multipleOrderSelection--sort button.btn--dku-icon i,
.sort-recipe .multipleOrderSelection--sort button.btn--dku-icon i,
.pivot-recipe .multipleOrderSelection--sort button.btn--dku-icon i,
.pivot-recipe-aggregation-details .multipleOrderSelection--sort button.btn--dku-icon i,
.upsert-recipe .multipleOrderSelection--sort button.btn--dku-icon i,
.extract_failed_rows-recipe .multipleOrderSelection--sort button.btn--dku-icon i {
  margin: auto;
}
.distinct-recipe .multipleOrderSelection--action,
.topn-recipe .multipleOrderSelection--action,
.sort-recipe .multipleOrderSelection--action,
.pivot-recipe .multipleOrderSelection--action,
.pivot-recipe-aggregation-details .multipleOrderSelection--action,
.upsert-recipe .multipleOrderSelection--action,
.extract_failed_rows-recipe .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,
.upsert-recipe .multipleOrderSelection--action a,
.extract_failed_rows-recipe .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,
.upsert-recipe .multipleOrderSelection--add,
.extract_failed_rows-recipe .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,
.upsert-recipe .multipleOrderSelection--add .selectpicker .filter-option,
.extract_failed_rows-recipe .multipleOrderSelection--add .selectpicker .filter-option {
  color: #bbbbbb;
}
.distinct-recipe .twoPanesColumnSelection,
.topn-recipe .twoPanesColumnSelection,
.sort-recipe .twoPanesColumnSelection,
.pivot-recipe .twoPanesColumnSelection,
.pivot-recipe-aggregation-details .twoPanesColumnSelection,
.upsert-recipe .twoPanesColumnSelection,
.extract_failed_rows-recipe .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,
.upsert-recipe .twoPanesColumnSelection .pane,
.extract_failed_rows-recipe .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,
.upsert-recipe .twoPanesColumnSelection .pane .colsearch,
.extract_failed_rows-recipe .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,
.upsert-recipe .twoPanesColumnSelection .pane .colsearch .colsearch-icon,
.extract_failed_rows-recipe .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,
.upsert-recipe .twoPanesColumnSelection .pane .collist,
.extract_failed_rows-recipe .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,
.upsert-recipe .twoPanesColumnSelection .pane .collist .collist-item,
.extract_failed_rows-recipe .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,
.upsert-recipe .twoPanesColumnSelection .pane .collist .collist-item .colname,
.extract_failed_rows-recipe .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,
.upsert-recipe .twoPanesColumnSelection .pane .collist .collist-item .coltype,
.extract_failed_rows-recipe .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,
.upsert-recipe .twoPanesColumnSelection .pane .collist .collist-item .colstatus,
.extract_failed_rows-recipe .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,
.upsert-recipe .twoPanesColumnSelection .pane .collist .collist-item .colaction,
.extract_failed_rows-recipe .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,
.upsert-recipe .twoPanesColumnSelection .pane .collist .collist-item .colaction:hover,
.extract_failed_rows-recipe .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,
.upsert-recipe .twoPanesColumnSelection .pane .collist .collist-item:hover,
.extract_failed_rows-recipe .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,
.upsert-recipe .twoPanesColumnSelection .pane .collist .collist-item:hover a,
.extract_failed_rows-recipe .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,
.upsert-recipe .twoPanesColumnSelection .actions,
.extract_failed_rows-recipe .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,
.upsert-recipe .twoPanesColumnSelection .actions button,
.extract_failed_rows-recipe .twoPanesColumnSelection .actions button {
  margin: 10px;
  height: 26px;
  width: 26px;
}
.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,
.upsert-recipe .twoPanesColumnSelection .retrieve .collist,
.extract_failed_rows-recipe .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: 120px;
  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 .filter-split .delete-button-position {
  top: 0px;
  display: inline;
}
.split-recipe .filter-split .filter-editor__split-recipe-header {
  padding-bottom: 16px;
}
.split-recipe .filter-split .filter-location {
  margin-left: 0px;
  left: 102px;
  position: relative;
}
.split-recipe .split-filter-other-values {
  display: inline-block;
  padding-left: 64px;
}
.split-recipe .white-card-overflow {
  overflow-x: auto;
}
.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 i {
  color: #cccccc;
  vertical-align: bottom;
}
.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;
  vertical-align: bottom;
}
.split-recipe .select-columns ul li .remove {
  margin-left: 3px;
}
.split-recipe .select-columns ul li .remove i {
  color: #cccccc;
  vertical-align: bottom;
}
.split-recipe .dropdown-columns .selectpicker .filter-option {
  color: #dddddd;
}
.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 {
  border: 1px solid #dddddd;
}
.split-recipe .main-step .recipe-settings-section1:not(.first-section) {
  margin-top: 16px;
}
.split-recipe .main-step .modal-container .modal {
  box-shadow: none;
  border: 1px solid #dddddd;
}
.split-recipe .main-step .modal-container .modal-header__button-wrapper {
  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: flex;
  align-items: center;
  justify-content: space-between;
}
.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: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: flex;
  align-items: center;
  justify-content: space-between;
}
.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: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: flex;
  align-items: center;
  justify-content: space-between;
}
.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: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):not(.hoverable) {
  color: #cccccc;
}
.modal.split-modal .split-option__big-button-container:not(.selectable):not(.hoverable) img {
  opacity: .25;
}
.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):not(.icon-trash):not([class*="dku-icon-trash-"]):not(.illustration):not('.selector-item__icon--has-color') {
  color: #666666;
}
.modal.split-modal .split-option__big-button-container .selection-indicator {
  display: inline-block;
  width: 20px;
  max-height: 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__icon {
  display: inline-block;
  width: 20px;
  text-align: center;
  color: #cccccc;
}
.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;
  display: flex;
  align-items: center;
  gap: 16px;
}
.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;
}
.prediction-training-filter-title {
  font-size: 1.2em !important;
}
.dashboard-view .page-title,
.dashboard-edit .dashboard-zone .page-title,
.dashboard-view .text-tile,
.dashboard-edit .dashboard-zone .text-tile,
.dashboard-view .metric-info .tile-body,
.dashboard-edit .dashboard-zone .metric-info .tile-body,
.dashboard-view .article,
.dashboard-edit .dashboard-zone .article,
.dashboard-view .insight-image-and-desc .description-wrapper,
.dashboard-edit .dashboard-zone .insight-image-and-desc .description-wrapper,
.dashboard-view .fattable-viewport.fattable-viewport > div,
.dashboard-edit .dashboard-zone .fattable-viewport.fattable-viewport > div,
.dashboard-view .fattable-header-container .fattable-viewport.fattable-viewport a,
.dashboard-edit .dashboard-zone .fattable-header-container .fattable-viewport.fattable-viewport a,
.dashboard-view .insight-name,
.dashboard-edit .dashboard-zone .insight-name,
.dashboard-view .tile-content .insight-unconfigured .unconfigured-message.unconfigured-message,
.dashboard-edit .dashboard-zone .tile-content .insight-unconfigured .unconfigured-message.unconfigured-message,
.dashboard-view .managed-folder-view .view-header .main-title,
.dashboard-edit .dashboard-zone .managed-folder-view .view-header .main-title,
.dashboard-view .managed-folder-view .view-header .std-list-search-box input,
.dashboard-edit .dashboard-zone .managed-folder-view .view-header .std-list-search-box input,
.dashboard-view .managed-folder-view .content-preview-wrapper .preview-cta > div,
.dashboard-edit .dashboard-zone .managed-folder-view .content-preview-wrapper .preview-cta > div,
.dashboard-view .centered-info,
.dashboard-edit .dashboard-zone .centered-info,
.dashboard-view .discussions-widget,
.dashboard-edit .dashboard-zone .discussions-widget,
.dashboard-view .discussions-widget.common-styles-only input[type=text],
.dashboard-edit .dashboard-zone .discussions-widget.common-styles-only input[type=text],
.dashboard-view .discussions-widget.common-styles-only .CodeMirror pre,
.dashboard-edit .dashboard-zone .discussions-widget.common-styles-only .CodeMirror pre,
.dashboard-view div[scenario-last-runs-insight-tile] .range-brush .axis .tick text,
.dashboard-edit .dashboard-zone div[scenario-last-runs-insight-tile] .range-brush .axis .tick text,
.dashboard-view .chart-std-font .nvd3 text,
.dashboard-edit .dashboard-zone .chart-std-font .nvd3 text {
  font-family: var(--visualization-font-family), 'SourceSansPro';
  color: var(--visualization-font-color);
}
.dashboard-view .dashboard-filter-panel,
.dashboard-edit .dashboard-zone .dashboard-filter-panel,
.dashboard-view dashboard-tile-header .tile-title,
.dashboard-edit .dashboard-zone dashboard-tile-header .tile-title,
.dashboard-view .managed-folder-view .content-preview-wrapper,
.dashboard-edit .dashboard-zone .managed-folder-view .content-preview-wrapper,
.dashboard-view .managed-folder-view .files-zone .contents-file-list-line.header .name,
.dashboard-edit .dashboard-zone .managed-folder-view .files-zone .contents-file-list-line.header .name,
.dashboard-view .managed-folder-view .files-zone .contents-file-list-line,
.dashboard-edit .dashboard-zone .managed-folder-view .files-zone .contents-file-list-line {
  font-family: var(--visualization-font-family), 'SourceSansPro';
}
/*
 * 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 {
  display: flex;
  height: 100%;
  align-items: center;
  padding-left: 8px;
}
.list-items .dashboard-item .list-btn,
.list-items .insight-item .list-btn {
  font-size: 20px;
  color: #999999;
  display: inline-block;
  vertical-align: middle;
  max-height: 20px;
}
.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: 8px;
}
.list-items .dashboard-item .list-btn .listed-status-label,
.list-items .insight-item .list-btn .listed-status-label {
  font-size: 13px;
}
.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.listed,
.insight-right-column-summary-header i.listed {
  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;
  margin-left: -6px;
}
.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 .object-breadcrumb__link:hover,
.dashboard-edit .object-breadcrumb__link:hover {
  background-color: #f2f2f2;
}
.dashboard-edit {
  box-sizing: border-box;
}
.dashboard-edit .dku-right-col-form {
  padding-top: 0;
  margin: 0;
}
.dashboard-edit .dku-right-col-form .control-group {
  padding: 0;
  margin-bottom: 16px;
}
.dashboard-edit .add-insight-button-container {
  position: absolute;
  bottom: 16px;
  z-index: 1000;
  cursor: pointer;
  right: 16px;
}
.dashboard-edit .add-insight-button-container.add-insight-button-container--right-filter-panel {
  right: calc(256px);
}
.dashboard-edit .inline-left-panel-plus {
  display: inline-block;
  text-align: center;
  width: 40px;
  color: #3b99fc;
  font-size: 25px;
  font-weight: 400;
  text-decoration: none;
  vertical-align: middle;
}
.dashboard-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 .content-insight .insight-icon[class*="dku-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;
}
.dashboard-edit .color-picker-wrapper {
  line-height: 22px;
}
.dashboard-edit .color-picker-wrapper .color-picker {
  display: inline-block;
  vertical-align: top;
  height: 20px;
  width: 20px;
  border: 1px solid #dddddd;
}
.dashboard-edit .color-picker-wrapper .color-picker.default {
  background: transparent;
  border: 1px solid #333333;
}
.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 {
  background: #ffffff;
}
.dashboard-page {
  position: relative;
  height: 100%;
}
.dashboard-page.has-grid {
  background: #f2f2f2;
}
.dashboard-page .alert.alert-error {
  margin-bottom: 0;
}
.dashboard-page .page-title {
  text-align: center;
  margin-bottom: 8px;
  padding: 8px 16px 0 16px;
  line-height: 1.2;
}
.dashboard-page .page-title.default-background {
  background: #ffffff;
}
.dashboard-page .page-title.page-title--left {
  text-align: left;
}
.dashboard-page .page-title.page-title--right {
  text-align: right;
}
.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) .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__error-block {
  z-index: 101;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
}
.dashboard-page__main-content {
  position: relative;
  min-height: 100%;
  flex: 1 0 auto;
}
.dashboard-page__empty-state {
  z-index: 5;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
.dashboard-page__filter-panel {
  display: block;
  max-height: 100%;
  height: 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: 0;
  top: 26px;
  right: 0;
  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: 0;
  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;
  background: initial;
}
.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 .banner {
  border: none;
}
.dashboard-tile__chart-tooltips-container {
  position: absolute;
  height: 100%;
  width: 100%;
  top: 0;
  left: 0;
}
.dashboard-tile__chart-tooltip-container {
  position: absolute;
  width: 100%;
  left: 0;
  top: 0;
}
.dashboard-tile__group-tile-container {
  overflow-y: hidden;
  overflow-x: hidden;
}
.dashboard-tile__group-tile-container.dashboard-tile__group-tile-container--overflowing-inner-tiles {
  overflow-y: auto;
}
.new-insight-modal {
  width: 700px;
}
.new-insight-modal .dkuform-modal-horizontal .control-group:first-child {
  margin-top: 19px;
  margin-bottom: 0;
}
.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 .new-insight-modal__alert-icon {
  margin-right: 16px;
  font-size: 24px;
}
.new-insight-modal .existing-tab .filters,
.new-insight-modal .filters-create-form .filters {
  height: auto;
  padding: 10px 5px;
}
.new-insight-modal .existing-tab .filters > *,
.new-insight-modal .filters-create-form .filters > * {
  margin: 0 5px;
}
.new-insight-modal .existing-tab .filters .dku-search-input,
.new-insight-modal .filters-create-form .filters .dku-search-input {
  max-width: calc(50% - 21px - 5px);
}
.new-insight-modal .existing-tab .filters .object-picker,
.new-insight-modal .filters-create-form .filters .object-picker {
  width: 100% !important;
}
.new-insight-modal .existing-tab .filters .source-types .bootstrap-select,
.new-insight-modal .filters-create-form .filters .source-types .bootstrap-select {
  width: 115px !important;
}
.new-insight-modal .existing-tab .advanced-mode,
.new-insight-modal .filters-create-form .advanced-mode {
  padding: 0 4px 8px 4px;
}
.new-insight-modal .existing-tab .advanced-mode label,
.new-insight-modal .filters-create-form .advanced-mode label {
  padding-right: 4px;
}
.new-insight-modal .existing-tab .insight-list ul,
.new-insight-modal .filters-create-form .insight-list ul {
  min-height: 300px;
  max-height: 300px;
}
.new-insight-modal .existing-tab .insight-list .insight-icon,
.new-insight-modal .filters-create-form .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;
  display: flex;
  justify-content: center;
}
.new-insight-modal .existing-tab .insight-list .add,
.new-insight-modal .filters-create-form .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,
.new-insight-modal .filters-create-form .insight-list li:hover .add {
  display: block;
}
.new-insight-modal .existing-tab .insight-list li [class="universe-color"],
.new-insight-modal .filters-create-form .insight-list li [class="universe-color"] {
  color: #bbbbbb;
}
.new-insight-modal .existing-tab .insight-details .accordion-title,
.new-insight-modal .filters-create-form .insight-details .accordion-title {
  display: none;
}
.new-insight-modal .existing-tab .insight-details .item-header h2,
.new-insight-modal .filters-create-form .insight-details .item-header h2 {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.new-insight-modal .filters-create-form .insight-list ul {
  min-height: auto;
}
.new-insight-modal__body {
  max-height: 580px;
}
.new-insight-modal__body .modal__tile {
  margin: 4px;
}
.new-insight-modal__step-header {
  display: flex;
  align-items: center;
}
.new-insight-modal__pick-existing-btn {
  margin-right: 0;
  margin-left: auto;
}
/*
 * Mutipining modal
 */
.dashboard-and-slide-selection__select-with-action ul li:last-child a {
  border-top: 1px solid #dddddd;
  padding: 4px 6px;
}
.multipin-insight-modal {
  width: 740px;
}
.multipin-insight-modal .modal-footer.modal-footer--with-border {
  border-top: 1px solid #dddddd;
}
.multipin-insight-modal form {
  margin: 0;
}
.multipin-insight-modal .dashboard-and-slide-selection__create-new-item {
  margin: 0;
  padding: 4px 8px;
  height: 16px;
  width: 202px;
}
.multipin-insight-modal .dashboard-and-slide-selection__theme {
  display: flex;
  gap: 8px;
  align-items: baseline;
}
.multipin-insight-modal .dashboard-and-slide-selection__theme label {
  display: flex;
  gap: 4px;
  margin-top: 3px;
}
.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 span.action-btn,
.multipin-insight-modal table.table th span.action-btn {
  display: block;
  height: 100%;
  cursor: pointer;
  text-align: center;
  margin-right: 0;
}
.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:nth-of-type(2),
.multipin-insight-modal table.table.table-head th:nth-of-type(3) {
  width: 220px;
}
.multipin-insight-modal .modal-error {
  margin-top: 0;
}
.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: 0;
}
.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 .items-list__item-wrap {
  display: flex;
}
.multichart-modal .items-list__item-badge-wrap {
  display: flex;
  justify-content: flex-end;
}
.multichart-modal .half-pane {
  height: auto;
  padding: 25px;
}
.multichart-modal .half-pane:last-child {
  padding-left: 20px;
}
.multichart-modal .quarter-pane {
  width: 25%;
  padding: 0;
  max-height: 420px;
  overflow-y: auto;
}
.multichart-modal .threequarters-pane {
  width: 75%;
}
.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: 0;
}
.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__advanced-parameters {
  padding-top: 24px;
  padding-bottom: 8px;
  white-space: nowrap;
}
.modal .modal__advanced-parameters .advanced-parameters__control-group {
  margin-top: 8px;
}
.modal .modal__advanced-parameters .advanced-parameters__controls {
  margin-left: 0;
}
.modal .modal__advanced-parameters span {
  margin: 0;
  font-size: 14px;
}
.modal .modal__advanced-parameters i {
  vertical-align: bottom;
  padding-left: 4px;
}
.modal .modal__advanced-parameters input[type=checkbox] {
  vertical-align: middle;
  margin-right: 4px;
  margin-top: 0;
}
.modal .modal__advanced-parameters.modal__advanced-parameters--existing-tab {
  padding: 8px 0 8px 16px;
}
.dashboard-page .tile-wrapper .centered-info,
.insight-preview .centered-info {
  font-size: 20px;
  padding-left: 15px;
  padding-right: 15px;
}
.dashboard-page .tile-wrapper .no-click-overlay,
.insight-preview .no-click-overlay {
  z-index: 2;
  background: rgba(255, 255, 255, 0.8);
}
.dashboard-page .tile-wrapper .no-click-overlay .centered-info,
.insight-preview .no-click-overlay .centered-info {
  font-size: 24px;
}
.dashboard-page .tile-wrapper .tile-content,
.insight-preview .tile-content {
  position: relative;
}
.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 .tile-wrapper .tile-content .text-tile {
  max-height: 100%;
  overflow: hidden;
}
.dashboard-page .tile-wrapper .tile-content .text-tile * {
  max-height: 100%;
  overflow: hidden;
}
.dashboard-page .tile-wrapper[data-h='1'] .tile-content .text-tile > *:only-child {
  margin-top: 0;
  margin-bottom: 0;
}
.dashboard-page .tile-wrapper[data-h='1'] .tile-content .text-tile > *:first-child {
  margin-top: 0;
}
.dashboard-page .tile-wrapper[data-h='1'] .tile-content .text-tile > *:last-child {
  margin-bottom: 0;
}
.dashboard-page .tile-wrapper[data-h='2'] .tile-content .text-tile > *:only-child {
  margin-top: 0;
  margin-bottom: 0;
}
.dashboard-page .tile-wrapper[data-h='2'] .tile-content .text-tile > *:first-child {
  margin-top: 0;
}
.dashboard-page .tile-wrapper[data-h='2'] .tile-content .text-tile > *:last-child {
  margin-bottom: 0;
}
.dashboard-page .tile-wrapper[data-h='3'] .tile-content .text-tile > *:only-child {
  margin-top: 0;
  margin-bottom: 0;
}
.dashboard-page .tile-wrapper[data-h='3'] .tile-content .text-tile > *:first-child {
  margin-top: 0;
}
.dashboard-page .tile-wrapper[data-h='3'] .tile-content .text-tile > *:last-child {
  margin-bottom: 0;
}
.dashboard-page .tile-wrapper[data-h='4'] .tile-content .text-tile > *:only-child {
  margin-top: 0;
  margin-bottom: 0;
}
.dashboard-page .tile-wrapper[data-h='4'] .tile-content .text-tile > *:first-child {
  margin-top: 0;
}
.dashboard-page .tile-wrapper[data-h='4'] .tile-content .text-tile > *:last-child {
  margin-bottom: 0;
}
.dashboard-page .tile-wrapper .tile-content .text-tile > p:last-child {
  margin-bottom: 0;
}
.dashboard-page.editable .tile-wrapper .oa:not(.disable-overflow-wrapper),
.dashboard-page.editable .tile-wrapper .oya:not(.disable-overflow-wrapper),
.dashboard-page.editable .tile-wrapper .tile-content .loaded.saved-model_report .overflow-wrapper:not(.disable-overflow-wrapper),
.dashboard-page.editable .tile-wrapper .tile-content .loaded.model-evaluation_report .overflow-wrapper:not(.disable-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 .tile-wrapper[data-w="1"] ng2-badge,
.dashboard-page.editable .tile-wrapper.ui-resizable-resizing ng2-badge {
  display: none;
}
.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.dataset_table_search .shaker,
.insight-preview .tile-content .loaded.dataset_table_search .shaker {
  overflow: hidden;
}
.dashboard-page .tile-wrapper .tile-content .loaded.dataset_table_search.dataset_table .view-buttons-wrapper .btn-group,
.insight-preview .tile-content .loaded.dataset_table_search.dataset_table .view-buttons-wrapper .btn-group {
  display: none;
}
.dashboard-page .tile-wrapper .tile-content .loaded.dataset_table_search.dataset_table .columnHeader .meaning,
.insight-preview .tile-content .loaded.dataset_table_search.dataset_table .columnHeader .meaning,
.dashboard-page .tile-wrapper .tile-content .loaded.dataset_table_search.dataset_table .columnHeader .meaning a,
.insight-preview .tile-content .loaded.dataset_table_search.dataset_table .columnHeader .meaning a {
  cursor: default;
}
.dashboard-page .tile-wrapper .tile-content .loaded.dataset_table_search.dataset_table .columnHeader .meaning .caret,
.insight-preview .tile-content .loaded.dataset_table_search.dataset_table .columnHeader .meaning .caret,
.dashboard-page .tile-wrapper .tile-content .loaded.dataset_table_search.dataset_table .columnHeader .meaning a .caret,
.insight-preview .tile-content .loaded.dataset_table_search.dataset_table .columnHeader .meaning a .caret {
  display: none;
}
.dashboard-page .tile-wrapper .tile-content .loaded.dataset_table_search.dataset_table .columnHeader .column-header-meanings-menu,
.insight-preview .tile-content .loaded.dataset_table_search.dataset_table .columnHeader .column-header-meanings-menu {
  display: none !important;
}
.dashboard-page .tile-wrapper .tile-content .loaded.dataset_table_search.dataset_table .columnHeader .progress-validity,
.insight-preview .tile-content .loaded.dataset_table_search.dataset_table .columnHeader .progress-validity {
  cursor: default;
}
.dashboard-page .tile-wrapper .tile-content .loaded.dataset_table_search .shakerTable,
.insight-preview .tile-content .loaded.dataset_table_search .shakerTable {
  height: 100%;
}
.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,
.dashboard-page .tile-wrapper .tile-content .loaded.model-evaluation_report .doctor-explanation,
.insight-preview .tile-content .loaded.model-evaluation_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,
.dashboard-page .tile-wrapper .tile-content .loaded.model-evaluation_report .export-btn,
.insight-preview .tile-content .loaded.model-evaluation_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,
.dashboard-page .tile-wrapper .tile-content .loaded.model-evaluation_report .overflow-wrapper,
.insight-preview .tile-content .loaded.model-evaluation_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,
.dashboard-page .tile-wrapper .tile-content .loaded.model-evaluation_report .w100-on-dashboard,
.insight-preview .tile-content .loaded.model-evaluation_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,
.dashboard-page .tile-wrapper .tile-content .loaded.model-evaluation_report .hide-on-dashboard,
.insight-preview .tile-content .loaded.model-evaluation_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,
.dashboard-page .tile-wrapper .tile-content .loaded.model-evaluation_report .clustering-results-page .cluster-hierarchy .cluster-container,
.insight-preview .tile-content .loaded.model-evaluation_report .clustering-results-page .cluster-hierarchy .cluster-container {
  margin: 0;
}
.dashboard-page .tile-wrapper .tile-content .loaded.saved-model_report .boxed-next-to-sidebar > *,
.insight-preview .tile-content .loaded.saved-model_report .boxed-next-to-sidebar > *,
.dashboard-page .tile-wrapper .tile-content .loaded.model-evaluation_report .boxed-next-to-sidebar > *,
.insight-preview .tile-content .loaded.model-evaluation_report .boxed-next-to-sidebar > * {
  box-shadow: none;
}
.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;
}
.embedded-animation-controls {
  position: absolute;
  top: 10px;
  right: 10px;
  z-index: 2;
}
.embedded-animation-controls[legend-placement$=RIGHT] {
  right: auto;
  left: 50px;
}
.embedded-animation-controls:hover {
  background: rgba(255, 255, 255, 0.5);
}
.embedded-animation-controls:not(:hover) * {
  visibility: hidden;
}
.embedded-animation-controls:not(:hover) [custom-element-popup],
.embedded-animation-controls:not(:hover) [custom-element-popup] > .btn-group,
.embedded-animation-controls:not(:hover) [custom-element-popup] > .flex,
.embedded-animation-controls:not(:hover) [custom-element-popup] > .btn-group > .flex,
.embedded-animation-controls:not(:hover) [custom-element-popup] > .current-label,
.embedded-animation-controls:not(:hover) [custom-element-popup] > .btn-group > .current-label,
.embedded-animation-controls:not(:hover) [custom-element-popup] > .flex > .current-label,
.embedded-animation-controls:not(:hover) [custom-element-popup] > .btn-group > .flex > .current-label,
.embedded-animation-controls:not(:hover) [custom-element-popup] > .caret,
.embedded-animation-controls:not(:hover) [custom-element-popup] > .btn-group > .caret,
.embedded-animation-controls:not(:hover) [custom-element-popup] > .flex > .caret,
.embedded-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.dataset_table_search.dataset_table .view-buttons-wrapper .btn-group {
  display: none;
}
.insight-view.dataset_table_search.dataset_table .columnHeader .meaning,
.insight-view.dataset_table_search.dataset_table .columnHeader .meaning a {
  cursor: default;
}
.insight-view.dataset_table_search.dataset_table .columnHeader .meaning .caret,
.insight-view.dataset_table_search.dataset_table .columnHeader .meaning a .caret {
  display: none;
}
.insight-view.dataset_table_search.dataset_table .columnHeader .column-header-meanings-menu {
  display: none !important;
}
.insight-view.dataset_table_search.dataset_table .columnHeader .progress-validity {
  cursor: default;
}
.insight-view.metrics .metrics-plots {
  width: 800px;
  background: #ffffff;
}
.expose-object-modal .project-select {
  padding: 10px 50px;
  max-height: 200px;
}
.expose-object-modal .project-select li.project-exposition {
  line-height: 40px;
  display: flex;
  align-items: center;
  gap: 8px;
}
.expose-object-modal .project-select li.project-exposition span.project-exposition__project-name {
  min-width: 0;
  flex: 1 1 auto;
}
.expose-object-modal .project-select li.project-exposition .project-exposition__new-project-badge {
  font-weight: 500;
  color: #81c241;
}
.expose-object-modal .project-select li.project-exposition i,
.expose-object-modal .project-select li.project-exposition button,
.expose-object-modal .project-select li.project-exposition .noflex {
  flex: 0 0 auto;
}
.insightHTMLContent {
  width: 100%;
  height: 100%;
  box-sizing: border-box;
}
.filter-promote .icon-dku-promote {
  line-height: inherit;
  color: #f44336;
}
.filters-dataset-picker-modal {
  width: 700px;
}
.filters-dataset-picker-modal .dkuform-modal-horizontal .control-group:first-child {
  margin-top: 19px;
  margin-bottom: 0;
}
.filters-dataset-picker-modal .dkuform-modal-horizontal div[insight-source-info] {
  font-size: 12px;
  margin-top: 5px;
}
.filters-dataset-picker-modal .list-daterange-box-yyyymmddhhmm .picker input[type=text] {
  width: 206px;
}
.filters-dataset-picker-modal .alert.alert-warning {
  margin: 20px 0 0 -230px;
}
.filters-dataset-picker-modal .alert.alert-warning,
.filters-dataset-picker-modal .alert.alert-warning label {
  font-size: 13px;
}
.filters-dataset-picker-modal .new-insight-modal__alert-icon {
  margin-right: 16px;
  font-size: 24px;
}
.filters-dataset-picker-modal .existing-tab .filters,
.filters-dataset-picker-modal .filters-create-form .filters {
  height: auto;
  padding: 10px 5px;
}
.filters-dataset-picker-modal .existing-tab .filters > *,
.filters-dataset-picker-modal .filters-create-form .filters > * {
  margin: 0 5px;
}
.filters-dataset-picker-modal .existing-tab .filters .dku-search-input,
.filters-dataset-picker-modal .filters-create-form .filters .dku-search-input {
  max-width: calc(50% - 21px - 5px);
}
.filters-dataset-picker-modal .existing-tab .filters .object-picker,
.filters-dataset-picker-modal .filters-create-form .filters .object-picker {
  width: 100% !important;
}
.filters-dataset-picker-modal .existing-tab .filters .source-types .bootstrap-select,
.filters-dataset-picker-modal .filters-create-form .filters .source-types .bootstrap-select {
  width: 115px !important;
}
.filters-dataset-picker-modal .existing-tab .advanced-mode,
.filters-dataset-picker-modal .filters-create-form .advanced-mode {
  padding: 0 4px 8px 4px;
}
.filters-dataset-picker-modal .existing-tab .advanced-mode label,
.filters-dataset-picker-modal .filters-create-form .advanced-mode label {
  padding-right: 4px;
}
.filters-dataset-picker-modal .existing-tab .insight-list ul,
.filters-dataset-picker-modal .filters-create-form .insight-list ul {
  min-height: 300px;
  max-height: 300px;
}
.filters-dataset-picker-modal .existing-tab .insight-list .insight-icon,
.filters-dataset-picker-modal .filters-create-form .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;
  display: flex;
  justify-content: center;
}
.filters-dataset-picker-modal .existing-tab .insight-list .add,
.filters-dataset-picker-modal .filters-create-form .insight-list .add {
  color: #bbbbbb;
  text-transform: uppercase;
  font-size: .9em;
  display: none;
  margin-right: 10px;
}
.filters-dataset-picker-modal .existing-tab .insight-list li:hover .add,
.filters-dataset-picker-modal .filters-create-form .insight-list li:hover .add {
  display: block;
}
.filters-dataset-picker-modal .existing-tab .insight-list li [class="universe-color"],
.filters-dataset-picker-modal .filters-create-form .insight-list li [class="universe-color"] {
  color: #bbbbbb;
}
.filters-dataset-picker-modal .existing-tab .insight-details .accordion-title,
.filters-dataset-picker-modal .filters-create-form .insight-details .accordion-title {
  display: none;
}
.filters-dataset-picker-modal .existing-tab .insight-details .item-header h2,
.filters-dataset-picker-modal .filters-create-form .insight-details .item-header h2 {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.filters-dataset-picker-modal .filters-create-form .insight-list ul {
  min-height: auto;
}
.filters-dataset-picker-modal .dkuform-modal-horizontal label.control-label {
  padding-left: 20px;
}
.filters-dataset-picker-modal__body .filters-create-form__columns-selection {
  margin: 0 auto;
}
.filters-dataset-picker-modal__body .filters-create-form__source-selection {
  padding: 0 20px 20px 20px;
}
.filters-dataset-picker-modal__header {
  display: flex;
  align-items: center;
}
.available-measures.available-measures--filtering {
  overflow: initial;
  border-right: none;
}
.available-measures.available-measures--filtering .measure {
  margin: 0;
  height: 32px;
  padding: 0;
  cursor: pointer;
  transition: border 400ms ease;
}
.available-measures.available-measures--filtering .measure:not(.measure--unusable).selected:before,
.available-measures.available-measures--filtering .measure:not(.measure--unusable):hover:before {
  all: unset;
}
.available-measures.available-measures--filtering .measure:not(.measure--unusable):hover {
  background-color: #f2f2f2;
}
.available-measures.available-measures--filtering .measure:not(.measure--unusable).selected {
  background-color: #e7f3ff;
}
.available-measures.available-measures--filtering .measure input[type="checkbox"] {
  margin: 0 0 0 4px;
  vertical-align: middle;
}
.available-measures.available-measures--filtering .measure label {
  margin: 0;
  font-weight: 400;
  font-size: 13px;
  line-height: 16px;
  color: #222222;
  line-height: 32px;
  padding: 0 8px;
}
.available-measures.available-measures--filtering ul li:not(:first-child) .measure {
  border-top: 1px solid #dddddd;
}
.available-measures.available-measures--filtering ul li:last-child .measure {
  border-bottom: 1px solid #dddddd;
}
.available-measures.available-measures--filtering .std-list-search-box {
  position: relative;
  margin: 0;
  padding: 0;
}
.available-measures.available-measures--filtering .std-list-search-box input {
  width: fill-available;
  width: -moz-available;
  width: -webkit-fill-available;
}
.available-measures.available-measures--filtering .std-list-search-box .search-icon {
  top: 3px;
}
.filters-columns-picker__picker .available-measures.available-measures--filtering ul {
  max-height: calc(100vh - 436px);
  margin: 8px 0 0 0;
  padding: 0;
  overflow: auto;
  border: 1px solid #dddddd;
}
.filters-create-form__source-selection {
  display: flex;
  flex-direction: row;
  padding-bottom: 20px;
}
.filters-create-form__source-selection .filters-create-form__box {
  border: 1px solid #dddddd;
  padding: 5px;
  margin: 8px 10px;
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 50%;
  padding: 16px;
  margin: 8px;
}
.filters-create-form__source-selection .filters-create-form__box:not(.selectable):not(.hoverable) {
  color: #cccccc;
}
.filters-create-form__source-selection .filters-create-form__box:not(.selectable):not(.hoverable) img {
  opacity: .25;
}
.filters-create-form__source-selection .filters-create-form__box.selectable:hover {
  cursor: pointer;
  background-color: #f2f2f2;
}
.filters-create-form__source-selection .filters-create-form__box.selected,
.filters-create-form__source-selection .filters-create-form__box.selected:hover {
  border-color: #3b99fc;
  background-color: #ffffff;
}
.filters-create-form__source-selection .filters-create-form__box i:not(.universe-color):not(.icon-trash):not([class*="dku-icon-trash-"]):not(.illustration):not('.selector-item__icon--has-color') {
  color: #666666;
}
.filters-create-form__source-selection .filters-create-form__box .selection-indicator {
  display: inline-block;
  width: 20px;
  max-height: 20px;
  text-align: center;
}
.filters-create-form__source-selection .filters-create-form__box .selection-indicator i {
  color: #3b99fc;
}
.filters-create-form__source-selection .filters-create-form__box .selectable-item__icon {
  display: inline-block;
  width: 20px;
  text-align: center;
  color: #cccccc;
}
.filters-create-form__source-selection .filters-create-form__box .selectable-item__title {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  color: #222222;
  font-weight: 500;
  max-width: 90%;
}
.filters-create-form__source-selection .filters-create-form__box .selectable-item__description {
  font-weight: 400;
}
.filters-create-form__source-selection .filters-create-form__box-icon {
  font-size: 40px;
  height: 40px;
  width: 40px;
  line-height: 40px;
  margin: 0 auto;
}
.filters-create-form__source-selection .filters-create-form__box-title {
  color: #222222;
  font-weight: 600;
  margin: 8px 0;
}
.filters-create-form__source-selection .filters-create-form__box-description {
  color: #666666;
  overflow: hidden;
  text-overflow: ellipsis;
  text-align: center;
}
.filters-create-form__source-selection.dku-horizontal-selector-list > .item .name {
  min-width: 156px;
}
.filters-create-form__columns-selection {
  margin: 36px -36px 0 -36px;
}
.filters-create-form__columns-selection .filters-columns-picker__picker .available-measures.available-measures--filtering ul {
  height: 250px;
  margin-top: -8px;
  border: none;
}
.filters-create-form__columns-selection .filters-columns-picker__picker .available-measures.available-measures--filtering ul .measure {
  font-weight: 400;
  font-size: 13px;
  line-height: 16px;
  color: #222222;
}
.filters-create-form__columns-selection .filters-columns-picker__picker .available-measures.available-measures--filtering ul label {
  padding: 0 36px;
}
.filters-create-form__columns-selection .filters-columns-picker__header {
  margin-bottom: 0;
  padding: 8px 36px 8px 36px;
  border-top: 1px solid #dddddd;
  border-bottom: 1px solid #dddddd;
}
.filters-create-form__columns-selection .filters-columns-picker__number {
  font-size: 14px;
}
.usable-columns-info {
  margin-top: 8px;
}
.usable-columns-info .new-insight-modal__alert-icon {
  margin-right: 16px;
  font-size: 24px;
}
.new-insight-modal .filters-create-form .alert.alert-warning {
  margin: 8px 0 0 0;
}
.btn--update-dashboard {
  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);
  font-family: 'SourceSansPro';
  text-transform: uppercase;
  font-size: 13px;
  font-weight: 500;
  padding: 3px 8px;
  margin: 0;
  line-height: 1.4;
  border: none;
  background-image: inherit;
  box-shadow: none;
  text-shadow: none;
  box-sizing: border-box;
  outline: 0;
  display: inline-flex;
  align-items: center;
  /* override the 'has-caret' style from 'btn' class for new icons to have them correctly displayed */
  background-color: transparent;
  color: #3b99fc;
  border: 1px solid transparent;
  font-weight: 400;
  text-transform: none;
}
.btn--update-dashboard:hover,
.btn--update-dashboard:focus,
.btn--update-dashboard:active,
.btn--update-dashboard.active,
.btn--update-dashboard.disabled,
.btn--update-dashboard[disabled] {
  color: #333333;
  background-color: #e6e6e6;
  *background-color: #d9d9d9;
}
.btn--update-dashboard:active,
.btn--update-dashboard.active {
  background-color: #cccccc \9;
}
.btn--update-dashboard:first-child {
  *margin-left: 0;
}
.btn--update-dashboard:hover,
.btn--update-dashboard: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--update-dashboard:focus {
  outline: thin dotted #333;
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px;
}
.btn--update-dashboard.active,
.btn--update-dashboard: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--update-dashboard.disabled,
.btn--update-dashboard[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--update-dashboard [class^="icon-"].icon-large,
.btn--update-dashboard [class*=" icon-"].icon-large {
  line-height: .9em;
}
.btn--update-dashboard [class^="icon-"].icon-spin,
.btn--update-dashboard [class*=" icon-"].icon-spin {
  display: inline-block;
}
.btn--update-dashboard [class^="icon-"].pull-left.icon-2x,
.btn--update-dashboard [class*=" icon-"].pull-left.icon-2x,
.btn--update-dashboard [class^="icon-"].pull-right.icon-2x,
.btn--update-dashboard [class*=" icon-"].pull-right.icon-2x {
  margin-top: .18em;
}
.btn--update-dashboard [class^="icon-"].icon-spin.icon-large,
.btn--update-dashboard [class*=" icon-"].icon-spin.icon-large {
  line-height: .8em;
}
.btn--update-dashboard:active {
  box-shadow: none;
}
.btn--update-dashboard.has-caret i {
  margin-left: 3px;
  margin-right: 0;
}
.btn--update-dashboard i {
  margin-right: 3px;
}
.btn--update-dashboard.btn--xlarge i {
  margin-right: 8px;
}
.btn--update-dashboard .dropdown-toggle {
  padding-right: 20px;
}
.btn--update-dashboard.disabled,
.btn--update-dashboard[disabled] {
  opacity: 1;
  filter: alpha(opacity=100);
}
.btn--update-dashboard:focus {
  outline: none;
}
.btn--update-dashboard.btn--icon {
  justify-content: center;
}
.btn--update-dashboard i {
  /* 1.125 unitless line height will multiply the icon font size by it, added to the padding and border this result in 26px button for icon of 16px */
  line-height: 1.125;
}
.btn--update-dashboard.has-caret i {
  margin-left: 0 !important;
  margin-right: 3px !important;
}
.btn--update-dashboard.btn--primary {
  background-color: transparent;
  color: #3b99fc;
  border: 1px solid transparent;
}
.btn--update-dashboard.btn--primary:focus {
  background-color: #e7f3ff;
  color: #3b99fc;
}
.btn--update-dashboard.btn--primary:hover {
  background-color: #e7f3ff;
  color: #3b99fc;
}
.btn--update-dashboard.btn--primary:active,
.btn--update-dashboard.btn--primary.btn--active {
  background-color: #c4e0fe;
}
.btn--update-dashboard.btn--primary[disabled],
.btn--update-dashboard.btn--primary:disabled,
.btn--update-dashboard.btn--primary.disabled {
  background-color: transparent;
  color: #c4e0fe;
  border: 1px solid transparent;
}
.btn--update-dashboard.btn--primary[disabled]:hover,
.btn--update-dashboard.btn--primary:disabled:hover,
.btn--update-dashboard.btn--primary.disabled:hover,
.btn--update-dashboard.btn--primary[disabled]:active,
.btn--update-dashboard.btn--primary:disabled:active,
.btn--update-dashboard.btn--primary.disabled:active {
  background-color: transparent;
  color: #c4e0fe;
  border: 1px solid transparent;
}
.btn--update-dashboard.btn--primary[disabled] .caret,
.btn--update-dashboard.btn--primary:disabled .caret,
.btn--update-dashboard.btn--primary.disabled .caret {
  border-top-color: #c4e0fe;
  border-bottom-color: #c4e0fe;
}
.btn--update-dashboard.btn--secondary {
  background-color: transparent;
  color: #333333;
  border: 1px solid transparent;
}
.btn--update-dashboard.btn--secondary:focus {
  background-color: #dddddd;
  color: #333333;
}
.btn--update-dashboard.btn--secondary:hover {
  background-color: #dddddd;
  color: #333333;
}
.btn--update-dashboard.btn--secondary:active,
.btn--update-dashboard.btn--secondary.btn--active {
  background-color: #cccccc;
}
.btn--update-dashboard.btn--secondary[disabled],
.btn--update-dashboard.btn--secondary:disabled,
.btn--update-dashboard.btn--secondary.disabled {
  background-color: transparent;
  color: #cccccc;
  border: 1px solid transparent;
}
.btn--update-dashboard.btn--secondary[disabled]:hover,
.btn--update-dashboard.btn--secondary:disabled:hover,
.btn--update-dashboard.btn--secondary.disabled:hover,
.btn--update-dashboard.btn--secondary[disabled]:active,
.btn--update-dashboard.btn--secondary:disabled:active,
.btn--update-dashboard.btn--secondary.disabled:active {
  background-color: transparent;
  color: #cccccc;
  border: 1px solid transparent;
}
.btn--update-dashboard.btn--secondary[disabled] .caret,
.btn--update-dashboard.btn--secondary:disabled .caret,
.btn--update-dashboard.btn--secondary.disabled .caret {
  border-top-color: #cccccc;
  border-bottom-color: #cccccc;
}
.btn--update-dashboard.btn--success {
  background-color: transparent;
  color: #4caf50;
  border: 1px solid transparent;
}
.btn--update-dashboard.btn--success:focus {
  background-color: #e8f5e9;
  color: #4caf50;
}
.btn--update-dashboard.btn--success:hover {
  background-color: #e8f5e9;
  color: #4caf50;
}
.btn--update-dashboard.btn--success:active,
.btn--update-dashboard.btn--success.btn--active {
  background-color: #d7f0d6;
}
.btn--update-dashboard.btn--success[disabled],
.btn--update-dashboard.btn--success:disabled,
.btn--update-dashboard.btn--success.disabled {
  background-color: transparent;
  color: #d7f0d6;
  border: 1px solid transparent;
}
.btn--update-dashboard.btn--success[disabled]:hover,
.btn--update-dashboard.btn--success:disabled:hover,
.btn--update-dashboard.btn--success.disabled:hover,
.btn--update-dashboard.btn--success[disabled]:active,
.btn--update-dashboard.btn--success:disabled:active,
.btn--update-dashboard.btn--success.disabled:active {
  background-color: transparent;
  color: #d7f0d6;
  border: 1px solid transparent;
}
.btn--update-dashboard.btn--success[disabled] .caret,
.btn--update-dashboard.btn--success:disabled .caret,
.btn--update-dashboard.btn--success.disabled .caret {
  border-top-color: #d7f0d6;
  border-bottom-color: #d7f0d6;
}
.btn--update-dashboard.btn--danger {
  background-color: transparent;
  color: #dd5969;
  border: 1px solid transparent;
}
.btn--update-dashboard.btn--danger:focus {
  background-color: #f9e3e5;
  color: #dd5969;
}
.btn--update-dashboard.btn--danger:hover {
  background-color: #f9e3e5;
  color: #dd5969;
}
.btn--update-dashboard.btn--danger:active,
.btn--update-dashboard.btn--danger.btn--active {
  background-color: #f0b8bf;
}
.btn--update-dashboard.btn--danger[disabled],
.btn--update-dashboard.btn--danger:disabled,
.btn--update-dashboard.btn--danger.disabled {
  background-color: transparent;
  color: #f0b8bf;
  border: 1px solid transparent;
}
.btn--update-dashboard.btn--danger[disabled]:hover,
.btn--update-dashboard.btn--danger:disabled:hover,
.btn--update-dashboard.btn--danger.disabled:hover,
.btn--update-dashboard.btn--danger[disabled]:active,
.btn--update-dashboard.btn--danger:disabled:active,
.btn--update-dashboard.btn--danger.disabled:active {
  background-color: transparent;
  color: #f0b8bf;
  border: 1px solid transparent;
}
.btn--update-dashboard.btn--danger[disabled] .caret,
.btn--update-dashboard.btn--danger:disabled .caret,
.btn--update-dashboard.btn--danger.disabled .caret {
  border-top-color: #f0b8bf;
  border-bottom-color: #f0b8bf;
}
.btn--update-dashboard:focus {
  background-color: #e7f3ff;
  color: #3b99fc;
}
.btn--update-dashboard:hover {
  background-color: #e7f3ff;
  color: #3b99fc;
}
.btn--update-dashboard:active,
.btn--update-dashboard.btn--active {
  background-color: #c4e0fe;
}
.btn--update-dashboard[disabled],
.btn--update-dashboard:disabled,
.btn--update-dashboard.disabled {
  background-color: transparent;
  color: #c4e0fe;
  border: 1px solid transparent;
}
.btn--update-dashboard[disabled]:hover,
.btn--update-dashboard:disabled:hover,
.btn--update-dashboard.disabled:hover,
.btn--update-dashboard[disabled]:active,
.btn--update-dashboard:disabled:active,
.btn--update-dashboard.disabled:active {
  background-color: transparent;
  color: #c4e0fe;
  border: 1px solid transparent;
}
.btn--update-dashboard[disabled] .caret,
.btn--update-dashboard:disabled .caret,
.btn--update-dashboard.disabled .caret {
  border-top-color: #c4e0fe;
  border-bottom-color: #c4e0fe;
}
.ring-animation-like {
  animation: ring-like 4s 0.7s ease-in-out infinite;
}
@keyframes ring-like {
  0% {
    transform: rotate(0);
  }
  1% {
    transform: rotate(30deg);
  }
  3% {
    transform: rotate(-28deg);
  }
  5% {
    transform: rotate(34deg);
  }
  7% {
    transform: rotate(-32deg);
  }
  9% {
    transform: rotate(30deg);
  }
  11% {
    transform: rotate(-28deg);
  }
  13% {
    transform: rotate(26deg);
  }
  15% {
    transform: rotate(-24deg);
  }
  17% {
    transform: rotate(22deg);
  }
  19% {
    transform: rotate(-20deg);
  }
  21% {
    transform: rotate(18deg);
  }
  23% {
    transform: rotate(-16deg);
  }
  25% {
    transform: rotate(14deg);
  }
  27% {
    transform: rotate(-12deg);
  }
  29% {
    transform: rotate(10deg);
  }
  31% {
    transform: rotate(-8deg);
  }
  33% {
    transform: rotate(6deg);
  }
  35% {
    transform: rotate(-4deg);
  }
  37% {
    transform: rotate(2deg);
  }
  39% {
    transform: rotate(-1deg);
  }
  41% {
    transform: rotate(1deg);
  }
  43% {
    transform: rotate(0);
  }
  100% {
    transform: rotate(0);
  }
}
.tile-content__filter-empty-state,
.tile-content__cannot-display-data,
.filters-tile .empty-list-cta {
  margin: auto;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
}
.autocompletable-textarea--text-tile-params {
  margin-bottom: 8px;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
}
.autocompletable-textarea--text-tile-params .btn--toolbar-icon {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  width: 24px;
  height: 24px;
}
.autocompletable-textarea--text-tile-params .btn--toolbar-icon i {
  font-size: 12px !important;
}
.data-quality .data-quality-insight__breakdown {
  width: 90%;
}
.insight-view.data-quality .data-quality-insight__breakdown {
  width: 80%;
}
@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 {
  overflow-y: initial;
}
.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: center;
  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):not(.hoverable) {
  color: #cccccc;
}
.notebook-types__card:not(.selectable):not(.hoverable) img {
  opacity: .25;
}
.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):not(.icon-trash):not([class*="dku-icon-trash-"]):not(.illustration):not('.selector-item__icon--has-color') {
  color: #666666;
}
.notebook-types__card .selection-indicator {
  display: inline-block;
  width: 20px;
  max-height: 20px;
  text-align: center;
}
.notebook-types__card .selection-indicator i {
  color: #3b99fc;
}
.notebook-types__card .selectable-item__icon {
  display: inline-block;
  width: 20px;
  text-align: center;
  color: #cccccc;
}
.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-query {
  height: 100%;
  width: 100%;
}
.sql-notebook-query__leftPane {
  display: flex;
  flex-direction: column;
}
.sql-notebook-query__leftPane--content {
  flex: 1 0 0;
  min-height: 0;
}
.sql-notebook-query__title--generate {
  display: flex;
  gap: 4px;
  align-items: center;
  justify-content: center;
}
.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 {
  flex: 1 1 0;
  cursor: pointer;
}
.sql-notebook .leftPane .header-tabs .tab .title {
  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;
}
.sql-notebook .leftPane .left-list-empty h4 {
  color: #666666;
}
.sql-notebook .leftPane .left-list-empty .left-list-empty-text {
  color: #bbbbbb;
}
.sql-notebook .leftPane .left-list-empty .left-list-empty-controls {
  padding-top: 25px;
}
.sql-notebook .leftPane .sql-notebook-cells-list .header {
  padding: 4px;
  display: flex;
}
.sql-notebook .leftPane .sql-notebook-cells-list .header basic-search-box {
  flex: 1 1 auto;
}
.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 .leftPane .sql-notebook__generate {
  padding: 8px;
}
.sql-notebook .leftPane .sql-notebook__generate .sql-notebook__generate--form {
  margin-top: 8px;
}
.sql-notebook .leftPane .sql-notebook__generate .sql-notebook__generate--actions {
  display: flex;
  justify-content: flex-end;
  gap: 8px;
}
.sql-notebook .leftPane .sql-notebook__generate .sql-notebook__generate--generate-button {
  border-color: #2ab1ac;
  color: #2ab1ac;
}
.sql-notebook .leftPane .sql-notebook__generate .sql-notebook__generate--generate-button[disabled] {
  border-color: #cccccc;
  color: #cccccc;
}
.sql-notebook .leftPane .sql-notebook__generate .sql-notebook__generate--insert-button {
  margin-top: 8px;
  margin-left: auto;
}
.sql-notebook .leftPane .sql-notebook__generate .sql-notebook__generate--editor {
  display: flex;
  min-height: 120px;
  box-sizing: border-box;
  width: 100%;
  resize: vertical;
}
.sql-notebook .leftPane .sql-notebook__generate .sql-notebook__generate--code-block {
  margin: 8px 0 8px 0;
  background-color: #f2f2f2;
  padding: 8px;
}
.sql-notebook .leftPane .sql-notebook__generate .sql-notebook__generate--code-block-title {
  display: flex;
  justify-content: space-between;
}
.sql-notebook .leftPane .sql-notebook__generate .sql-notebook__generate--code-block-title > span {
  font-size: 13px;
  font-weight: 600;
  color: #666666;
  display: flex;
}
.sql-notebook .leftPane .sql-notebook__generate .sql-notebook__generate--code-block-query-name {
  font-size: 13px;
  color: #666666;
}
.sql-notebook .leftPane .sql-notebook__generate .sql-notebook__generate--code {
  margin-top: 4px;
  font-size: 11px;
}
.sql-notebook .leftPane .sql-notebook__generate .sql-notebook__generate--code .CodeMirror {
  height: auto;
}
.sql-notebook .leftPane .sql-notebook__generate .sql-notebook__generate--code .CodeMirror .CodeMirror-scroll {
  min-height: 32px;
  max-height: 300px;
}
.sql-notebook .leftPane .sql-notebook__generate .sql-notebook__generate--caution-message {
  margin-bottom: 8px;
  font-size: 12px;
  font-style: italic;
  text-align: start;
  color: #666666;
}
.sql-notebook .leftPane .sql-notebook__generate .sql-notebook__generate--title {
  text-align: start;
  margin-bottom: 8px;
  font-size: 16px;
  color: #666666;
  display: flex;
  gap: 4px;
  align-items: center;
  justify-content: flex-start;
}
.sql-notebook .leftPane .sql-notebook__generate .sql-notebook__generate--reasoning {
  background-color: #f2f2f2;
  padding: 8px;
  margin-top: 8px;
  text-align: left;
  color: #666666;
}
.sql-notebook .leftPane .sql-notebook__generate .sql-notebook__generate--reasoning-title {
  font-size: 13px;
  font-weight: 600;
  display: flex;
}
.sql-notebook .leftPane .sql-notebook__generate .sql-notebook__generate--reasoning-content {
  font-weight: 400px;
}
.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 .title [custom-element-popup] i {
  color: #999;
  margin-left: 4px;
}
.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 .sql-notebook-toolbar .sql-notebook-toolbar__collapse-expand-all {
  vertical-align: middle;
  margin-right: 4px;
}
.sql-notebook .mainPane .code-snippet-editor-wrapper {
  top: 47px;
  position: absolute;
  width: 100%;
}
.sql-notebook .mainPane .sql-notebook-warnings {
  margin: 0;
}
.sql-notebook .mainPane .sql-notebook-warnings .sql-notebook-warnings__header {
  cursor: pointer;
}
.sql-notebook .mainPane .sql-notebook-warnings .sql-notebook-warnings__header .icon-warning-sign {
  margin-right: 8px;
}
.sql-notebook .mainPane .sql-notebook-warnings .sql-notebook-warnings__content {
  margin-top: 8px;
  max-height: 80px;
  overflow: auto;
}
.sql-notebook .mainPane .sql-notebook-warnings .sql-notebook-warning {
  max-width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 8;
  line-height: 20px;
  white-space: normal;
}
.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;
  display: flex;
  align-items: start;
  justify-content: space-between;
  gap: 16px;
}
.sql-notebook .mainPane .sql-notebook-cell .cell-header.folded:hover {
  background-color: #f2f2f2;
}
.sql-notebook .mainPane .sql-notebook-cell .cell-header .cell-title {
  padding-top: 1px;
  height: 24px;
  flex: 1 1 0;
  min-width: 0;
  display: flex;
  align-items: center;
  font-family: 'SourceSansPro';
  font-weight: 400;
  font-size: 16px;
}
.sql-notebook .mainPane .sql-notebook-cell .cell-header .cell-title .cell-name {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  flex: 1 0 0;
}
.sql-notebook .mainPane .sql-notebook-cell .cell-header .cell-title input.cell-name {
  align-self: flex-start;
}
.sql-notebook .mainPane .sql-notebook-cell .cell-header .cell-title span.cell-name {
  padding-left: 5px;
  padding-right: 5px;
}
.sql-notebook .mainPane .sql-notebook-cell .cell-header .cell-tools {
  flex: 0 0 auto;
  display: flex;
  gap: 4px;
  cursor: auto;
}
.sql-notebook .mainPane .sql-notebook-cell .cell-header .cell-tools .cell-status {
  margin-right: 20px;
  text-transform: uppercase;
  font-weight: 400;
  align-self: center;
}
.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 .old-version-warning {
  display: flex;
  align-items: center;
  margin-bottom: 0;
}
.sql-notebook .mainPane .sql-notebook-query-cell .old-version-warning .old-version-warning--text {
  flex: 1 0 auto;
}
.sql-notebook .mainPane .sql-notebook-query-cell .old-version-warning .old-version-warning--load-last-button {
  flex: 0 0 auto;
}
.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;
  display: flex;
  justify-content: center;
  padding-top: 40px;
}
.sql-notebook .mainPane .sql-notebook-query-cell .running-query-overlay .dku-loader {
  width: 30px;
  height: 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 .modal-body {
  height: 400px;
  padding: 0;
}
.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: 4px 5px 4px 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;
  line-height: 16px;
}
.sql-notebook-history-modal .main-list .item .status i {
  display: inline-block;
}
.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;
  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 {
  height: 20px;
  margin: 0px;
  margin-right: 3px;
  opacity: 0.5;
  text-align: left;
  line-height: 16px;
  -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;
  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 {
  padding: 8px 16px;
}
.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 {
  height: 100%;
  display: flex;
  flex-direction: column;
}
.sql-explorer .sql-explorer__table-list {
  flex: 1 0 auto;
  min-height: 0;
}
.sql-explorer .sql-explorer__control-group {
  display: flex;
  flex-wrap: wrap;
}
.sql-explorer .sql-explorer__list-tables-button {
  margin: 24px;
}
.sql-explorer .sql-explorer__restrict-label {
  margin: 0;
}
.sql-explorer .sql-explorer__database-explorer-title {
  font-weight: 400;
}
.sql-explorer .toolbar {
  min-height: 0;
  display: flex;
  flex-direction: column;
  padding: 4px;
  margin-bottom: 8px;
}
.sql-explorer .toolbar .top-toolbar {
  margin: 5px;
}
.sql-explorer .toolbar .search-toolbar {
  margin-left: 5px;
  margin-right: 5px;
  display: flex;
  align-items: center;
  gap: 16px;
}
.sql-explorer .toolbar .search-toolbar .sort-box {
  flex: 0 0 auto;
}
.sql-explorer .toolbar .search-toolbar basic-search-box {
  flex: 1 1 auto;
}
.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 {
  height: 26px;
  line-height: 26px;
  font-size: 13px;
  color: #222222;
  padding: 0 10px 0 5px;
  cursor: pointer;
  display: flex;
  align-items: center;
}
.sql-explorer .item .item-bullet {
  flex: 0 0 auto;
  color: #999999;
}
.sql-explorer .item .item-icon {
  flex: 0 0 auto;
  color: #999999;
}
.sql-explorer .item .item-name {
  margin-left: 4px;
  margin-right: 8px;
  flex: 1 1 auto;
  min-width: 0;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  font-family: 'SourceSansPro';
}
.sql-explorer .item .item-category,
.sql-explorer .item .schema-table-count,
.sql-explorer .item .catalog-schema-count {
  flex: 0 0 auto;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  font-size: 10px;
  color: #666666;
}
.sql-explorer .item .cc-link {
  flex: 0 0 auto;
  transition: all 0.2s ease;
}
.sql-explorer .item:not(:hover) .cc-link {
  opacity: 0;
}
.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 .schema-item .item-name {
  font-weight: 500;
}
.sql-explorer .schema-item .schema-table-count {
  color: #666666;
  max-width: 60px;
}
.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 .nofield,
.sql-explorer .nofield-item .nofield {
  cursor: default;
  color: #666666;
  font-style: italic;
  line-height: 22px;
}
.sql-explorer .catalog-item .item-name {
  font-weight: 600;
}
.sql-explorer .catalog-item .catalog-schema-count {
  max-width: 72px;
}
.sql-explorer .catalog-schema-item .item-name {
  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-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 .nofield,
.sql-explorer .catalog-nofield-item .nofield {
  cursor: default;
  color: #666666;
  font-style: italic;
  line-height: 22px;
}
.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 .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;
}
.search-notebook__icon-modal {
  border-radius: 50%;
  padding: 4px 5px;
  margin-bottom: 4px;
  font-size: 30px;
  background-color: #666666;
  color: #ffffff !important;
}
.search-notebook__icon-list {
  border-radius: 50%;
  padding: 1px 1px;
}
.search-notebook__alert {
  display: inline-block;
  padding: 2px 4px !important;
  margin-top: 11px;
}
.prompt-studio-new-prompt-modal__body {
  position: relative;
  max-height: 480px;
  padding: 0;
  overflow: auto;
}
.prompt-studio-new-prompt-modal__prompt-type {
  display: grid;
  grid-template-rows: repeat(2, 1fr);
  padding: 16px;
  gap: 16px;
  margin: 0 0 8px;
  color: #666666;
}
.prompt-studio-new-prompt-modal__prompt-type-title {
  font-size: 22px;
  font-weight: 400;
}
.prompt-studio-new-prompt-modal__prompt-type-description {
  font-size: 13px;
  font-weight: 400;
}
.prompt-studio-new-prompt-modal__section-header {
  font-size: 15x;
  font-weight: 500;
  margin: 16px;
}
.prompt-studio-new-prompt-modal__cards-row {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  padding: 16px 0px;
  gap: 16px;
  height: 120px;
}
.prompt-studio-new-prompt-modal__card {
  border: 1px solid #dddddd;
  display: flex;
  flex-direction: column;
  cursor: pointer;
  flex: 1;
}
.prompt-studio-new-prompt-modal__card.selected,
.prompt-studio-new-prompt-modal__card.selected:hover {
  border-color: #3b99fc;
}
.prompt-studio-new-prompt-modal__card:last-child {
  margin-right: 0;
}
.prompt-studio-new-prompt-modal__card:hover {
  background-color: #e7f3ff;
}
.prompt-studio-new-prompt-modal__card-icon {
  color: #29af5d;
}
.prompt-studio-new-prompt-modal__card-text {
  padding: 16px;
}
.prompt-studio-new-prompt-modal__card-title {
  font-size: 16px;
  font-weight: 500;
  margin: 0 0 8px;
  display: flex;
  gap: 8px;
  color: #333333;
}
.prompt-studio-new-prompt-modal__card-tags {
  margin: auto 0 0;
  font-size: 13px;
  font-weight: 400;
  color: #333333;
}
.prompt-studio-new-prompt-modal__card-description {
  margin-bottom: 0;
}
.prompt-studio-new-prompt-modal__cards-row--sub {
  grid-template-columns: repeat(2, 1fr);
  height: 160px;
  overflow: auto;
}
.prompt-studio-new-prompt-modal__cards-row--sub .prompt-studio-new-prompt-modal__card-title {
  display: flex;
  align-items: center;
  font-size: 13px;
  margin: 0;
  gap: 8px;
}
.prompt-managed-mode__cards {
  margin: 16px;
}
.prompt-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: 170px;
  height: 200px;
  margin: 0;
  cursor: pointer;
}
.prompt-types__card:not(.selectable):not(.hoverable) {
  color: #cccccc;
}
.prompt-types__card:not(.selectable):not(.hoverable) img {
  opacity: .25;
}
.prompt-types__card.selectable:hover {
  cursor: pointer;
  background-color: #f2f2f2;
}
.prompt-types__card.selected,
.prompt-types__card.selected:hover {
  border-color: #3b99fc;
  background-color: #ffffff;
}
.prompt-types__card i:not(.universe-color):not(.icon-trash):not([class*="dku-icon-trash-"]):not(.illustration):not('.selector-item__icon--has-color') {
  color: #666666;
}
.prompt-types__card .selection-indicator {
  display: inline-block;
  width: 20px;
  max-height: 20px;
  text-align: center;
}
.prompt-types__card .selection-indicator i {
  color: #3b99fc;
}
.prompt-types__card .selectable-item__icon {
  display: inline-block;
  width: 20px;
  text-align: center;
  color: #cccccc;
}
.prompt-types__card .selectable-item__title {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  color: #222222;
  font-weight: 500;
  max-width: 90%;
}
.prompt-types__card .selectable-item__description {
  font-weight: 400;
}
.prompt-types__card:not(.selectable) i {
  color: #dddddd;
}
.prompt-studio-page {
  background: #ffffff;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: row;
  flex-direction: row;
  height: 100%;
  box-sizing: border-box;
}
.prompt-studio-page > .flex {
  -webkit-flex: 1 1 auto;
  flex: 1 1 auto;
  position: relative;
}
.prompt-studio-page > .flex .override-min-width {
  min-width: 0px;
}
.prompt-studio-page > .flex-no-basis,
.prompt-studio-page .flex-no-basis {
  -webkit-flex: 1 1 0;
  flex: 1 1 0;
  position: relative;
}
.prompt-studio-page > .flex-no-basis .override-min-width,
.prompt-studio-page .flex-no-basis .override-min-width {
  min-width: 0px;
}
.prompt-studio-page > .flex-no-grow {
  -webkit-flex: 0 1 auto;
  flex: 0 1 auto;
  position: relative;
}
.prompt-studio-page > .flex-no-shrink {
  -webkit-flex: 1 0 auto;
  flex: 1 0 auto;
  position: relative;
}
.prompt-studio-page > .noflex,
.prompt-studio-page .top-level-tabs,
.prompt-studio-page > .alert,
.prompt-studio-page > .bottom-bar,
.prompt-studio-page > .input-append,
.prompt-studio-page > div[block-api-error],
.prompt-studio-page > h1,
.prompt-studio-page > h2,
.prompt-studio-page > h3,
.prompt-studio-page > h4,
.prompt-studio-page > h5,
.prompt-studio-page > h6 {
  -webkit-flex: 0 0 auto;
  flex: 0 0 auto;
}
.prompt-studio-page input[type=text],
.prompt-studio-page input[type=number],
.prompt-studio-page textarea {
  box-shadow: none;
}
.prompt-studio-page [class*="dku-icon-trash-"]:hover {
  color: #ce1228;
}
.prompt-studio__left-pane {
  border-right: 1px #dddddd solid;
}
.prompt-list {
  background-color: #ffffff;
}
.prompt-list,
.prompt-history__past-runs {
  overflow: auto;
}
.prompt-list input[type="checkbox"],
.prompt-history__past-runs input[type="checkbox"] {
  margin: 0;
}
.prompt-list--closed {
  text-align: center;
}
.prompt-history__past-runs {
  border-right: 1px #dddddd solid;
  width: 296px;
}
.prompt-list__compare-button-row {
  display: flex;
  border-bottom: 1px solid #dddddd;
  padding: 8px;
  justify-content: space-between;
}
.prompt-list__actions {
  align-items: center;
  transition: width 0.53s cubic-bezier(0, 0, 0.2, 1);
  width: 100%;
  overflow: hidden;
}
.prompt-list__item {
  display: flex;
  cursor: pointer;
  word-break: break-word;
}
.prompt-list__item.active,
.prompt-list__item:hover {
  background-color: #e7f3ff;
}
.prompt-list--closed .prompt-list__compare-button-row {
  border-bottom-color: transparent;
}
.prompt-list--closed .prompt-list__actions {
  width: 0;
}
.prompt-list--closed .prompt-list__item {
  padding: 8px 0;
}
.prompt-list--closed .prompt-list__footer {
  border-top-color: transparent;
}
.prompt-list--closed .prompt-list__item-checkbox {
  display: none;
}
.prompt-list--open .prompt-list__item,
.prompt-history .prompt-list__item {
  padding: 16px;
  border-bottom: 1px solid #dddddd;
  opacity: 1;
  transition: opacity 0.2s;
}
.prompt-list--open .prompt-list__item:last-child,
.prompt-history .prompt-list__item:last-child {
  border-bottom: 0 none;
}
.prompt-list__toggle.prompt-list__toggle {
  height: 32px;
  min-width: 32px;
}
.prompt-list__item-checkbox {
  padding-right: 16px;
  line-height: 16px;
}
.prompt-list__item-content {
  flex: 1;
  overflow: hidden;
}
.prompt-list__item-collapsed {
  display: flex;
  justify-content: center;
}
.prompt-list__item-icon,
.prompt-tile__icon {
  display: flex;
  align-items: center;
  justify-content: center;
}
.prompt-list__item-icon {
  width: 32px;
  height: 32px;
  border-radius: 32px;
}
.prompt-tile__icon {
  width: 16px;
  height: 16px;
  border-radius: 16px;
  margin-right: 4px;
  flex: 0 0 auto;
}
.prompt-list__add-button {
  height: 32px;
  min-width: 32px;
  transition: width 0.2s cubic-bezier(0, 0, 0.2, 1);
}
.prompt-list__footer {
  padding: 8px;
  text-align: center;
}
.prompt-list__footer--has-border {
  border-top: 1px solid #dddddd;
}
.prompt-types__card-title {
  font-size: 12px;
  font-weight: 600;
  text-align: center;
  text-transform: uppercase;
  margin: 4px 0 0 0;
}
.prompt-studio__main-panel {
  width: 100%;
}
.prompt-studio-main-panel-section {
  overflow-y: auto;
  padding: 8px 16px;
  box-sizing: border-box;
}
.copy-chat-history-modal-tab-wrapper {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.prompt-studio-task__title {
  height: 39px;
  line-height: 39px;
  display: flex;
  align-items: center;
  justify-content: right;
}
.prompt-studio-dku-text-smaller.prompt-studio-dku-text-smaller {
  font-size: 12px;
}
.prompt-studio-task__textarea-container--inline-mode {
  width: calc(100% - 304px);
}
.prompt-studio-task__textarea-container--dataset-mode {
  width: calc(100% - 504px);
}
.prompt-studio-task__tags {
  margin: 0 16px;
  flex: 1;
}
.prompt-studio-task__textarea,
.prompt-recipe-task__textarea {
  resize: vertical;
  width: 100%;
  max-height: 360px;
  min-height: 32px;
  height: 96px;
  box-sizing: border-box;
  margin-bottom: 0;
}
.prompt-studio-task__input input {
  height: 16px;
  margin-bottom: 4px;
}
.prompt-studio-task__input table.w100 {
  width: 100%;
  box-sizing: border-box;
}
.prompt-studio-task__input--dataset-mode {
  width: 480px;
}
.prompt-studio-task__input--inline-mode {
  width: 280px;
}
.prompt-studio-task__source {
  width: 76px;
}
.prompt-studio-task__popover {
  max-width: 400px;
}
.prompt-studio-task__popover ol {
  margin-left: 12px;
}
.prompt-studio-task__popover li::marker {
  font-weight: bold;
}
.prompt-task-input__column-icon {
  width: 30px;
}
.prompt-task-input__column {
  width: 224px;
}
.prompt-studio-task-input__dataset-selector .dss-object-selector-mainzone {
  background: #ffffff;
  border: 1px solid #cccccc;
}
.prompt-task-input__column-selector ng-select,
.dkuform-horizontal .control-group .controls .prompt-task-input input {
  margin-bottom: 4px;
}
.prompt-studio-main-panel-toolbar {
  padding: 16px;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.prompt-studio-main-panel-resize-container {
  position: relative;
  height: 100%;
  box-sizing: border-box;
}
.prompt-studio-main-panel__task {
  display: flex;
  flex-direction: column;
  position: absolute;
  top: 0;
  bottom: 50%;
  left: 0;
  right: 0;
}
.prompt-studio-main-panel__test-cases {
  display: flex;
  flex-direction: column;
  background: #ffffff;
  height: 50%;
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
}
.prompt-studio-main-panel-resize-container--chat {
  display: flex;
  flex-direction: column;
}
.prompt-studio-main-panel-resize-container--chat .prompt-studio-main-panel__task,
.prompt-studio-main-panel-resize-container--chat .prompt-studio-main-panel__test-cases {
  position: static;
}
.prompt-studio-main-panel-resize-container--chat .prompt-studio-main-panel__test-cases {
  flex-grow: 1;
}
.prompt-studio-main-panel-resize-container--chat .prompt-studio-main-panel-section {
  padding-bottom: 0;
}
.prompt-studio__main-panel .content-resizer {
  border-top: 1px solid #dddddd;
  border-bottom: 1px solid #dddddd;
  position: absolute;
  bottom: 50%;
  height: 4px;
  width: 100%;
  background-color: #f2f2f2;
  cursor: row-resize;
  z-index: 5;
}
.prompt-studio__main-panel .content-resizer i {
  position: absolute;
  top: -8px;
  left: 50%;
  color: #333333;
}
.prompt-studio-test-cases__table {
  width: 100%;
  height: 100%;
  box-sizing: border-box;
  table-layout: fixed;
}
.prompt-studio-test-cases__input-title,
.prompt-studio-test-cases__output-title {
  border-bottom: 1px #bbbbbb dashed;
  text-align: left;
  padding-left: 8px;
}
.prompt-studio-test-cases__output-title {
  width: 50%;
}
.prompt-studio-test-cases__output-title--full-width {
  width: 100%;
}
.prompt-studio-test-cases__output-status {
  margin-left: 4px;
  vertical-align: bottom;
}
.prompt-studio-test-cases__output-status + .tooltip {
  font-weight: 400;
}
.prompt-studio-test-cases__input-title {
  border-right: 1px #bbbbbb dashed;
}
.prompt-studio-test-case__input {
  border-bottom: 1px #bbbbbb dashed;
  border-right: 1px #bbbbbb dashed;
  padding: 8px;
  vertical-align: top;
  word-break: break-word;
}
.prompt-studio-test-case__input:first-child {
  border-left: 1px #bbbbbb dashed;
}
.prompt-studio-test-case__input-query {
  resize: vertical;
  box-sizing: border-box;
  width: 100%;
  min-height: 32px;
}
table :last-child.prompt-studio-test-case__input-query {
  margin: 8px 0;
}
.prompt-studio-test-case__output {
  border-bottom: 1px #bbbbbb dashed;
  border-right: 1px #bbbbbb dashed;
  padding: 8px;
  vertical-align: top;
  height: 1px;
}
.prompt-studio-test-case__output:first-child {
  border-left: 1px #bbbbbb dashed;
}
.prompt-studio-test-case__output {
  padding: 0;
  height: 100%;
}
.prompt-studio-test-case__output--valid {
  background: #d7f0d6;
  color: #388e3c;
}
.prompt-studio-test-case__output--valid .prompt-studio-test-case-output__result {
  background: #d7f0d6;
  color: #388e3c;
}
.prompt-studio-test-case__output--no-validation {
  background: #f6fbff;
  color: #196bfa;
}
.prompt-studio-test-case__output--no-validation .prompt-studio-test-case-output__result {
  background: #f6fbff;
  color: #196bfa;
}
.prompt-studio-test-case__output--invalid {
  background: #f9e3e5;
  color: #bc0a18;
}
.prompt-studio-test-case__output--invalid .prompt-studio-test-case-output__result {
  background: #f9e3e5;
  color: #bc0a18;
}
.prompt-studio-test-case__output--not-run,
.prompt-studio-test-case__output .prompt-studio-test-case__output-preview {
  background: #f2f2f2;
  color: #999999;
}
.prompt-studio-test-case__output--not-run .prompt-studio-test-case-output__result,
.prompt-studio-test-case__output .prompt-studio-test-case__output-preview .prompt-studio-test-case-output__result,
.prompt-studio-test-case__output--not-run .prompt-studio-sources,
.prompt-studio-test-case__output .prompt-studio-test-case__output-preview .prompt-studio-sources {
  background: #f2f2f2;
  color: #999999;
}
.prompt-studio-output-actions {
  display: flex;
  padding: 0 8px;
}
.prompt-studio-output-actions__action {
  margin-top: 8px;
  padding: 0 4px;
}
.prompt-studio-output-actions__action.disabled,
.prompt-studio-output-actions__action.disabled:hover {
  color: #bbbbbb;
  cursor: default;
}
.prompt-studio-test-case-output__result,
.prompt-chat__output {
  border: none;
  font-family: 'SourceSansPro';
  border-radius: 0;
  margin-bottom: 0;
  padding: 8px;
}
.prompt-studio-test-case-output__result--not-run {
  font-style: italic;
}
.prompt-studio-test-case__query-deletion-icon {
  width: 40px;
}
.prompt-studio-sources {
  border-top: 1px dashed #dddddd;
  padding: 8px;
  color: #666666;
}
.prompt-studio-sources__content {
  list-style-type: none;
  margin-left: 0;
  overflow-wrap: break-word;
}
.prompt-studio-sources__desc {
  font-weight: 500;
}
.prompt-studio-response-tile {
  padding: 8px;
}
.prompt-studio-response-tile pre {
  margin: 0px;
  font-size: 11px;
  padding: 4px;
  border-radius: 0;
  font-family: 'SourceSansPro';
}
.prompt-studio-response-tile pre.invalid-answer {
  color: #ce1228;
  background-color: #f9e3e5;
}
.prompt-studio-prompt-definition-inputs-form input[type="text"] {
  font-family: 'SourceSansPro';
  font-weight: 400;
  font-size: 13px;
  display: inline-block;
  color: #333333;
  box-sizing: border-box;
  line-height: 24px;
  height: 26px;
  margin: 0;
  padding: 0 4px;
  vertical-align: middle;
  border-radius: 0;
}
.prompt-tile__title {
  font-weight: 400;
  margin: 0 0 4px 0;
}
.prompt-tile__subtitle,
.prompt-response-summary {
  color: #666666;
  font-weight: 400;
  font-size: 11px;
  line-height: 13px;
  margin: 8px 0 0;
}
.prompt-history-modal .empty-list-cta {
  margin: 64px auto;
  display: flex;
  align-items: center;
  justify-content: center;
}
.prompt-history-modal .empty-list-cta h1 {
  margin-bottom: 0;
}
.prompt-history {
  display: flex;
  max-height: 500px;
  border-bottom: 1px solid #dddddd;
}
.prompt-history__active-run {
  flex: 1;
  padding: 8px 16px;
  overflow: auto;
}
.prompt-history__prompt {
  padding: 8px 0;
  clear: both;
}
.prompt-history-prompt__textarea {
  padding: 8px;
  margin-bottom: 0;
  border: 1px solid #dddddd;
}
.prompt-history__response {
  padding: 8px 0;
}
.prompt-studio-comparison-table {
  width: 100%;
  text-align: left;
  border-style: hidden hidden dotted hidden;
  border-width: 1px;
  color: #222222;
}
.prompt-studio-comparison-table td {
  font-size: 11px;
  vertical-align: top;
}
.prompt-studio-comparison-table td,
.prompt-studio-comparison-table th {
  border: 2px dotted #bbbbbb;
  padding: 16px;
}
.prompt-studio-comparison-table th {
  border-top: 0;
}
.prompt-studio-comparison-table__title {
  margin: 0 32px 0 0;
  font-size: 16px;
  font-weight: 500;
}
.prompt-studio-comparison-table th.prompt-studio-comparison-table__input-row-header {
  border-top-style: hidden;
  border-left-style: hidden;
  vertical-align: bottom;
  font-size: 11px;
}
.prompt-studio-comparison-table__sources {
  display: block;
}
.prompt-studio-comparison-table__sources .prompt-studio-sources {
  padding: 16px;
}
.raw-prompt-modal__role {
  flex: 0 0 60px;
  margin-right: 24px;
  font-weight: 500;
}
.raw-prompt-modal__text {
  font-family: 'Lucida Console', monospace;
  color: #666666;
  padding: 0;
  margin-bottom: 0;
  border-radius: 0;
  border: 0;
  background-color: inherit;
}
.prompt-image {
  height: 34px;
  max-width: 60px;
  overflow: hidden;
  display: inline-block;
  margin-right: 8px;
}
.prompt-image--extra {
  width: 34px;
  color: #666666;
  background-color: #f2f2f2;
  display: inline-flex;
  vertical-align: top;
  align-items: center;
  justify-content: center;
}
.prompt-image__image {
  max-height: 34px;
}
.prompt-image-container {
  height: 100%;
  position: relative;
}
.prompt-image-container__hover {
  cursor: pointer;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}
.prompt-image-popover .popover-content {
  padding: 8px;
}
.prompt-image-popover__image {
  max-width: 500px;
  max-height: 300px;
}
.prompt-images--large .prompt-image {
  height: 72px;
  max-width: 112px;
}
.prompt-image-container--large .prompt-image__image {
  max-height: 72px;
}
.prompt-image-popover__image--large {
  max-width: 750px;
  max-height: 450px;
}
.prompt-image-modal {
  width: 900px;
  height: 80vh;
}
.prompt-image-modal--large {
  width: 1000px;
  height: 90vh;
}
.prompt-image-modal__header {
  flex-shrink: 0;
}
.prompt-image-modal__body {
  height: 100%;
}
.prompt-image-modal__image-container {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100%;
  width: 100%;
}
.prompt-image-modal__image-container--scrollable {
  height: auto;
}
.prompt-image-modal__image-container .prompt-image-container {
  display: flex;
  align-items: center;
}
.prompt-image-modal__image {
  max-height: 100%;
}
.prompt-image-help {
  color: #2d86fb;
  font-size: 12px;
  display: flex;
  align-items: center;
  cursor: pointer;
}
.prompt-image-help-popover {
  width: 450px;
}
.prompt-studio-chat-system-message {
  height: 57px;
}
.prompt-studio-chat-system-message__wrapper {
  max-width: 792px;
  width: 100%;
  position: absolute;
  left: 0;
  right: 0;
  z-index: 1;
  margin: 0 auto;
  line-height: 25px;
  background-color: #ffffff;
  border-radius: 4px;
  border-style: solid;
  border-color: #dddddd;
  border-width: 1px;
  min-height: 20px;
  display: flex;
  align-items: center;
  cursor: pointer;
}
.prompt-studio-chat-system-message__title {
  display: flex;
  justify-content: space-between;
  font-weight: 500;
  padding: 16px;
  font-size: 16px;
}
.prompt-studio-chat-system-message__content {
  padding: 0 16px 16px;
}
.prompt-chat-container {
  gap: 16px;
  font-size: 16px;
  line-height: 25px;
}
.prompt-chat {
  display: flex;
  flex-direction: column;
}
.prompt-chat .empty-list-cta {
  margin: 64px auto 0px;
}
.prompt-chat__messages {
  max-width: 832px;
  box-sizing: border-box;
  margin: auto auto 0;
  padding: 0 16px;
  width: 100%;
  word-break: break-word;
}
.prompt-chat__messages > :first-child {
  margin-top: 8px;
}
.prompt-chat__message {
  display: flex;
  flex-direction: column;
  padding: 0 0 16px;
  width: 100%;
}
.prompt-chat__message p {
  margin: 8px 0;
}
.prompt-chat__message-action {
  opacity: 0;
  transition: opacity 0.2s ease-in-out;
}
.prompt-chat__message-action.disabled {
  cursor: not-allowed;
}
.prompt-chat__message:hover .prompt-chat__message-action,
.prompt-chat__message-actions--show .prompt-chat__message-action {
  opacity: 1;
}
.prompt-chat__validation_passed {
  color: #388e3c;
  display: flex;
  gap: 4px;
}
.prompt-chat__validation_failed {
  color: #c20d1e;
  gap: 4px;
  display: flex;
}
.prompt-chat__setting-wrapper {
  box-sizing: border-box;
  margin-bottom: 8px;
  width: 100%;
  margin: 0 auto;
}
.prompt-chat__setting {
  display: flex;
  flex-direction: column;
  background: #f2f2f2;
  padding: 8px;
  border-radius: 4px;
  width: 80%;
  margin: 0 auto 8px;
}
.prompt-chat__setting--open {
  width: auto;
}
.prompt-chat__setting-title {
  color: #666666;
  display: flex;
  gap: 8px;
  width: 100%;
  justify-content: center;
  cursor: pointer;
}
.prompt-chat__output-text > :first-child {
  margin-top: 0;
}
.prompt-chat__output-text > :last-child {
  margin-bottom: 0;
}
.prompt-chat__user-message {
  display: flex;
  align-self: flex-end;
  text-align: end;
  background: #dddddd;
  padding: 8px;
  box-sizing: border-box;
  overflow-wrap: break-word;
  max-width: 100%;
  position: relative;
  text-align: left;
  border-radius: 4px;
}
.prompt-chat__user-message--editing {
  width: 100%;
}
.prompt-chat__user-message--editing .prompt-chat__textarea {
  line-height: 25px;
}
.prompt-chat__user-message-output {
  white-space: pre-wrap;
}
.prompt-chat__assistant-message {
  display: flex;
  padding: 8px;
  box-sizing: border-box;
  border-radius: 4px;
}
.prompt-chat__assistant-message--valid {
  background: #ffffff;
}
.prompt-chat__assistant-message--invalid {
  background: #f9e3e5;
  color: #bc0a18;
  margin-bottom: 8px;
}
.prompt-chat__sources {
  display: block;
  margin-top: 8px;
}
.prompt-chat__sources .prompt-studio-sources {
  padding: 8px 0 0;
}
.prompt-chat__message-actions {
  display: flex;
  gap: 16px;
  align-items: center;
}
.prompt-chat__message-actions--user {
  justify-content: flex-end;
  margin-top: 8px;
}
.prompt-chat__message-actions--assistant {
  margin-left: 32px;
}
.prompt-chat__message-copy {
  display: flex;
  color: #333333;
}
.prompt-chat-branch-switch {
  display: flex;
}
.prompt-chat__switch-version,
.prompt-chat-branch-switch__control {
  padding: 0 8px;
  cursor: pointer;
}
.prompt-chat__switch-version.disabled,
.prompt-chat-branch-switch__control.disabled {
  cursor: auto;
}
.prompt-chat__output {
  padding: 0;
}
.prompt-chat__entry {
  max-width: 832px;
  width: 100%;
  box-sizing: border-box;
  margin: 0 auto;
  border-radius: 21px;
  display: flex;
  background-color: #f2f2f2;
  padding: 16px;
  border: 16px solid #ffffff;
  word-break: break-word;
}
.prompt-chat__entry.disabled .prompt-chat__submit-btn {
  opacity: 0.5;
  cursor: not-allowed;
  color: #cccccc;
}
.prompt-chat__submit-btn.disabled {
  opacity: 0.5;
  cursor: not-allowed;
  color: #666666;
}
.prompt-chat__textarea-wrap {
  flex: 1;
  margin-right: 16px;
}
.prompt-chat__textarea {
  background: transparent;
  margin: 0;
  font-size: 16px;
  padding-top: 0.5em;
  padding-bottom: 0.5em;
  line-height: 1.5;
}
.prompt-chat__textarea.disabled {
  background-color: #f2f2f2;
}
.prompt-chat__textarea:disabled::placeholder {
  color: #cccccc;
}
.prompt-chat__textarea,
.prompt-chat__textarea-wrap::after {
  max-height: 160px;
  width: 100%;
  padding: 0;
}
.prompt-chat__icon {
  width: 24px;
  height: 24px;
  border-radius: 20px;
  margin-right: 8px;
  flex: 0 0 auto;
  display: flex;
  align-items: center;
  justify-content: center;
}
.prompt-chat_error-message {
  text-align: center;
  color: #666666;
  padding-top: 16px;
}
.introjs-helperLayer.introjs-helperLayer {
  box-sizing: border-box;
  border: 2px solid white;
}
.introjs-tooltipReferenceLayer.introjs-tooltipReferenceLayer {
  visibility: visible;
}
.introjs-tooltipReferenceLayer.introjs-tooltipReferenceLayer * {
  font-family: 'SourceSansPro';
}
.introjs-tooltipReferenceLayer .introjs-tooltip {
  max-width: none;
  font-size: 14px;
  border-radius: 0;
}
.introjs-tooltipReferenceLayer .introjs-tooltip-header {
  display: flex;
  align-items: center;
}
.introjs-tooltipReferenceLayer .introjs-tooltip-title {
  text-wrap: nowrap;
  margin-right: 16px;
  font-size: 18px;
  width: 100%;
}
.introjs-tooltipReferenceLayer .introjs-tooltipbuttons {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  border: none;
  padding: 10px 20px;
}
.introjs-tooltipReferenceLayer .introjs-tooltipbuttons > * {
  margin-inline-start: 0 !important;
}
.introjs-tooltipReferenceLayer .introjs-tooltipbuttons > * + * {
  margin-inline-start: 8px !important;
}
.introjs-tooltipReferenceLayer .introjs-tooltipbuttons .children-horizontal-spacing-exception + * {
  margin-block-start: 0 !important;
}
.introjs-tooltipReferenceLayer .introjs-tooltipbuttons .btn {
  font-size: 15px;
}
.introjs-tooltipReferenceLayer .introjs-stepNumber {
  flex: 1 1 auto;
  text-align: left;
  color: #bbbbbb;
}
.introjs-tooltipReferenceLayer .introjs-prevbutton {
  display: none;
}
.introjs-tooltipReferenceLayer .introjs-skipbutton {
  position: relative;
  font-family: 'dku-icons';
  width: 20px;
}
.introjs-tooltipReferenceLayer.introjs-tooltipReferenceLayer {
  z-index: 3003;
}
.introjs-showElement.introjs-showElement {
  z-index: 3004 !important;
}
.introjs-overlay.introjs-overlay,
.introjs-helperLayer.introjs-helperLayer,
.introjs-disableInteraction.introjs-disableInteraction {
  z-index: 3003;
}
.cost-limiting--modal {
  width: 900px;
}
.cost-limiting--modal div.modal-body {
  min-height: 430px;
}
.cost-limiting--modal h2 {
  margin: 20px 0 0 0;
}
.cost-limiting--modal .alerting-thresholds input.editable-list__input[type=number] {
  width: 55px;
}
.cost-limiting--modal .alerting-thresholds span.alerting-thresholds--computed-amount {
  font-weight: bold;
  font-style: italic;
  color: #4a4a4a;
}
.cost-limiting--modal .control-group label.control-label {
  width: 120px;
}
.cost-limiting--modal .control-group div.controls {
  margin-left: 130px;
}
.cost-limiting--modal div.help-inline {
  height: 26px;
}
.cost-limiting--threshold-help-message {
  width: 180px;
}
.cost-limiting--modal-id {
  margin: 10px 10px 0 0;
  color: #888;
}
.cost-limiting--modal-id span,
.cost-limiting--modal-id a {
  display: inline-block;
  vertical-align: middle;
}
.cost-limiting--modal-id strong {
  font-weight: lighter;
}
.cost-limiting--action {
  text-decoration: none;
  margin: 0 5px;
}
.cost-limiting--block-status-icon {
  margin-right: 10px;
}
a.cost-limiting--action:hover {
  text-decoration: none;
}
table.cost-limiting {
  table-layout: fixed;
  margin-bottom: 0;
  width: 100%;
}
table.cost-limiting td {
  vertical-align: middle;
}
table.cost-limiting th.small {
  width: 7%;
}
table.cost-limiting th.large {
  width: 14%;
}
table.cost-limiting th.actions {
  width: 100px;
}
table.cost-limiting th.checkbox-label-width {
  width: 40px;
  padding: 0;
}
table.cost-limiting tr.disabled {
  color: #AAA;
}
.cost-limiting--pointer {
  cursor: pointer;
}
.cost-limiting .bz-gauge {
  background-color: #DDD;
  border-style: none;
  margin-right: 36px;
}
.cost-limiting div.mercury.gauge--success {
  background-color: #4caf50;
}
.cost-limiting div.mercury.gauge--warning {
  background-color: #f28c37;
}
.cost-limiting div.mercury.gauge--error {
  background-color: #ce1228;
}
.cost-limiting div.mercury.gauge--disabled {
  background-color: #999999;
}
.cost-limiting div.gauge--text {
  display: flex;
  justify-content: space-between;
  margin-right: 36px;
}
.cost-limiting div.gauge--text.gauge--success {
  color: #4caf50;
}
.cost-limiting div.gauge--text.gauge--warning {
  color: #f28c37;
}
.cost-limiting div.gauge--text.gauge--error {
  color: #ce1228;
}
.cost-limiting div.gauge--text.gauge--disabled {
  color: #999999;
}
.cost-limiting--thresholds {
  display: inline-block;
  vertical-align: middle;
}
table.rate-limiting {
  table-layout: fixed;
  margin-bottom: 0;
  width: 100%;
}
table.rate-limiting tbody {
  border-top-width: 1px;
}
table.rate-limiting td {
  vertical-align: middle;
}
table.rate-limiting th.rate-limiting--provider {
  cursor: pointer;
}
table.rate-limiting td.model {
  padding-left: 24px;
}
table.rate-limiting th.small {
  width: 12%;
}
table.rate-limiting th.large {
  width: 24%;
}
table.rate-limiting th.checkbox-label-width {
  width: 40px;
  padding: 0;
}
table.rate-limiting input[type=number] {
  width: 85%;
}
table.rate-limiting input[type=checkbox] {
  margin-bottom: 4px;
}
.help-inline.retrievable-knowledge-settings__diversity-factor--help-inline {
  display: flex;
  justify-content: space-between;
  padding-left: 0;
}
.guardrail-section {
  padding-top: 16px;
}
.guardrail-section .mright4 {
  margin-left: 10px;
  margin-top: 2px;
}
.guardrail-section .dku-toggle {
  margin-left: 0px;
}
.guardrail-action-control {
  padding-top: 8px;
}
.retrievable-knowledge-core-settings_form .control-group .controls input[type=text] {
  width: 250px;
}
.retrievable-knowledge-core-settings_form .control-group .controls .ng-select {
  --dku-ng-select-max-width: 250px;
  --dku-ng-select-width: 250px;
}
.retrieval-augmented-llm-type_icon {
  margin: 8px;
  color: #d66f9e;
}
.retrieval-augmented-llm-create_btn {
  align-self: center;
}
.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%;
}
.sort-box-menu__connection-type-list {
  max-height: 400px;
  overflow-y: auto;
}
.cluster-wrapper__connection-new-item {
  justify-content: flex-end;
}
.add-model-filters {
  display: flex;
  gap: 8px;
  padding: 8px 16px;
  background-color: #f2f2f2;
  border-bottom: 1px solid #dddddd;
}
.add-model-filters .bootstrap-select.bootstrap-select.bootstrap-select.bootstrap-select.bootstrap-select.bootstrap-select {
  width: auto;
}
.add-model-filters .dku-select-button {
  background-color: #f2f2f2;
  font-size: 14px;
}
.add-model-filters .dku-select-button:focus {
  box-shadow: none;
}
.add-model-selector {
  display: flex;
  height: 450px;
}
.add-model-selector__cards {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
  grid-auto-rows: 80px;
  gap: 8px;
  flex: 2;
  overflow: auto;
  padding: 16px;
}
.add-model-selector__card {
  border: 1px solid #dddddd;
  padding: 5px;
  margin: 8px 10px;
  margin: 0;
  padding: 8px;
}
.add-model-selector__card:not(.selectable):not(.hoverable) {
  color: #cccccc;
}
.add-model-selector__card:not(.selectable):not(.hoverable) img {
  opacity: .25;
}
.add-model-selector__card.selectable:hover {
  cursor: pointer;
  background-color: #f2f2f2;
}
.add-model-selector__card.selected,
.add-model-selector__card.selected:hover {
  border-color: #3b99fc;
  background-color: #ffffff;
}
.add-model-selector__card i:not(.universe-color):not(.icon-trash):not([class*="dku-icon-trash-"]):not(.illustration):not('.selector-item__icon--has-color') {
  color: #666666;
}
.add-model-selector__card .selection-indicator {
  display: inline-block;
  width: 20px;
  max-height: 20px;
  text-align: center;
}
.add-model-selector__card .selection-indicator i {
  color: #3b99fc;
}
.add-model-selector__card .selectable-item__icon {
  display: inline-block;
  width: 20px;
  text-align: center;
  color: #cccccc;
}
.add-model-selector__card .selectable-item__title {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  color: #222222;
  font-weight: 500;
  max-width: 90%;
}
.add-model-selector__card .selectable-item__description {
  font-weight: 400;
}
.add-model-selector__card-title {
  flex: 1;
  margin: 0 4px 4px 0;
  font-weight: 500;
}
.add-model-selector__card-subtitle {
  color: #666666;
}
.add-model-selector__selected {
  flex: 1;
  padding: 16px;
  overflow: auto;
  border-left: 1px solid #dddddd;
}
.add-model-selector__selected-header {
  font-weight: 500;
  margin-top: 0;
}
.add-model-selector__no-selection {
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  font-weight: 400;
  font-size: 16px;
  line-height: 20px;
  color: #222222;
  color: #bbbbbb;
}
.add-model-selector__no-selection > * {
  margin-block: 0 !important;
}
.add-model-selector__no-selection > * + * {
  margin-block-start: 16px !important;
}
.add-model-selector__no-selection .children-vertical-spacing-exception + * {
  margin-block-start: 0 !important;
}
.prompt-injection-detection__textarea-container {
  width: 100%;
  resize: vertical;
  min-height: 55px;
}
@-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;
}
.scroll-content {
  max-height: 100%;
  overflow: auto;
  padding-bottom: 8px;
}
.change-python-modal .package-update-list-container .CodeMirror,
.change-python-modal .package-update-list-container .CodeMirror-scroll {
  height: 220px !important;
}
.additional-package-modal .additional-package-list-container .CodeMirror,
.additional-package-modal .additional-package-list-container .CodeMirror-scroll {
  height: 220px !important;
}
.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 {
  padding: 10px;
}
.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-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 .code-studio {
  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 .dkuform-horizontal-controls-full-width .control-group .controls div.default-projects-form__peruser {
  display: flex;
  align-self: center;
}
.theme-settings .dkuform-horizontal-controls-full-width .control-group .controls div.default-projects-form__peruser input[type="checkbox"] {
  margin-right: 8px;
}
.theme-settings .project-status-form span.status-color {
  margin: 6px 4px auto 0px;
}
.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;
}
.dkuform-horizontal .control-group .controls.global-tag-category-form .global-tag-category-input.global-tag-category-input__error {
  border: 1px solid #ce1228;
}
.dkuform-horizontal .control-group .filtered-paginated-list__rank-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 .filtered-paginated-list__rank-label.disabled {
  color: #999999;
}
.dkuform-horizontal .control-group .filtered-paginated-list__rank-label input[type=text],
.dkuform-horizontal .control-group .filtered-paginated-list__rank-label input[type=email],
.dkuform-horizontal .control-group .filtered-paginated-list__rank-label input[type=url],
.dkuform-horizontal .control-group .filtered-paginated-list__rank-label input[type=number],
.dkuform-horizontal .control-group .filtered-paginated-list__rank-label input[type=date],
.dkuform-horizontal .control-group .filtered-paginated-list__rank-label input[type=time],
.dkuform-horizontal .control-group .filtered-paginated-list__rank-label input[type=datetime-local],
.dkuform-horizontal .control-group .filtered-paginated-list__rank-label input[type=password],
.dkuform-horizontal .control-group .filtered-paginated-list__rank-label textarea,
.dkuform-horizontal .control-group .filtered-paginated-list__rank-label select,
.dkuform-horizontal .control-group .filtered-paginated-list__rank-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 .filtered-paginated-list__rank-label input[type=text]:focus,
.dkuform-horizontal .control-group .filtered-paginated-list__rank-label input[type=email]:focus,
.dkuform-horizontal .control-group .filtered-paginated-list__rank-label input[type=url]:focus,
.dkuform-horizontal .control-group .filtered-paginated-list__rank-label input[type=number]:focus,
.dkuform-horizontal .control-group .filtered-paginated-list__rank-label input[type=date]:focus,
.dkuform-horizontal .control-group .filtered-paginated-list__rank-label input[type=time]:focus,
.dkuform-horizontal .control-group .filtered-paginated-list__rank-label input[type=datetime-local]:focus,
.dkuform-horizontal .control-group .filtered-paginated-list__rank-label input[type=password]:focus,
.dkuform-horizontal .control-group .filtered-paginated-list__rank-label textarea:focus,
.dkuform-horizontal .control-group .filtered-paginated-list__rank-label select:focus,
.dkuform-horizontal .control-group .filtered-paginated-list__rank-label button.btn.selectpicker:focus,
.dkuform-horizontal .control-group .filtered-paginated-list__rank-label input[type=text]:hover,
.dkuform-horizontal .control-group .filtered-paginated-list__rank-label input[type=email]:hover,
.dkuform-horizontal .control-group .filtered-paginated-list__rank-label input[type=url]:hover,
.dkuform-horizontal .control-group .filtered-paginated-list__rank-label input[type=number]:hover,
.dkuform-horizontal .control-group .filtered-paginated-list__rank-label input[type=date]:hover,
.dkuform-horizontal .control-group .filtered-paginated-list__rank-label input[type=time]:hover,
.dkuform-horizontal .control-group .filtered-paginated-list__rank-label input[type=datetime-local]:hover,
.dkuform-horizontal .control-group .filtered-paginated-list__rank-label input[type=password]:hover,
.dkuform-horizontal .control-group .filtered-paginated-list__rank-label textarea:hover,
.dkuform-horizontal .control-group .filtered-paginated-list__rank-label select:hover,
.dkuform-horizontal .control-group .filtered-paginated-list__rank-label button.btn.selectpicker:hover {
  color: #333333;
}
.dkuform-horizontal .control-group .filtered-paginated-list__rank-label input[type=text]:focus,
.dkuform-horizontal .control-group .filtered-paginated-list__rank-label input[type=email]:focus,
.dkuform-horizontal .control-group .filtered-paginated-list__rank-label input[type=url]:focus,
.dkuform-horizontal .control-group .filtered-paginated-list__rank-label input[type=number]:focus,
.dkuform-horizontal .control-group .filtered-paginated-list__rank-label input[type=date]:focus,
.dkuform-horizontal .control-group .filtered-paginated-list__rank-label input[type=time]:focus,
.dkuform-horizontal .control-group .filtered-paginated-list__rank-label input[type=datetime-local]:focus,
.dkuform-horizontal .control-group .filtered-paginated-list__rank-label input[type=password]:focus,
.dkuform-horizontal .control-group .filtered-paginated-list__rank-label textarea:focus,
.dkuform-horizontal .control-group .filtered-paginated-list__rank-label select:focus,
.dkuform-horizontal .control-group .filtered-paginated-list__rank-label button.btn.selectpicker:focus {
  box-shadow: none;
  border: 1px solid #3b99fc;
}
.dkuform-horizontal .control-group .filtered-paginated-list__rank-label input[type=text].ng-dirty.ng-invalid,
.dkuform-horizontal .control-group .filtered-paginated-list__rank-label input[type=email].ng-dirty.ng-invalid,
.dkuform-horizontal .control-group .filtered-paginated-list__rank-label input[type=url].ng-dirty.ng-invalid,
.dkuform-horizontal .control-group .filtered-paginated-list__rank-label input[type=number].ng-dirty.ng-invalid,
.dkuform-horizontal .control-group .filtered-paginated-list__rank-label input[type=date].ng-dirty.ng-invalid,
.dkuform-horizontal .control-group .filtered-paginated-list__rank-label input[type=time].ng-dirty.ng-invalid,
.dkuform-horizontal .control-group .filtered-paginated-list__rank-label input[type=datetime-local].ng-dirty.ng-invalid,
.dkuform-horizontal .control-group .filtered-paginated-list__rank-label input[type=password].ng-dirty.ng-invalid,
.dkuform-horizontal .control-group .filtered-paginated-list__rank-label textarea.ng-dirty.ng-invalid,
.dkuform-horizontal .control-group .filtered-paginated-list__rank-label select.ng-dirty.ng-invalid,
.dkuform-horizontal .control-group .filtered-paginated-list__rank-label button.btn.selectpicker.ng-dirty.ng-invalid {
  border: 1px solid #ce1228;
}
.dkuform-horizontal .control-group .filtered-paginated-list__rank-label input[type=text].invalid-ignores-dirty.ng-invalid,
.dkuform-horizontal .control-group .filtered-paginated-list__rank-label input[type=email].invalid-ignores-dirty.ng-invalid,
.dkuform-horizontal .control-group .filtered-paginated-list__rank-label input[type=url].invalid-ignores-dirty.ng-invalid,
.dkuform-horizontal .control-group .filtered-paginated-list__rank-label input[type=number].invalid-ignores-dirty.ng-invalid,
.dkuform-horizontal .control-group .filtered-paginated-list__rank-label input[type=date].invalid-ignores-dirty.ng-invalid,
.dkuform-horizontal .control-group .filtered-paginated-list__rank-label input[type=time].invalid-ignores-dirty.ng-invalid,
.dkuform-horizontal .control-group .filtered-paginated-list__rank-label input[type=datetime-local].invalid-ignores-dirty.ng-invalid,
.dkuform-horizontal .control-group .filtered-paginated-list__rank-label input[type=password].invalid-ignores-dirty.ng-invalid,
.dkuform-horizontal .control-group .filtered-paginated-list__rank-label textarea.invalid-ignores-dirty.ng-invalid,
.dkuform-horizontal .control-group .filtered-paginated-list__rank-label select.invalid-ignores-dirty.ng-invalid,
.dkuform-horizontal .control-group .filtered-paginated-list__rank-label button.btn.selectpicker.invalid-ignores-dirty.ng-invalid,
.invalid-ignores-dirty .dkuform-horizontal .control-group .filtered-paginated-list__rank-label input[type=text].ng-invalid,
.invalid-ignores-dirty .dkuform-horizontal .control-group .filtered-paginated-list__rank-label input[type=email].ng-invalid,
.invalid-ignores-dirty .dkuform-horizontal .control-group .filtered-paginated-list__rank-label input[type=url].ng-invalid,
.invalid-ignores-dirty .dkuform-horizontal .control-group .filtered-paginated-list__rank-label input[type=number].ng-invalid,
.invalid-ignores-dirty .dkuform-horizontal .control-group .filtered-paginated-list__rank-label input[type=date].ng-invalid,
.invalid-ignores-dirty .dkuform-horizontal .control-group .filtered-paginated-list__rank-label input[type=time].ng-invalid,
.invalid-ignores-dirty .dkuform-horizontal .control-group .filtered-paginated-list__rank-label input[type=datetime-local].ng-invalid,
.invalid-ignores-dirty .dkuform-horizontal .control-group .filtered-paginated-list__rank-label input[type=password].ng-invalid,
.invalid-ignores-dirty .dkuform-horizontal .control-group .filtered-paginated-list__rank-label textarea.ng-invalid,
.invalid-ignores-dirty .dkuform-horizontal .control-group .filtered-paginated-list__rank-label select.ng-invalid,
.invalid-ignores-dirty .dkuform-horizontal .control-group .filtered-paginated-list__rank-label button.btn.selectpicker.ng-invalid {
  border: 1px solid #ce1228;
}
.dkuform-horizontal .control-group .filtered-paginated-list__rank-label button.btn.selectpicker {
  line-height: 16px;
  padding: 1px 20px 1px 4px;
  background-color: #ffffff;
}
.dkuform-horizontal .control-group .filtered-paginated-list__rank-label button.btn.selectpicker:hover {
  background-color: #f2f2f2;
}
.dkuform-horizontal .control-group .filtered-paginated-list__rank-label button.btn.selectpicker.none-selected-text .filter-option {
  color: var(--dku-select-placeholder-color, #999999);
}
.dkuform-horizontal .control-group .filtered-paginated-list__rank-label button.btn.selectpicker.none-selected-text .filter-option::before {
  content: var(--dku-select-placeholder-emphasis--before, '- ');
}
.dkuform-horizontal .control-group .filtered-paginated-list__rank-label button.btn.selectpicker.none-selected-text .filter-option::after {
  content: var(--dku-select-placeholder-emphasis--after, ' -');
}
.dkuform-horizontal .control-group .filtered-paginated-list__rank-label button.btn.selectpicker.disabled.none-selected-text .filter-option {
  color: #cccccc;
}
.dkuform-horizontal .control-group .filtered-paginated-list__rank-label button.btn.selectpicker.disabled {
  background-color: #f2f2f2;
}
.dkuform-horizontal .control-group .filtered-paginated-list__rank-label button.btn.selectpicker.disabled:hover {
  background-color: #f2f2f2;
}
.dkuform-horizontal .control-group .filtered-paginated-list__rank-label button.btn.selectpicker.disabled:focus {
  border: 1px #bbbbbb solid;
}
.dkuform-horizontal .control-group .filtered-paginated-list__rank-label input[type=checkbox],
.dkuform-horizontal .control-group .filtered-paginated-list__rank-label input[type=radio] {
  margin: 0 5px 0 0;
  float: none;
}
.dkuform-horizontal .control-group .filtered-paginated-list__rank-label input[type=radio] {
  position: relative;
  top: -1px;
}
.dkuform-horizontal .control-group .filtered-paginated-list__rank-label input:focus {
  border: 1px #31708f solid;
}
.dkuform-horizontal .control-group .filtered-paginated-list__rank-label input.ng-invalid-dataset-name-unique {
  border-color: #d53648;
}
.dkuform-horizontal .control-group .filtered-paginated-list__rank-label textarea {
  line-height: 14px;
  height: auto;
  padding: 4px 4px;
}
.dkuform-horizontal .control-group .filtered-paginated-list__rank-label a:hover {
  text-decoration: none;
}
.dkuform-horizontal .control-group .filtered-paginated-list__rank-label a:focus {
  outline: none;
}
.dkuform-horizontal .control-group .filtered-paginated-list__rank-label .alert {
  border-radius: 0;
}
.dkuform-horizontal .control-group .filtered-paginated-list__rank-label input[type="date"]::-webkit-clear-button {
  /* Removes the cross to clear */
  -webkit-appearance: none;
  margin: 0;
}
.dkuform-horizontal .control-group .filtered-paginated-list__control-button {
  margin-left: 8px;
}
.dkuform-horizontal .textarea--bounded-dimensions {
  width: 480px;
  min-width: 400px;
  max-width: 100%;
  height: 120px;
  min-height: 40px;
}
.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,
.help-center-support-links-settings,
.brand-colors-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),
.help-center-support-links-settings:not(.global-tags-list-section),
.brand-colors-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,
.help-center-support-links-settings .project-status-list-wrapper,
.brand-colors-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,
.help-center-support-links-settings .home-messages-list-wrapper,
.brand-colors-settings .home-messages-list-wrapper,
.project-status-settings .help-center-support-links-list-wrapper,
.global-tags-list-section .help-center-support-links-list-wrapper,
.angular-ui-tree-drag .help-center-support-links-list-wrapper,
.tags-settings.tags-settings .help-center-support-links-list-wrapper,
.apply-tags.apply-tags .help-center-support-links-list-wrapper,
.home-messages-settings .help-center-support-links-list-wrapper,
.help-center-support-links-settings .help-center-support-links-list-wrapper,
.brand-colors-settings .help-center-support-links-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,
.help-center-support-links-settings .project-status,
.brand-colors-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,
.help-center-support-links-settings .tag,
.brand-colors-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,
.help-center-support-links-settings .tag-row,
.brand-colors-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,
.help-center-support-links-settings .home-message,
.brand-colors-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,
.help-center-support-links-settings .project-status .icon-reorder,
.brand-colors-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,
.help-center-support-links-settings .tag .icon-reorder,
.brand-colors-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,
.help-center-support-links-settings .tag-row .icon-reorder,
.brand-colors-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,
.help-center-support-links-settings .home-message .icon-reorder,
.brand-colors-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,
.help-center-support-links-settings .project-status .status-title,
.brand-colors-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,
.help-center-support-links-settings .tag .status-title,
.brand-colors-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,
.help-center-support-links-settings .tag-row .status-title,
.brand-colors-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,
.help-center-support-links-settings .home-message .status-title,
.brand-colors-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,
.help-center-support-links-settings .project-status .tag-title,
.brand-colors-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,
.help-center-support-links-settings .tag .tag-title,
.brand-colors-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,
.help-center-support-links-settings .tag-row .tag-title,
.brand-colors-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,
.help-center-support-links-settings .home-message .tag-title,
.brand-colors-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,
.help-center-support-links-settings .project-status .status-color,
.brand-colors-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,
.help-center-support-links-settings .tag .status-color,
.brand-colors-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,
.help-center-support-links-settings .tag-row .status-color,
.brand-colors-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,
.help-center-support-links-settings .home-message .status-color,
.brand-colors-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,
.help-center-support-links-settings .project-status .tag-color,
.brand-colors-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,
.help-center-support-links-settings .tag .tag-color,
.brand-colors-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,
.help-center-support-links-settings .tag-row .tag-color,
.brand-colors-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,
.help-center-support-links-settings .home-message .tag-color,
.brand-colors-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,
.help-center-support-links-settings .project-status .project-status-settings-btn,
.brand-colors-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,
.help-center-support-links-settings .tag .project-status-settings-btn,
.brand-colors-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,
.help-center-support-links-settings .tag-row .project-status-settings-btn,
.brand-colors-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,
.help-center-support-links-settings .home-message .project-status-settings-btn,
.brand-colors-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,
.help-center-support-links-settings .project-status .tags-settings-btn,
.brand-colors-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,
.help-center-support-links-settings .tag .tags-settings-btn,
.brand-colors-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,
.help-center-support-links-settings .tag-row .tags-settings-btn,
.brand-colors-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,
.help-center-support-links-settings .home-message .tags-settings-btn,
.brand-colors-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,
.help-center-support-links-settings .project-status .home-message-settings-btn,
.brand-colors-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,
.help-center-support-links-settings .tag .home-message-settings-btn,
.brand-colors-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,
.help-center-support-links-settings .tag-row .home-message-settings-btn,
.brand-colors-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,
.help-center-support-links-settings .home-message .home-message-settings-btn,
.brand-colors-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,
.help-center-support-links-settings .project-status .project-status-settings-btn:hover,
.brand-colors-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,
.help-center-support-links-settings .tag .project-status-settings-btn:hover,
.brand-colors-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,
.help-center-support-links-settings .tag-row .project-status-settings-btn:hover,
.brand-colors-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,
.help-center-support-links-settings .home-message .project-status-settings-btn:hover,
.brand-colors-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,
.help-center-support-links-settings .project-status .tags-settings-btn:hover,
.brand-colors-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,
.help-center-support-links-settings .tag .tags-settings-btn:hover,
.brand-colors-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,
.help-center-support-links-settings .tag-row .tags-settings-btn:hover,
.brand-colors-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,
.help-center-support-links-settings .home-message .tags-settings-btn:hover,
.brand-colors-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,
.help-center-support-links-settings .project-status .home-message-settings-btn:hover,
.brand-colors-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,
.help-center-support-links-settings .tag .home-message-settings-btn:hover,
.brand-colors-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,
.help-center-support-links-settings .tag-row .home-message-settings-btn:hover,
.brand-colors-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,
.help-center-support-links-settings .home-message .home-message-settings-btn:hover,
.brand-colors-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],
.help-center-support-links-settings .project-status-form input[type=text],
.brand-colors-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],
.help-center-support-links-settings .global-tags-editable-list input[type=text],
.brand-colors-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,
.help-center-support-links-settings .project-status-form input[type=text].has-error:focus,
.brand-colors-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,
.help-center-support-links-settings .global-tags-editable-list input[type=text].has-error:focus,
.brand-colors-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 > *,
.help-center-support-links-settings .project-status > *,
.brand-colors-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 > *,
.help-center-support-links-settings .tag > *,
.brand-colors-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 > *,
.help-center-support-links-settings .home-message > *,
.brand-colors-settings .home-message > *,
.project-status-settings .help-center-support-link > *,
.global-tags-list-section .help-center-support-link > *,
.angular-ui-tree-drag .help-center-support-link > *,
.tags-settings.tags-settings .help-center-support-link > *,
.apply-tags.apply-tags .help-center-support-link > *,
.home-messages-settings .help-center-support-link > *,
.help-center-support-links-settings .help-center-support-link > *,
.brand-colors-settings .help-center-support-link > * {
  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,
.help-center-support-links-settings .project-status .status-index,
.brand-colors-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,
.help-center-support-links-settings .tag .status-index,
.brand-colors-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,
.help-center-support-links-settings .home-message .status-index,
.brand-colors-settings .home-message .status-index,
.project-status-settings .help-center-support-link .status-index,
.global-tags-list-section .help-center-support-link .status-index,
.angular-ui-tree-drag .help-center-support-link .status-index,
.tags-settings.tags-settings .help-center-support-link .status-index,
.apply-tags.apply-tags .help-center-support-link .status-index,
.home-messages-settings .help-center-support-link .status-index,
.help-center-support-links-settings .help-center-support-link .status-index,
.brand-colors-settings .help-center-support-link .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,
.help-center-support-links-settings .project-status .project-status-settings-btn,
.brand-colors-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,
.help-center-support-links-settings .tag .project-status-settings-btn,
.brand-colors-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,
.help-center-support-links-settings .home-message .project-status-settings-btn,
.brand-colors-settings .home-message .project-status-settings-btn,
.project-status-settings .help-center-support-link .project-status-settings-btn,
.global-tags-list-section .help-center-support-link .project-status-settings-btn,
.angular-ui-tree-drag .help-center-support-link .project-status-settings-btn,
.tags-settings.tags-settings .help-center-support-link .project-status-settings-btn,
.apply-tags.apply-tags .help-center-support-link .project-status-settings-btn,
.home-messages-settings .help-center-support-link .project-status-settings-btn,
.help-center-support-links-settings .help-center-support-link .project-status-settings-btn,
.brand-colors-settings .help-center-support-link .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,
.help-center-support-links-settings .project-status .tags-settings-btn,
.brand-colors-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,
.help-center-support-links-settings .tag .tags-settings-btn,
.brand-colors-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,
.help-center-support-links-settings .home-message .tags-settings-btn,
.brand-colors-settings .home-message .tags-settings-btn,
.project-status-settings .help-center-support-link .tags-settings-btn,
.global-tags-list-section .help-center-support-link .tags-settings-btn,
.angular-ui-tree-drag .help-center-support-link .tags-settings-btn,
.tags-settings.tags-settings .help-center-support-link .tags-settings-btn,
.apply-tags.apply-tags .help-center-support-link .tags-settings-btn,
.home-messages-settings .help-center-support-link .tags-settings-btn,
.help-center-support-links-settings .help-center-support-link .tags-settings-btn,
.brand-colors-settings .help-center-support-link .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,
.help-center-support-links-settings .project-status .home-message-settings-btn,
.brand-colors-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,
.help-center-support-links-settings .tag .home-message-settings-btn,
.brand-colors-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,
.help-center-support-links-settings .home-message .home-message-settings-btn,
.brand-colors-settings .home-message .home-message-settings-btn,
.project-status-settings .help-center-support-link .home-message-settings-btn,
.global-tags-list-section .help-center-support-link .home-message-settings-btn,
.angular-ui-tree-drag .help-center-support-link .home-message-settings-btn,
.tags-settings.tags-settings .help-center-support-link .home-message-settings-btn,
.apply-tags.apply-tags .help-center-support-link .home-message-settings-btn,
.home-messages-settings .help-center-support-link .home-message-settings-btn,
.help-center-support-links-settings .help-center-support-link .home-message-settings-btn,
.brand-colors-settings .help-center-support-link .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,
.help-center-support-links-settings .no-tag-yet,
.brand-colors-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,
.help-center-support-links-settings .no-tag-yet p,
.brand-colors-settings .no-tag-yet p {
  position: relative;
  top: 50%;
  transform: translate(0, -50%);
  font-family: 'SourceSansPro';
  font-size: 18px;
  font-weight: 400;
  color: #666666;
  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,
.help-center-support-links-settings .no-project-status-yet p,
.brand-colors-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,
.help-center-support-links-settings .no-global-tags-yet p,
.brand-colors-settings .no-global-tags-yet p,
.project-status-settings .no-brand-color-yet p,
.global-tags-list-section .no-brand-color-yet p,
.angular-ui-tree-drag .no-brand-color-yet p,
.tags-settings.tags-settings .no-brand-color-yet p,
.apply-tags.apply-tags .no-brand-color-yet p,
.home-messages-settings .no-brand-color-yet p,
.help-center-support-links-settings .no-brand-color-yet p,
.brand-colors-settings .no-brand-color-yet p {
  font-size: 16px;
  font-weight: 400;
  color: #666666;
}
.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,
.help-center-support-link {
  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,
.help-center-support-link span.status-color,
.tags-settings.tags-settings .tag-row .tag-color,
.apply-tags.apply-tags .tag-row .tag-color,
.home-message .tag-color,
.help-center-support-link .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,
.help-center-support-link .status-title,
.tags-settings.tags-settings .tag-row .tag-title,
.apply-tags.apply-tags .tag-row .tag-title,
.home-message .tag-title,
.help-center-support-link .tag-title,
.tags-settings.tags-settings .tag-row .message-title,
.apply-tags.apply-tags .tag-row .message-title,
.home-message .message-title,
.help-center-support-link .message-title {
  font-weight: 600;
  line-height: 14px;
}
.project-status-form span.status-color,
.global-tags-editable-list.global-tags-editable-list span.status-color,
.project-status-form .tag-color,
.global-tags-editable-list.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.global-tags-editable-list span.status-color .icon-tint,
.project-status-form .tag-color .icon-tint,
.global-tags-editable-list.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.global-tags-editable-list span.status-color:hover .icon-tint,
.project-status-form .tag-color:hover .icon-tint,
.global-tags-editable-list.global-tags-editable-list .tag-color:hover .icon-tint {
  color: #f2f2f2;
}
.project-status-form .status-title,
.global-tags-editable-list.global-tags-editable-list .status-title,
.project-status-form .tag-title,
.global-tags-editable-list.global-tags-editable-list .tag-title,
.project-status-form .message-title,
.global-tags-editable-list.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;
}
.editable-list__item .status-title {
  line-height: inherit;
}
.editable-list__drag-icon.angular-ui-tree-handle {
  font-weight: normal;
}
.project-status-settings .project-status--add {
  padding-top: 16px;
  padding-left: 36px;
}
.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-homepage-promoted-content-yet p,
.no-home-page-article-yet p {
  font-size: 16px;
  font-weight: 400;
  color: #666666;
}
.homepage-promoted-content__list {
  max-width: 800px;
  --dku-ng-select-width: 280px;
  --dku-ng-select-max-width: 280px;
}
.homepage-promoted-content__list .bootstrap-select.bootstrap-select.bootstrap-select.bootstrap-select.bootstrap-select.bootstrap-select {
  width: 150px;
}
.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;
}
.recommended-banner-settings__must-read-links {
  display: flex;
  align-items: start;
}
.recommended-banner-settings__must-read-links .must-read-link {
  display: flex;
  align-items: flex-start;
}
.recommended-banner-settings__must-read-links .must-read-link .must-read-link-url {
  width: 400px;
  margin-left: 10px;
}
.recommended-banner-settings__must-read-links .help-inline {
  margin-left: 8px;
  margin-top: 4px;
}
.recommended-banner-settings__welcome-message {
  display: flex;
  align-items: start;
}
.recommended-banner-settings__welcome-message .welcome-message-text {
  width: 600px;
}
.recommended-banner-settings__welcome-message .help-inline {
  margin-left: 8px;
  margin-top: 4px;
}
.home-messages-settings,
.help-center-support-links-settings {
  max-height: none;
}
.home-messages-settings .home-message,
.help-center-support-links-settings .home-message,
.home-messages-settings .help-center-support-link,
.help-center-support-links-settings .help-center-support-link {
  height: auto;
  align-items: flex-start;
}
.home-messages-settings .home-message input,
.help-center-support-links-settings .home-message input,
.home-messages-settings .help-center-support-link input,
.help-center-support-links-settings .help-center-support-link input,
.home-messages-settings .home-message textarea,
.help-center-support-links-settings .home-message textarea,
.home-messages-settings .help-center-support-link textarea,
.help-center-support-links-settings .help-center-support-link textarea {
  border-radius: 0;
}
.home-messages-settings .home-message input:placeholder-shown,
.help-center-support-links-settings .home-message input:placeholder-shown,
.home-messages-settings .help-center-support-link input:placeholder-shown,
.help-center-support-links-settings .help-center-support-link input:placeholder-shown,
.home-messages-settings .home-message textarea:placeholder-shown,
.help-center-support-links-settings .home-message textarea:placeholder-shown,
.home-messages-settings .help-center-support-link textarea:placeholder-shown,
.help-center-support-links-settings .help-center-support-link textarea:placeholder-shown {
  font-weight: 400;
}
.home-messages-settings .home-message .home-message-title,
.help-center-support-links-settings .home-message .home-message-title,
.home-messages-settings .help-center-support-link .home-message-title,
.help-center-support-links-settings .help-center-support-link .home-message-title,
.home-messages-settings .home-message input,
.help-center-support-links-settings .home-message input,
.home-messages-settings .help-center-support-link input,
.help-center-support-links-settings .help-center-support-link input {
  flex: 0 0 160px;
}
.home-messages-settings .home-message textarea,
.help-center-support-links-settings .home-message textarea,
.home-messages-settings .help-center-support-link textarea,
.help-center-support-links-settings .help-center-support-link textarea,
.home-messages-settings .home-message .home-message-content,
.help-center-support-links-settings .home-message .home-message-content,
.home-messages-settings .help-center-support-link .home-message-content,
.help-center-support-links-settings .help-center-support-link .home-message-content {
  flex: 1 1 100%;
}
.home-messages-settings .home-message .home-message-content,
.help-center-support-links-settings .home-message .home-message-content,
.home-messages-settings .help-center-support-link .home-message-content,
.help-center-support-links-settings .help-center-support-link .home-message-content {
  min-width: 600px;
}
.home-messages-settings .home-message .help-center-support-link-url,
.help-center-support-links-settings .home-message .help-center-support-link-url,
.home-messages-settings .help-center-support-link .help-center-support-link-url,
.help-center-support-links-settings .help-center-support-link .help-center-support-link-url {
  width: 600px;
}
.home-messages-settings .home-message textarea,
.help-center-support-links-settings .home-message textarea,
.home-messages-settings .help-center-support-link textarea,
.help-center-support-links-settings .help-center-support-link textarea {
  resize: none;
}
.home-messages-settings .home-message button,
.help-center-support-links-settings .home-message button,
.home-messages-settings .help-center-support-link button,
.help-center-support-links-settings .help-center-support-link button {
  margin: 0;
  margin-left: 10px;
}
.home-messages-settings .home-message button:last-child,
.help-center-support-links-settings .home-message button:last-child,
.home-messages-settings .help-center-support-link button:last-child,
.help-center-support-links-settings .help-center-support-link button:last-child {
  margin-right: 10px;
}
.home-messages-settings .home-message:not(.expanded) .home-message-content,
.help-center-support-links-settings .home-message:not(.expanded) .home-message-content,
.home-messages-settings .help-center-support-link:not(.expanded) .home-message-content,
.help-center-support-links-settings .help-center-support-link:not(.expanded) .home-message-content,
.home-messages-settings .home-message:not(.expanded) .home-message-title,
.help-center-support-links-settings .home-message:not(.expanded) .home-message-title,
.home-messages-settings .help-center-support-link:not(.expanded) .home-message-title,
.help-center-support-links-settings .help-center-support-link:not(.expanded) .home-message-title {
  display: inline-block;
  height: 24px;
}
.home-messages-settings .home-message.expanded,
.help-center-support-links-settings .home-message.expanded,
.home-messages-settings .help-center-support-link.expanded,
.help-center-support-links-settings .help-center-support-link.expanded {
  height: auto;
}
.home-messages-settings .home-message.expanded textarea,
.help-center-support-links-settings .home-message.expanded textarea,
.home-messages-settings .help-center-support-link.expanded textarea,
.help-center-support-links-settings .help-center-support-link.expanded textarea {
  height: 150px;
}
.home-messages-settings .home-message-form,
.help-center-support-links-settings .home-message-form {
  border-top: none;
  padding-left: 20px;
}
.home-messages-settings .home-message-form input:placeholder-shown,
.help-center-support-links-settings .home-message-form input:placeholder-shown,
.home-messages-settings .home-message-form textarea:placeholder-shown,
.help-center-support-links-settings .home-message-form textarea:placeholder-shown {
  font-weight: 400;
}
.home-messages-settings .no-home-message-yet p,
.help-center-support-links-settings .no-home-message-yet p,
.home-messages-settings .no-support-link-yet p,
.help-center-support-links-settings .no-support-link-yet p {
  font-size: 16px;
  font-weight: 400;
  color: #666666;
}
.home-messages-settings .add-home-message-btn-wrapper,
.help-center-support-links-settings .add-home-message-btn-wrapper {
  text-align: center;
  margin-top: 20px;
}
.admin-access-menu__message-input-counter {
  font-size: 0.8em;
}
/* 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 {
  /** with the sticky header we need to not used border collapse, so we have to micro manage borders */
}
.authorization-matrix-page .grant-matrix {
  margin: 0;
  list-style: none;
  display: inline-grid;
  column-gap: 4px;
  row-gap: 4px;
  grid-template-columns: repeat(4, minmax(32px, auto));
  grid-template-rows: repeat(3, minmax(26px, auto));
}
.authorization-matrix-page .grant {
  font-weight: 500;
  font-size: 13px;
  line-height: 16px;
  color: #222222;
  line-height: 24px;
  width: 32px;
  box-sizing: border-box;
  display: inline-block;
  border: 1px solid;
  text-align: center;
}
.authorization-matrix-page .grant--readProjectContent {
  border-color: #427b98;
  background-color: rgba(66, 123, 152, 0.2);
}
.authorization-matrix-page .grant--writeProjectContent {
  border-color: #29af5d;
  background-color: rgba(41, 175, 93, 0.2);
}
.authorization-matrix-page .grant--runScenarios {
  border-color: #81c141;
  background-color: rgba(129, 193, 65, 0.2);
}
.authorization-matrix-page .grant--shareToWorkspaces {
  border-color: #8541aa;
  background-color: rgba(133, 65, 170, 0.2);
}
.authorization-matrix-page .grant--readDashboards {
  border-color: #f0b8bf;
  background-color: rgba(240, 184, 191, 0.2);
}
.authorization-matrix-page .grant--writeDashboards {
  border-color: #f44336;
  background-color: rgba(244, 67, 54, 0.2);
}
.authorization-matrix-page .grant--moderateDashboards {
  border-color: #f28c38;
  background-color: rgba(242, 140, 56, 0.2);
}
.authorization-matrix-page .grant--manageDashboardAuthorizations {
  border-color: #aa4141;
  background-color: rgba(170, 65, 65, 0.2);
}
.authorization-matrix-page .grant--manageExposedElements {
  border-color: #f9bd38;
  background-color: rgba(249, 189, 56, 0.2);
}
.authorization-matrix-page .grant--manageAdditionalDashboardUsers {
  border-color: #bbbbbb;
  background-color: rgba(187, 187, 187, 0.2);
}
.authorization-matrix-page .grant--executeApp {
  border-color: #20a19b;
  background-color: rgba(32, 161, 155, 0.2);
}
.authorization-matrix-page .grant--editPermissions {
  border-color: #3f51b5;
  background-color: rgba(63, 81, 181, 0.2);
}
.authorization-matrix-page .grant--admin {
  border-color: #222222;
  background-color: rgba(34, 34, 34, 0.2);
}
.authorization-matrix-page .grant--publishToDataCollections {
  border-color: #58a8fc;
  background-color: rgba(88, 168, 252, 0.2);
}
.authorization-matrix-page .global-grant {
  background-color: #e8f5e9;
  color: #4caf50;
  text-align: center;
}
.authorization-matrix-page select.selector + .bootstrap-select:not([class*="span"]):not([class*="col-"]):not([class*="form-control"]):not(.input-group-btn) {
  width: 80px;
  margin-right: 8px;
}
.authorization-matrix-page .table-matrix {
  border-collapse: initial;
  text-align: left;
  font-weight: 400;
  font-size: 13px;
  line-height: 16px;
  color: #222222;
}
.authorization-matrix-page .table-matrix thead {
  z-index: 1;
  max-height: 42px;
}
.authorization-matrix-page .table-matrix th,
.authorization-matrix-page .table-matrix td {
  border: 1px solid #dddddd;
  border-top-style: none;
  border-left-style: none;
  min-width: 140px;
  overflow: hidden;
  text-overflow: ellipsis;
}
.authorization-matrix-page .table-matrix th {
  font-weight: 400;
}
.authorization-matrix-page .table-matrix td {
  padding: 4px 8px;
  text-align: center;
  vertical-align: top;
}
.authorization-matrix-page .table-matrix tr:first-child th:first-child {
  padding: 8px 16px;
}
.authorization-matrix-page .table-matrix tr th:first-child {
  border-left-style: solid;
  padding-left: 16px;
  padding-right: 16px;
  max-width: 260px;
  box-sizing: border-box;
  position: sticky;
  left: 0;
  background: white;
}
.authorization-matrix-page .table-matrix__header__users {
  background-color: white;
  position: sticky;
  top: 0;
}
.authorization-matrix-page .table-matrix__header__users th {
  border-top-style: solid;
  padding: 4px 8px;
}
.authorization-matrix-page .table-matrix__header__users th .main-label {
  font-weight: 500;
  font-size: 13px;
  line-height: 23px;
}
.authorization-matrix-page .table-matrix__header__users th .description {
  font-size: 12px;
  color: #666666;
  line-height: 17px;
}
.authorization-matrix-page .table-matrix__header__selector {
  display: flex;
}
.authorization-matrix-page .table-matrix__header__selector > *:first-child {
  margin-right: 8px;
}
.authorization-matrix-page .table-matrix td.table-matrix__legend {
  text-align: left;
  padding: 8px;
}
.authorization-matrix-page .std-list-search-box {
  width: 100%;
  display: flex;
  margin-top: 8px;
}
.authorization-matrix-page .std-list-search-box > *:last-child {
  flex-grow: 1;
  flex-shrink: 0;
}
.authorization-matrix-page .table-matrix__title--project {
  padding-top: 8px;
  padding-bottom: 8px;
  font-weight: 600;
  font-size: 13px;
  line-height: 16px;
  color: #222222;
}
.authorization-matrix-page .table-matrix__title--grant {
  padding-top: 4px;
  padding-bottom: 4px;
}
.authorization-matrix-page .table-matrix__matrix-container {
  padding: 8px;
}
.authorization-matrix-page th.grant-matrix__section-title {
  font-weight: 500;
  font-size: 16px;
  line-height: 20px;
  color: #222222;
  padding: 8px 16px;
  vertical-align: bottom;
}
.authorization-matrix-page .separator td {
  border-right-style: none;
}
.authorization-matrix-page .authorization-matrix-page__footer {
  padding-top: 16px;
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
}
.authorization-matrix-page .authorization-matrix__pagination {
  display: flex;
  align-items: baseline;
  justify-content: center;
  flex-shrink: 0;
  margin: 0;
}
.authorization-matrix-page .pagination__label {
  margin-right: 16px;
}
.authorization-matrix-page .pagination__component {
  list-style: none;
  display: inline-flex;
  margin: 0;
}
.authorization-matrix-page .grant-matrix--legend {
  font-weight: 400;
  font-size: 13px;
  line-height: 16px;
  color: #222222;
  grid-template-columns: repeat(4, 192px);
}
.authorization-matrix-page .grant-matrix--legend .grant {
  margin-right: 8px;
}
.authorization-matrix-page .no-wrap {
  white-space: nowrap;
}
.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.warning {
  color: #f28c37;
}
.exposed-objects-list .limit-name-span {
  max-width: 432px;
  width: auto;
  display: inline-block;
  float: none;
  margin-left: auto;
}
.project-shared-objects {
  padding: 8px 16px 0 24px;
}
.project-shared-objects .icon {
  font-size: 20px;
  margin: 0 10px;
}
.project-shared-objects table.table {
  table-layout: fixed;
  margin-bottom: 0;
}
.project-shared-objects__table {
  width: 100%;
  border-collapse: initial;
}
.project-shared-objects__table thead {
  font-weight: 600;
  z-index: 1;
  background-color: white;
  position: sticky;
  top: 0;
}
.project-shared-objects__table thead th {
  border-bottom: 1px solid #dddddd;
}
.project-shared-objects__table-section {
  overflow-y: auto;
  scrollbar-gutter: stable;
  height: 100%;
}
.table tr:first-child td.project-shared-objects__table-cell {
  border-top: none;
}
.project-shared-objects__table-count-column {
  width: 120px;
  text-align: left;
  cursor: pointer;
}
.project-shared-objects__table-quick-sharing-column {
  width: 120px;
  text-align: left;
}
.project-shared-objects__table-delete-column {
  width: 24px;
}
.table th.project-shared-objects__table-header-count {
  width: 120px;
  text-align: left;
}
.table th.project-shared-objects__table-header-quick-sharing {
  width: 120px;
  text-align: left;
}
.table th.project-shared-objects__table-header-delete {
  width: 24px;
}
.project-shared-objects__object-name {
  display: flex;
  align-items: center;
  cursor: pointer;
}
.project-shared-objects__object-name i.caret-header {
  width: 8px;
}
.project-shared-objects__foldable-section {
  margin-top: 8px;
  margin-left: 32px;
}
.project-shared-objects__nested-table {
  width: 100%;
  border-collapse: collapse;
}
.table tr.project-shared-objects__nested-table-row:hover {
  background-color: #f2f2f2;
}
.table td.project-shared-objects__nested-table-cell {
  border: none;
  padding: 2px 8px;
  vertical-align: middle;
}
.project-shared-objects__nested-table-icon {
  padding-right: 4px;
  font-size: 14px;
  vertical-align: middle;
}
.table td.project-shared-objects__nested-table-cell-project {
  width: 100%;
}
.table td.project-shared-objects__nested-table-add-new {
  border: none;
  padding: 2px 8px 2px 0;
  vertical-align: middle;
}
.project-shared-objects-object-link {
  vertical-align: middle;
  margin-left: 4px;
}
.project-shared-objects__new-item-button {
  padding-top: 16px;
  padding-bottom: 16px;
  padding-left: 24px;
  margin-left: 24px;
  margin-right: 24px;
  border-top: 1px solid #dddddd;
}
.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 .dashboard-authorizations__header {
  padding: 0 16px 40px;
}
.dashboard-authorizations .dashboard-authorizations__header > * {
  margin-block: 0 !important;
}
.dashboard-authorizations .dashboard-authorizations__header > * + * {
  margin-block-start: 8px !important;
}
.dashboard-authorizations .dashboard-authorizations__header .children-vertical-spacing-exception + * {
  margin-block-start: 0 !important;
}
.dashboard-authorizations .dashboard-authorizations__header .dashboard-authorizations__title-save {
  display: flex;
  align-items: flex-start;
}
.dashboard-authorizations .dashboard-authorizations__header .dashboard-authorizations__title-save h2 {
  flex: 1 1 auto;
}
.dashboard-authorizations .dashboard-authorizations__header .dashboard-authorizations__title-save button {
  flex: 0 0 auto;
}
.dashboard-authorizations .dashboard-authorizations__header .dashboard-authorizations__title-save button > * {
  margin-inline-start: 0 !important;
}
.dashboard-authorizations .dashboard-authorizations__header .dashboard-authorizations__title-save button > * + * {
  margin-inline-start: 8px !important;
}
.dashboard-authorizations .dashboard-authorizations__header .dashboard-authorizations__title-save button .children-horizontal-spacing-exception + * {
  margin-block-start: 0 !important;
}
.dashboard-authorizations .dashboard-authorizations__header .dashboard-authorizations__allow-all-toggle {
  padding-left: 16px;
  display: flex;
  align-items: center;
}
.dashboard-authorizations .dashboard-authorizations__header .dashboard-authorizations__allow-all-toggle > * {
  margin-inline-start: 0 !important;
}
.dashboard-authorizations .dashboard-authorizations__header .dashboard-authorizations__allow-all-toggle > * + * {
  margin-inline-start: 8px !important;
}
.dashboard-authorizations .dashboard-authorizations__header .dashboard-authorizations__allow-all-toggle .children-horizontal-spacing-exception + * {
  margin-block-start: 0 !important;
}
.dashboard-authorizations .dashboard-authorizations__header .dashboard-authorizations__allow-all-toggle > div {
  padding-top: 3px;
}
.dashboard-authorizations .dashboard-authorizations__user-header {
  padding: 0 16px 40px;
  padding: 0 16px 8px;
}
.dashboard-authorizations .dashboard-authorizations__user-header > * {
  margin-block: 0 !important;
}
.dashboard-authorizations .dashboard-authorizations__user-header > * + * {
  margin-block-start: 8px !important;
}
.dashboard-authorizations .dashboard-authorizations__user-header .children-vertical-spacing-exception + * {
  margin-block-start: 0 !important;
}
.dashboard-authorizations .dashboard-authorizations__user-header .dashboard-authorizations__title-save {
  display: flex;
  align-items: flex-start;
}
.dashboard-authorizations .dashboard-authorizations__user-header .dashboard-authorizations__title-save h2 {
  flex: 1 1 auto;
}
.dashboard-authorizations .dashboard-authorizations__user-header .dashboard-authorizations__title-save button {
  flex: 0 0 auto;
}
.dashboard-authorizations .dashboard-authorizations__user-header .dashboard-authorizations__title-save button > * {
  margin-inline-start: 0 !important;
}
.dashboard-authorizations .dashboard-authorizations__user-header .dashboard-authorizations__title-save button > * + * {
  margin-inline-start: 8px !important;
}
.dashboard-authorizations .dashboard-authorizations__user-header .dashboard-authorizations__title-save button .children-horizontal-spacing-exception + * {
  margin-block-start: 0 !important;
}
.dashboard-authorizations .dashboard-authorizations__user-header .dashboard-authorizations__allow-all-toggle {
  padding-left: 16px;
  display: flex;
  align-items: center;
}
.dashboard-authorizations .dashboard-authorizations__user-header .dashboard-authorizations__allow-all-toggle > * {
  margin-inline-start: 0 !important;
}
.dashboard-authorizations .dashboard-authorizations__user-header .dashboard-authorizations__allow-all-toggle > * + * {
  margin-inline-start: 8px !important;
}
.dashboard-authorizations .dashboard-authorizations__user-header .dashboard-authorizations__allow-all-toggle .children-horizontal-spacing-exception + * {
  margin-block-start: 0 !important;
}
.dashboard-authorizations .dashboard-authorizations__user-header .dashboard-authorizations__allow-all-toggle > div {
  padding-top: 3px;
}
.dashboard-authorizations .std-list-search-box.with-icon input {
  width: 152px;
}
.dashboard-authorizations .authorization-table .name {
  display: inline-block;
  max-width: calc(100% - 80px);
  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;
  overflow: auto;
  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;
}
.code-env-resources__container .disabled-if-overlay {
  background-color: #ffffff;
  opacity: 0.6;
}
.code-env-resources-explorer__title-wrapper {
  display: flex;
  align-items: center;
  margin-top: 16px;
}
.code-env-resources-explorer__info {
  text-align: right;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  margin-left: 8px;
}
.code-env-resources-explorer__title {
  flex: 1 1 auto;
  margin-bottom: 0;
}
.code-env-resources-explorer__compute-button {
  margin-left: 8px;
}
.code-env-resources-explorer__clear-button {
  margin-left: 8px;
}
.code-env-resources-explorer__upload-button {
  margin-left: 8px;
}
.code-env-resources-upload__input-file {
  line-height: 20px;
  width: 250px;
}
.code-env-resources-explorer__browser {
  min-height: 300px;
  display: flex;
}
.code-env-resources-explorer__browser .browse-path .contents-file-list-line .name {
  flex: 1 1 auto;
}
.code-env-resources-explorer__browser .browse-path .contents-file-list-line .size {
  flex: 1 1 auto;
  white-space: nowrap;
  text-align: right;
  margin-left: auto;
}
.code-env-resources__init-script {
  border: 1px solid #dddddd;
  margin-bottom: 26px;
  display: flex;
  flex-direction: column;
  min-height: 500px;
  max-height: 65vh;
}
.code-env-resources__init-script .CodeMirror {
  flex: 1;
  display: flex;
  flex-direction: column;
  height: inherit;
}
.code-env-resources__init-script .CodeMirror .CodeMirror-scroll {
  height: inherit;
  flex: 1;
}
.code-env-resources__init-script .code-snippet-editor-header-zone {
  border: 0;
}
.code-env-resources__init-script.code-env-resources__init-script.code-env-resources__init-script.code-env-resources__init-script.code-env-resources__init-script.code-env-resources__init-script.code-env-resources__init-script .sample-template {
  height: 400px;
}
.modal .code-env-usages__div__loaded {
  min-height: 430px;
}
.clusters {
  height: calc(100% - 48px);
  box-sizing: border-box;
}
.clusters .cluster-tile {
  border: 1px solid #dddddd;
  background: #f2f2f2;
  box-shadow: unset;
}
.clusters .tiles {
  padding: 10px 20px;
}
.clusters .tiles .tile {
  display: inline-block;
  width: 285px;
  margin: 10px;
  box-sizing: border-box;
  vertical-align: top;
  border: 1px solid #dddddd;
  transition: box-shadow 0.25s ease;
  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);
}
.clusters .tiles .tile:hover {
  box-shadow: 0px 3px 4px rgba(0, 0, 0, 0.14), 0px 3px 3px rgba(0, 0, 0, 0.2), 0px 1px 8px rgba(0, 0, 0, 0.12);
}
.clusters .tiles .tile .top {
  display: flex;
  margin: 0px;
  padding: 0px 10px;
  align-items: flex-start;
  font-family: 'SourceSansPro';
  font-weight: 600;
  font-size: 16px;
  border-bottom: 1px solid #dddddd;
}
.clusters .tiles .tile .top.KUBERNETES {
  border-left: 8px solid #2e6ce6;
}
.clusters .tiles .tile .top.HADOOP {
  border-left: 8px solid #66ccff;
}
.clusters .tiles .tile .top .cluster-infos {
  display: flex;
  width: 100%;
  margin: 4px;
  height: 20px;
  align-items: center;
}
.clusters .tiles .tile .top .cluster-infos .icon {
  flex: 0 0 22px;
}
.clusters .tiles .tile .top .cluster-infos .none {
  color: #ce1228;
}
.clusters .tiles .tile .top .cluster-infos .running {
  color: #66bb6a;
}
.clusters .tiles .tile .top .cluster-infos .starting {
  color: #f28c38;
}
.clusters .tiles .tile .top .cluster-infos .stopping {
  color: #ffc241;
}
.clusters .tiles .tile .top .cluster-infos .unknown {
  color: #8541aa;
}
.clusters .tiles .tile .top .title {
  text-overflow: ellipsis;
  white-space: nowrap;
  max-width: 213px;
  overflow: hidden;
  flex: 1;
}
.clusters .tiles .tile .top .cog {
  margin-left: 4px;
  color: #666666;
}
.clusters .tiles .tile .top .cluster-type {
  color: #666666;
  font-weight: 400;
}
.clusters .tiles .tile .top .cluster-architecture {
  color: #444444;
  font-weight: 500;
  text-transform: capitalize;
}
.clusters .tiles .tile .data {
  display: flex;
  flex-flow: column;
  height: 100%;
  border-bottom: 1px solid #dddddd;
}
.clusters .tiles .tile .data .details {
  flex: 1;
  display: flex;
  padding: 4px 8px;
}
.clusters .tiles .tile .data .details-key {
  flex: 1;
  font-weight: 600;
}
.clusters .tiles .tile .data .details-value {
  text-align: right;
}
.clusters .tiles .tile .data .loading {
  flex: 1 1 auto;
  align-items: center;
  justify-content: center;
}
.clusters .tiles .tile .footer {
  padding: 4px 8px;
  display: flex;
  height: 20px;
}
.clusters .tiles .tile .footer .indicator {
  display: flex;
  flex: 1;
}
.clusters .tiles .tile .footer .key {
  margin-right: 4px;
  font-weight: 600;
}
.clusters .tiles .tile .footer .gauge {
  padding: 0px 4px;
}
.clusters .tiles .tile .footer .ram {
  justify-content: flex-end;
}
.clusters .tiles .tile .footer .icon {
  display: inline-block;
}
.clusters .tiles .tile .icon {
  display: block;
  font-size: 16px;
}
.clusters .tiles .tile .icon:hover {
  color: #333333;
}
.clusters .grouped-dropdown-button button {
  margin-left: -1px !important;
}
.clusters .grouped-dropdown-button ul {
  width: max-content;
}
.clusters .grouped-dropdown-button ul li {
  font-family: 'SourceSansPro';
  font-weight: 400;
  font-size: 13px;
  cursor: default;
  text-align: left;
  padding: 2px 8px;
}
.clusters .empty-list-cta .dropdown {
  display: inline-block;
}
.cluster .params-form .sealed {
  opacity: 0.5;
  pointer-events: none;
}
.cluster .disabled-params {
  opacity: 0.5;
  pointer-events: none;
}
.cluster h1 .running {
  color: #66bb6a;
}
.cluster h1 .none {
  color: #ce1228;
}
.cluster h1 .starting {
  color: #f28c38;
}
.cluster h1 .stopping {
  color: #ffc241;
}
.cluster h1 .created-by {
  color: #bbbbbb;
  padding: 0 0 0 10px;
  font-size: 0.8em;
}
.cluster__nav-bar-tabs {
  flex: 0 0 auto;
  margin-left: 25px;
}
.cluster__nav-bar-otherlinks {
  flex: 1 0 auto;
  text-align: right;
}
.cluster__nav-bar-search-box,
.cluster__monitoring-refresh {
  margin-left: 10px;
  margin-top: 11px;
}
.cluster__nav-bar-refresh {
  margin-left: 10px;
  margin-top: 11px;
  height: 26px;
}
.cluster__namespace-filter {
  display: flex;
  justify-content: center;
  align-items: center;
  border-bottom: 1px solid #dddddd;
  padding: 0 25px;
}
.cluster__monitoring_title_section {
  display: flex;
}
.cluster__monitoring_title_section h1 {
  flex: 1 1 auto;
}
.cluster__monitoring_object_tabs {
  flex: 1 0 auto;
}
.kubectl-output pre {
  position: relative;
}
.kubectl-output span {
  padding: 3px 8px;
  position: absolute;
  top: 0;
  right: 0;
}
.k8s-action-modal input[type=text],
.k8s-describe-modal input[type=text] {
  width: 100% !important;
}
.k8s-action-modal .controls,
.k8s-describe-modal .controls {
  margin-left: 0px;
}
.k8s-action-modal .help-inline,
.k8s-describe-modal .help-inline {
  width: 100%;
}
.k8s-action-modal .error pre,
.k8s-describe-modal .error pre {
  border-color: #ce1228;
}
.k8s-action-modal .modal-warning,
.k8s-describe-modal .modal-warning {
  text-align: right;
  font-weight: 600;
}
.k8s-action-modal .dry-run-warning,
.k8s-describe-modal .dry-run-warning {
  text-align: right;
  font-weight: 600;
  color: #dd5969;
}
.k8s-action-modal .no-output-warning,
.k8s-describe-modal .no-output-warning {
  text-align: right;
  font-weight: 600;
  color: #f6af73;
}
.k8s-action-modal .dry-run label,
.k8s-describe-modal .dry-run label {
  width: auto;
  margin-right: 20px;
}
.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 .metadata-short-description {
  flex-basis: 20%;
  min-height: 120px;
}
.edit-metadata-modal .metadata-long-description {
  flex-basis: 80%;
  padding-top: 20px;
}
.edit-metadata-modal .metadata-long-description .control-group {
  min-height: 180px;
}
.edit-metadata-modal .metadata-horizontal-flex {
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: row;
  flex-direction: row;
  box-sizing: border-box;
  justify-content: space-between;
}
.edit-metadata-modal .help-tip {
  color: #bbbbbb;
  font-size: 10px;
}
.edit-metadata-modal label.horizontal-flex {
  height: initial;
  align-items: baseline;
}
.edit-metadata-modal label.cursor-default {
  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;
}
.scrollable-table-container {
  overflow: auto;
}
.scrollable-table-container table > thead {
  position: sticky;
  top: 0;
  background: #ffffff;
}
.users-groups-modal {
  margin-left: 0;
  width: 640px;
  height: 90%;
  left: calc((100% -  640px )/ 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;
}
.users-profile-modal {
  margin-left: 0;
  width: 640px;
  height: 90%;
  left: calc((100% -  640px )/ 2);
}
.users-profile-modal .modal-body {
  display: flex;
  flex-direction: column;
}
.users-profile-modal .users-table {
  flex: 1;
  border-top: solid #dddddd 1px;
}
.users-profile-modal .users-table table {
  width: 100%;
}
.users-profile-modal .users-table th {
  text-align: left;
  position: sticky;
  top: 0;
  background-color: white;
}
.users-profile-modal .unchanged {
  color: #cccccc;
}
/** when you put a message under an editable list there seems to be no way to match to width unless we hard code it  **/
.admin-editable-list-message-width {
  width: 235px;
}
.summary-icon {
  text-align: center;
  width: 16px;
}
.summary-not-loaded {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.summary-not-loaded .summary-button-description {
  font-weight: 400;
  font-size: 18px;
  margin-bottom: 24px;
  color: #666666;
}
.overlay-disablable-item-container {
  position: relative;
  display: inline-block;
}
.overlay-disablable-item-container .overlay-disabled-item {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(255, 255, 255, 0.8);
  pointer-event: none;
}
/*
 * the alert css overide don't match design system,
 * hence why we add more scoped specificity here
 */
.alert-message-banner.alert.alert.alert {
  box-sizing: content-box;
  margin-inline: auto;
  max-inline-size: 760px;
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  padding: 16px;
  border: 0;
  pointer-events: auto;
}
.alert-message-banner.alert.alert.alert .alert-message-banner__header {
  padding: 5px 0;
  display: flex;
  line-height: 16px;
}
.alert-message-banner.alert.alert.alert .alert-message-banner__title {
  padding: 0;
  margin: 0;
  border: 0;
}
.alert-message-banner.alert.alert.alert .alert-message-banner__title * {
  line-height: 16px;
  font-size: 13px;
}
.sanity-check-message details > summary {
  cursor: pointer;
}
.admin-general__edition {
  text-transform: uppercase;
  font-weight: 600;
}
#credentials .icon-connection-type,
#credentials .icon-credential-type {
  float: left;
  margin-right: 10px;
}
#credentials .icon-credential-type {
  margin-top: 3px;
}
#credentials .button-action i {
  float: left;
  margin-right: 5px;
  margin-top: -1px;
}
.credentials-modal {
  z-index: 4100;
  white-space: normal;
  font-size: 14px;
}
.credentials-modal #start-connection {
  float: right;
  margin: 0 20px 50px 20px;
  width: 150px;
}
.credentials-modal li {
  line-height: 25px;
}
.credentials-modal #credentials-modal-content {
  min-height: 200px;
}
#credentials .button-refresh {
  font-weight: 500;
  color: #3b99fc;
}
#credentials .button-disconnect {
  color: #444444;
}
#credentials .button-connect {
  font-weight: 500;
  color: #3b99fc;
}
#credentials .button-update {
  font-weight: 500;
  color: #3b99fc;
}
#credentials .button-remove {
  color: #444444;
}
#credentials .button-fill-in {
  font-weight: 500;
  color: #3b99fc;
}
#credentials .button-action {
  width: 100px;
  display: inline-block;
  font-size: 15px;
}
#credentials .btn-action {
  min-width: 120px;
  margin-right: 5px;
  padding-right: 16px;
}
#credentials .btn-action span {
  margin-top: 2px;
  display: inline-block;
}
#credentials .btn-action i {
  float: left;
}
#credentials .plugin-param-info {
  display: block;
}
.webapp-reference-select .ng-select {
  max-width: 285px;
  width: 285px;
}
.git-configuration-options-key {
  min-width: 206px;
}
.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):not(.hoverable) {
  color: #cccccc;
}
.new-scenario-modal .scenario-types .scenario-type:not(.selectable):not(.hoverable) img {
  opacity: .25;
}
.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):not(.icon-trash):not([class*="dku-icon-trash-"]):not(.illustration):not('.selector-item__icon--has-color') {
  color: #666666;
}
.new-scenario-modal .scenario-types .scenario-type .selection-indicator {
  display: inline-block;
  width: 20px;
  max-height: 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__icon {
  display: inline-block;
  width: 20px;
  text-align: center;
  color: #cccccc;
}
.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 .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 .name.invalid-ignores-dirty.ng-invalid,
.invalid-ignores-dirty .scenario-editor-page .mx-item-header .name.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 {
  color: #ce1228;
  padding-left: 10px;
  padding-right: 10px;
  padding-bottom: 2px;
  padding-top: 2px;
}
.scenario-editor-page .mx-item-header .delete:hover {
  text-decoration: none;
  background: rgba(206, 18, 40, 0.2);
  border: 1px rgba(206, 18, 40, 0.3);
  border-radius: 1px;
}
.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 .name.invalid-ignores-dirty.ng-invalid,
.invalid-ignores-dirty .scenario-editor-page .trigger-header .name.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 {
  color: #ce1228;
  padding-left: 10px;
  padding-right: 10px;
  padding-bottom: 2px;
  padding-top: 2px;
}
.scenario-editor-page .trigger-header .delete:hover {
  text-decoration: none;
  background: rgba(206, 18, 40, 0.2);
  border: 1px rgba(206, 18, 40, 0.3);
  border-radius: 1px;
}
.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 .name.invalid-ignores-dirty.ng-invalid,
.invalid-ignores-dirty .scenario-editor-page .reporter-header .name.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 {
  color: #ce1228;
  padding-left: 10px;
  padding-right: 10px;
  padding-bottom: 2px;
  padding-top: 2px;
}
.scenario-editor-page .reporter-header .delete:hover {
  text-decoration: none;
  background: rgba(206, 18, 40, 0.2);
  border: 1px rgba(206, 18, 40, 0.3);
  border-radius: 1px;
}
.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-flex {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 16px;
}
.scenario-editor-page .step-editor .step-header-form .control-label {
  font-size: 16px;
  font-weight: 500;
}
.scenario-editor-page .step-editor .step-header-color-disabled {
  color: #3b99fc !important;
}
.scenario-editor-page .step-editor .step-table {
  flex: 1 1 auto;
  flex-basis: 50%;
}
.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 .scenario-items-header {
  font-weight: 500;
  border-bottom: 1px solid #dddddd;
}
.scenario-editor-page .step-editor .items-table .scenario-items-header .item-partitions {
  width: 250px;
}
.scenario-editor-page .step-editor .items-table .scenario-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-partitions .item-partition-edit:hover .link-std {
  color: #333333;
}
.scenario-editor-page .step-editor .items-table .items-body .item-remove i {
  color: grey;
  cursor: pointer;
}
.scenario-editor-page .step-editor .items-table .items-body .item-remove:hover i {
  color: #ce1228;
}
.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 .step-editor.swap_datasets .test-section,
.scenario-editor-page .step-editor.compare_test_datasets .test-section,
.scenario-editor-page .step-editor.flow_test .test-section {
  margin-left: 24px;
}
.scenario-editor-page .step-editor.swap_datasets .test-section step-items-table,
.scenario-editor-page .step-editor.compare_test_datasets .test-section step-items-table,
.scenario-editor-page .step-editor.flow_test .test-section step-items-table {
  width: calc(76%);
}
.scenario-editor-page .step-editor.swap_datasets .remapping,
.scenario-editor-page .step-editor.compare_test_datasets .remapping,
.scenario-editor-page .step-editor.flow_test .remapping {
  margin: 0 0 0 5px;
}
.scenario-editor-page .step-editor.swap_datasets .swap-source-dataset-header,
.scenario-editor-page .step-editor.compare_test_datasets .swap-source-dataset-header,
.scenario-editor-page .step-editor.flow_test .swap-source-dataset-header {
  display: inline-block;
  font-weight: 500;
  margin-left: 5px;
}
.scenario-editor-page .step-editor.swap_datasets .swap-target-dataset-header,
.scenario-editor-page .step-editor.compare_test_datasets .swap-target-dataset-header,
.scenario-editor-page .step-editor.flow_test .swap-target-dataset-header {
  display: inline-block;
  font-weight: 500;
  margin-left: 169px;
}
.scenario-editor-page .step-editor.swap_datasets .compare-result-dataset-header,
.scenario-editor-page .step-editor.compare_test_datasets .compare-result-dataset-header,
.scenario-editor-page .step-editor.flow_test .compare-result-dataset-header {
  display: inline-block;
  font-weight: 500;
  margin-left: 13px;
}
.scenario-editor-page .step-editor.swap_datasets .compare-expected-dataset-header,
.scenario-editor-page .step-editor.compare_test_datasets .compare-expected-dataset-header,
.scenario-editor-page .step-editor.flow_test .compare-expected-dataset-header {
  display: inline-block;
  font-weight: 500;
  margin-left: 161px;
}
.scenario-editor-page .step-editor.swap_datasets .partitions-list,
.scenario-editor-page .step-editor.compare_test_datasets .partitions-list,
.scenario-editor-page .step-editor.flow_test .partitions-list {
  margin-left: 1px;
}
.scenario-editor-page .step-editor.swap_datasets .arrow-icon,
.scenario-editor-page .step-editor.compare_test_datasets .arrow-icon,
.scenario-editor-page .step-editor.flow_test .arrow-icon {
  font-size: 17px;
  margin: 0 10px;
  color: grey;
}
.scenario-editor-page .step-editor.swap_datasets .text-warning,
.scenario-editor-page .step-editor.compare_test_datasets .text-warning,
.scenario-editor-page .step-editor.flow_test .text-warning {
  margin-left: 8px;
  color: #c05b0a;
}
.scenario-editor-page .step-editor.swap_datasets .result-section,
.scenario-editor-page .step-editor.compare_test_datasets .result-section,
.scenario-editor-page .step-editor.flow_test .result-section {
  margin-left: 16px;
}
.scenario-editor-page .step-editor.swap_datasets .result-section .dataset-header,
.scenario-editor-page .step-editor.compare_test_datasets .result-section .dataset-header,
.scenario-editor-page .step-editor.flow_test .result-section .dataset-header {
  padding-left: 8px;
}
.scenario-editor-page .step-editor.swap_datasets .result-section .sub-section,
.scenario-editor-page .step-editor.compare_test_datasets .result-section .sub-section,
.scenario-editor-page .step-editor.flow_test .result-section .sub-section {
  padding-left: 5px;
  border-left: 3px solid #eee;
}
.scenario-editor-page .step-editor.swap_datasets .comparison-block,
.scenario-editor-page .step-editor.compare_test_datasets .comparison-block,
.scenario-editor-page .step-editor.flow_test .comparison-block {
  margin-bottom: 16px;
}
.scenario-editor-page .step-editor.swap_datasets .comparison-block .dataset-header,
.scenario-editor-page .step-editor.compare_test_datasets .comparison-block .dataset-header,
.scenario-editor-page .step-editor.flow_test .comparison-block .dataset-header {
  padding-left: 4px;
  width: 90%;
}
.scenario-editor-page .step-editor.swap_datasets .comparison-block label,
.scenario-editor-page .step-editor.compare_test_datasets .comparison-block label,
.scenario-editor-page .step-editor.flow_test .comparison-block label {
  padding-left: 24px;
}
.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 .attachment-list .attachment .attachment-container .attachment-content .control-group .controls .pull-right .delete .icon-trash {
  color: #ce1228;
  padding: 10px;
}
.scenario-editor-page .attachment-list .attachment .attachment-container .attachment-content .control-group .controls .pull-right .delete .icon-trash:hover {
  text-decoration: none;
  background: rgba(206, 18, 40, 0.2);
  border: 1px rgba(206, 18, 40, 0.3);
  border-radius: 1px;
}
.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 .report-item :not(.scenario-results) i {
  vertical-align: sub;
}
.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;
}
.scenario__add-step-menu {
  min-width: 268px;
  max-height: 53vh;
  overflow-y: auto;
}
.scenario__add-step-menu .search-bar {
  display: block;
  padding: 8px;
  background-color: white;
  position: sticky;
  bottom: 0;
}
.scenario__add-step-menu .search-bar div {
  display: block;
  position: relative;
}
.scenario__add-step-menu .search-bar div input {
  width: 100%;
  padding-bottom: 0px;
  padding-left: 24px;
  padding-right: 4px;
  padding-top: 0px;
  box-sizing: border-box;
  height: 28px;
  line-height: 28px;
  margin: 0;
}
.scenario__add-step-menu .search-bar div i {
  position: absolute;
  display: block;
  left: 6px;
  top: 8px;
}
.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-top: 10px;
  padding-bottom: 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-flex;
  justify-content: space-between;
  width: 195px;
  height: 20.5px;
}
.step-list.step-list .scenario-step .label .label-text {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  max-width: 185px;
}
.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 .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;
}
.step-list.step-list .scenario-step .scenario-step__tooltip-icon {
  margin-left: 10px;
  color: #666666;
  vertical-align: bottom;
}
.step-list.step-list .scenario-step .scenario-comment-footer-info {
  color: #666666;
  text-decoration: none;
  padding-right: 8px;
}
.step-list.step-list .scenario-step .scenario-comment-footer-info:hover {
  color: #444444;
  text-decoration: none;
  padding-right: 8px;
}
.step-list.step-list .scenario-step .scenario-comment-footer-div {
  margin-bottom: -8px;
}
.step-list.step-list .scenario-step .scenario-comment-footer-info-div {
  margin-top: 4px;
}
.step-list.step-list .scenario-step .scenario-comment-main-div {
  border-top: 1px solid #999999;
  margin-top: 8px;
  display: flex;
  flex-direction: column;
}
.step-list.step-list .scenario-step .scenario-comment-alwaysshow-label-div {
  display: flex;
  flex-direction: column;
  width: 100%;
  color: #666666;
  margin-bottom: -28px;
}
.step-list.step-list .scenario-step .scenario-always_shown_comment {
  cursor: default;
  flex-grow: 1;
  text-align: justify;
  padding-right: 8px;
  color: #666666;
  margin-bottom: 0px;
  padding-top: 8px;
  padding-left: 8px;
  font-style: italic;
  overflow: hidden;
  text-overflow: ellipsis;
}
.step-list.step-list .scenario-step .scenario-comment-div-for-comment-fieldset-toolbar {
  display: flex;
  flex-wrap: nowrap;
}
.step-list.step-list .scenario-step .scenario-comment-edition-toolbar {
  display: flex;
  color: #666666;
  list-style: none;
  column-gap: 6px;
  padding-right: 8px;
  padding-top: 6px;
  margin-left: 8px;
}
.step-list.step-list .scenario-step .scenario-comment-fieldset {
  display: flex;
  padding: 8px;
  width: 100%;
}
.step-list.step-list .scenario-step .scenario-comment-fieldset-textarea {
  width: 100%;
  font-size: 12px;
  margin-bottom: 0px;
}
.step-list.step-list .scenario-step .scenario-comment-alwaysshow-label {
  position: relative;
  z-index: 1;
  width: 70%;
  padding-left: 8px;
}
.step-list.step-list .scenario-step .scenario-comment-alwaysshow-label-checkbox {
  font-size: 12px;
  margin: 0px;
}
.step-list.step-list .scenario-step .scenario-comment-alwaysshow-label-span {
  vertical-align: middle;
  font-size: 12px;
  float: none;
  margin: 0px;
}
.mx-last-run-icons i {
  margin-right: 4px;
}
.mx-last-run-icons i.success {
  color: #4caf50;
}
.mx-last-run-icons i.failed {
  color: #ce1228;
}
.mx-last-run-icons i.warning {
  color: #f28c37;
}
.mx-last-run-icons i.aborted {
  color: #bbbbbb;
}
.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-step__more {
  padding-right: 8px;
}
a.scenario-step__sort-handle {
  float: left;
  color: #bbbbbb;
  font-size: 20px;
  width: 17px;
}
a.scenario-step__sort-handle:hover {
  text-decoration: none;
}
.scenario-step-actions-list__flex.scenario-step-actions-list__flex {
  display: flex;
  align-items: center;
}
.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: 77px;
  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 .node-ids {
  width: 150px;
}
.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 .past-runs .run-runas a {
  display: block;
}
.scenario-outcomes .mx-graph-fixed-header .past-runs--last {
  width: 95px;
}
.scenario-outcomes .mx-graph-fixed-header .past-runs--last i {
  margin-right: 4px;
}
.scenario-outcomes .mx-graph-fixed-header .past-runs--last i.success {
  color: #4caf50;
}
.scenario-outcomes .mx-graph-fixed-header .past-runs--last i.failed {
  color: #ce1228;
}
.scenario-outcomes .mx-graph-fixed-header .past-runs--last i.warning {
  color: #f28c37;
}
.scenario-outcomes .mx-graph-fixed-header .past-runs--last i.aborted {
  color: #bbbbbb;
}
.scenario-outcomes .mx-graph-fixed-header .past-runs--last ul li .run-count {
  text-align: left;
}
.scenario-outcomes .mx-graph-fixed-header .graph {
  min-width: 100px;
}
.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 .node-ids {
  width: 150px;
}
.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 .past-runs .run-runas a {
  display: block;
}
.scenario-outcomes .graph-header .past-runs--last {
  width: 95px;
}
.scenario-outcomes .graph-header .past-runs--last i {
  margin-right: 4px;
}
.scenario-outcomes .graph-header .past-runs--last i.success {
  color: #4caf50;
}
.scenario-outcomes .graph-header .past-runs--last i.failed {
  color: #ce1228;
}
.scenario-outcomes .graph-header .past-runs--last i.warning {
  color: #f28c37;
}
.scenario-outcomes .graph-header .past-runs--last i.aborted {
  color: #bbbbbb;
}
.scenario-outcomes .graph-header .past-runs--last ul li .run-count {
  text-align: left;
}
.scenario-outcomes .graph-header .graph {
  min-width: 100px;
}
.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 .node-ids {
  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 .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 .node-ids {
  background: #ffffff;
}
.scenario-outcomes .graph-body .node-ids ul {
  margin: 0px;
  padding: 0px;
  list-style: none;
  box-sizing: content-box;
  border-bottom: 1px solid #dddddd;
}
.scenario-outcomes .graph-body .node-ids ul li {
  height: 21px;
  padding-left: 5px;
  position: relative;
}
.scenario-outcomes .graph-body .node-ids ul li .deactivated a,
.scenario-outcomes .graph-body .node-ids ul li .deactivated span {
  opacity: 0.5;
}
.scenario-outcomes .graph-body .node-ids ul li .node-id {
  line-height: 20px;
  vertical-align: middle;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.scenario-outcomes .graph-body .node-ids ul li .node-id a {
  font-family: 'SourceSansPro';
  font-weight: 500;
  font-size: 12px;
}
.scenario-outcomes .graph-body .node-ids ul li .node-id a:hover {
  text-decoration: none;
}
.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 .node-ids {
  width: 150px;
}
.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 .past-runs .run-runas a {
  display: block;
}
.scenario-outcomes .graph-body .past-runs--last {
  width: 95px;
}
.scenario-outcomes .graph-body .past-runs--last i {
  margin-right: 4px;
}
.scenario-outcomes .graph-body .past-runs--last i.success {
  color: #4caf50;
}
.scenario-outcomes .graph-body .past-runs--last i.failed {
  color: #ce1228;
}
.scenario-outcomes .graph-body .past-runs--last i.warning {
  color: #f28c37;
}
.scenario-outcomes .graph-body .past-runs--last i.aborted {
  color: #bbbbbb;
}
.scenario-outcomes .graph-body .past-runs--last ul li .run-count {
  text-align: left;
}
.scenario-outcomes .graph-body .graph {
  min-width: 100px;
}
.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 .success {
  color: #4caf50;
}
.scenario-results .warning {
  color: #f28c37;
}
.scenario-results .failed {
  color: #ce1228;
}
.scenario-results .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 .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;
}
step-dashboards-table td.item-name {
  vertical-align: middle;
}
.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.catalog-page__search {
  position: absolute;
  bottom: 0;
  top: 48px;
  left: 0;
  right: 0;
}
.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.catalog-right-column__search {
  display: flex;
  align-items: center;
  justify-content: center;
}
.catalog-page .right-sidebar .catalog-right-column .empty-catalog-search-right-column {
  text-align: center;
  color: #bbbbbb;
  font-weight: 400;
}
.catalog-page .right-sidebar .catalog-right-column .empty-catalog-search-right-column > * {
  margin-block: 0 !important;
}
.catalog-page .right-sidebar .catalog-right-column .empty-catalog-search-right-column > * + * {
  margin-block-start: 4px !important;
}
.catalog-page .right-sidebar .catalog-right-column .empty-catalog-search-right-column .children-vertical-spacing-exception + * {
  margin-block-start: 0 !important;
}
.catalog-page .right-sidebar .catalog-right-column table th {
  width: 100px;
  vertical-align: text-top;
}
.catalog-page .right-sidebar .catalog-right-column .request-access-top-bar {
  margin-bottom: 0;
}
.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.dku-icon-chevron-up-16,
.catalog-page .left-sidebar .facet i.dku-icon-chevron-down-16 {
  float: right;
  padding-top: 4px;
  font-size: 11px;
}
.catalog-page .left-sidebar .facet i.dku-icon-chevron-up-16:before,
.catalog-page .left-sidebar .facet i.dku-icon-chevron-down-16: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.prompt_studio,
.catalog-page .left-sidebar .facet.type-selection label:hover i.type-icon.prompt_studio {
  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.code-studio,
.catalog-page .left-sidebar .facet.type-selection label:hover i.type-icon.code-studio {
  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.retrievable_knowledge,
.catalog-page .left-sidebar .facet.type-selection label:hover i.type-icon.retrievable_knowledge,
.catalog-page .left-sidebar .facet.type-selection label.selected i.type-icon.knowledge_bank,
.catalog-page .left-sidebar .facet.type-selection label:hover i.type-icon.knowledge_bank {
  color: #d66f9e;
}
.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.labeling_task,
.catalog-page .left-sidebar .facet.type-selection label:hover i.type-icon.labeling_task {
  color: #f9bd38;
}
.catalog-page .left-sidebar .facet.type-selection label.selected i.type-icon.model_comparison,
.catalog-page .left-sidebar .facet.type-selection label:hover i.type-icon.model_comparison {
  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 i.type-icon.chart,
.catalog-page .left-sidebar .facet.type-selection label:hover i.type-icon.chart {
  color: #3075ae;
}
.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.prompt_studio {
  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.code-studio {
  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.retrievable_knowledge,
.mx-facet-type-icon-colored i.type-icon.knowledge_bank {
  color: #d66f9e;
}
.mx-facet-type-icon-colored i.type-icon.model_evaluation_store {
  color: #29af5d;
}
.mx-facet-type-icon-colored i.type-icon.labeling_task {
  color: #f9bd38;
}
.mx-facet-type-icon-colored i.type-icon.model_comparison {
  color: #29af5d;
}
.mx-facet-type-icon-colored i.type-icon.dashboard {
  color: #f44336;
}
.mx-facet-type-icon-colored i.type-icon.scenario {
  color: #8541aa;
}
.mx-facet-type-icon-colored i.type-icon.chart {
  color: #3075ae;
}
.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;
}
.catalog__schema-container {
  padding: 8px 16px;
}
.catalog__search-order-button {
  border: 1px solid #dddddd !important;
  margin-right: 4px;
}
.feature-store .feature-group .description-preview {
  font-weight: 400;
  font-size: 13px;
  line-height: 16px;
  color: #222222;
  color: #666666;
  margin: 0 0 0px;
}
.feature-store .highlighted {
  font-weight: 600;
  font-style: normal;
}
.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;
  display: flex;
  align-items: center;
}
.new-bundle-page .project-content-summary,
.bundle-details-modal .project-content-summary {
  padding-top: 0px;
  padding-bottom: 16px;
  margin-top: 0px;
  border-color: #dddddd;
}
.new-bundle-page .illustration.model,
.bundle-details-modal .illustration.model {
  color: #29af5d;
}
.new-bundle-page .illustration.model-required,
.bundle-details-modal .illustration.model-required {
  color: #29af5d;
  opacity: 0.5;
}
.new-bundle-page .illustration.notebooks,
.bundle-details-modal .illustration.notebooks {
  color: #f28c38;
}
.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;
}
.new-bundle-page .illustration.labeling-task,
.bundle-details-modal .illustration.labeling-task {
  color: #f9bd38;
}
.new-bundle-page .illustration.retrievable-knowledge,
.bundle-details-modal .illustration.retrievable-knowledge {
  color: #d66f9e;
}
.object-selector-section {
  flex: 2;
  margin: 8px;
  min-width: 0px;
}
.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: #c05b0a;
}
.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;
}
.bundle-details-modal .disabled {
  cursor: default;
}
.bundle-details-modal .disabled:active {
  pointer-events: none;
}
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: 8px;
}
.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;
}
.object-right-column-summary .object-details .release-notes {
  white-space: pre;
  text-wrap: wrap;
  word-break: break-word;
  max-height: 250px;
  overflow: overlay;
  padding-right: 5px;
  margin-top: -10px;
}
.git-log .line,
.git-log-tags .line,
.git-merge-request-log .line {
  position: absolute;
  top: 5px;
  bottom: 5px;
  left: 3px;
  width: 1px;
  background: #bbbbbb;
}
.git-log .line.line--with-first-status,
.git-log-tags .line.line--with-first-status,
.git-merge-request-log .line.line--with-first-status {
  top: 45px;
}
.git-log .line-selected,
.git-log-tags .line-selected,
.git-merge-request-log .line-selected {
  position: absolute;
  top: 5px;
  bottom: 5px;
  left: 2px;
  width: 3px;
  background: #3b99fc;
}
.git-log .line-selected.line-selected--with-first-status,
.git-log-tags .line-selected.line-selected--with-first-status,
.git-merge-request-log .line-selected.line-selected--with-first-status {
  top: 45px;
}
.git-log .line-selected:before,
.git-log-tags .line-selected:before,
.git-merge-request-log .line-selected:before,
.git-log .line-selected:after,
.git-log-tags .line-selected:after,
.git-merge-request-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,
.git-log-tags .line-selected:before,
.git-merge-request-log .line-selected:before {
  top: 0;
}
.git-log .line-selected:after,
.git-log-tags .line-selected:after,
.git-merge-request-log .line-selected:after {
  bottom: 0;
}
.git-log .first-status-line,
.git-log-tags .first-status-line,
.git-merge-request-log .first-status-line {
  position: absolute;
  top: 5px;
  height: 45px;
  left: 3px;
  width: 3px;
  border-left: 1px dashed #bbbbbb;
}
.git-log .date,
.git-log-tags .date,
.git-merge-request-log .date {
  margin: 15px 0 5px 0;
  color: #666666;
}
.git-log .date i,
.git-log-tags .date i,
.git-merge-request-log .date i {
  background: #f2f2f2;
  font-size: 8px;
  padding: 2px 0;
  margin-right: 10px;
  position: relative;
  bottom: 1px;
}
.git-log ul.cell-list,
.git-log-tags ul.cell-list,
.git-merge-request-log ul.cell-list {
  margin-left: 20px;
}
.git-log ul.cell-list div.avatar,
.git-log-tags ul.cell-list div.avatar,
.git-merge-request-log ul.cell-list div.avatar {
  margin: 10px;
}
.git-log ul.cell-list div.commit-id,
.git-log-tags ul.cell-list div.commit-id,
.git-merge-request-log ul.cell-list div.commit-id {
  line-height: 27px;
  padding: 13px 16px;
}
.git-log ul.cell-list div.commit-id .btn,
.git-log-tags ul.cell-list div.commit-id .btn,
.git-merge-request-log ul.cell-list div.commit-id .btn {
  margin: 0 10px;
}
.git-log ul.cell-list div.information,
.git-log-tags ul.cell-list div.information,
.git-merge-request-log ul.cell-list div.information {
  overflow: hidden;
  padding-bottom: 5px;
}
.git-log ul.cell-list div.information .commit-message,
.git-log-tags ul.cell-list div.information .commit-message,
.git-merge-request-log ul.cell-list div.information .commit-message {
  margin-bottom: 8px;
}
.git-log ul.cell-list div.information .commit-message p,
.git-log-tags ul.cell-list div.information .commit-message p,
.git-merge-request-log ul.cell-list div.information .commit-message p {
  overflow: hidden;
  text-overflow: ellipsis;
  margin: 0;
}
.git-log ul.cell-list div.information small,
.git-log-tags ul.cell-list div.information small,
.git-merge-request-log ul.cell-list div.information small {
  color: #bbbbbb;
  position: relative;
  top: -4px;
  display: block;
}
.git-log ul.cell-list div.information small.commit-tags,
.git-log-tags ul.cell-list div.information small.commit-tags,
.git-merge-request-log ul.cell-list div.information small.commit-tags {
  color: inherit;
  top: -4px;
  cursor: default;
}
.git-log ul.cell-list div.information small.commit-tags .commit-tag,
.git-log-tags ul.cell-list div.information small.commit-tags .commit-tag,
.git-merge-request-log ul.cell-list div.information small.commit-tags .commit-tag {
  margin-right: 8px;
}
.git-log ul.cell-list div.information small.commit-tags .commit-tag i[class^='dku-icon'],
.git-log-tags ul.cell-list div.information small.commit-tags .commit-tag i[class^='dku-icon'],
.git-merge-request-log ul.cell-list div.information small.commit-tags .commit-tag i[class^='dku-icon'] {
  font-size: 12px !important;
  vertical-align: bottom;
}
.git-log ul.cell-list li.compare,
.git-log-tags ul.cell-list li.compare,
.git-merge-request-log ul.cell-list li.compare {
  border-color: #bbbbbb;
  cursor: pointer;
}
.git-log .day.unfocus,
.git-log-tags .day.unfocus,
.git-merge-request-log .day.unfocus {
  opacity: 0.5;
}
.git-log .day:not(.unfocus) .commit-log-entry.unfocus:not(.compare),
.git-log-tags .day:not(.unfocus) .commit-log-entry.unfocus:not(.compare),
.git-merge-request-log .day:not(.unfocus) .commit-log-entry.unfocus:not(.compare) {
  opacity: 0.5;
}
.git-log div.commit-message,
.git-log-tags div.commit-message,
.git-merge-request-log div.commit-message {
  max-height: 300px;
  overflow: auto;
  line-height: 18px;
  margin-top: 11px;
  cursor: pointer;
}
.git-log div.commit-message:hover,
.git-log-tags div.commit-message:hover,
.git-merge-request-log div.commit-message:hover {
  text-decoration: underline;
}
.git-log .commit-log-entry:not(:hover) .btn.compare,
.git-log-tags .commit-log-entry:not(:hover) .btn.compare,
.git-merge-request-log .commit-log-entry:not(:hover) .btn.compare,
.git-log.comparing .commit-log-entry:hover .btn.compare,
.git-log-tags.comparing .commit-log-entry:hover .btn.compare,
.git-merge-request-log.comparing .commit-log-entry:hover .btn.compare {
  display: none;
}
.git-log .commit-log-entry--highlighted,
.git-log-tags .commit-log-entry--highlighted,
.git-merge-request-log .commit-log-entry--highlighted {
  background-color: #e7f3ff;
}
.git-log-tags div.commit-message {
  cursor: default;
}
.git-log-tags div.commit-message:hover {
  text-decoration: initial;
}
.git-log-tags div.commit-id a:hover {
  text-decoration: none;
}
.git-log-tags i[class^='dku-icon'] {
  vertical-align: bottom;
  margin-right: 3px;
}
.git-log-tags h5 {
  margin: 20px;
  font-family: 'SourceSansPro';
  font-weight: lighter;
  font-size: 18px;
}
.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--container {
  overflow-y: scroll;
  padding: 8px 7px 0;
  border: 1px solid #dddddd;
  margin-top: 5px;
  max-height: 40vh;
}
.git-branch--check-container {
  display: flex;
  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;
}
.git-previous-commits {
  margin-top: 10px;
  height: 30px;
}
.no-gitlib-yet {
  text-align: center;
}
.no-gitlib-yet h1 {
  font-family: 'SourceSansPro';
  font-weight: 400;
  font-size: 32px;
  color: #666666;
}
.no-gitlib-yet p {
  font-family: 'SourceSansPro';
  font-weight: 400;
  font-size: 22px;
  line-height: 28px;
  color: #666666;
}
.no-gitlib-yet p.small {
  font-family: 'SourceSansPro';
  font-weight: 400;
  font-size: 17px;
}
.git-merge-request-log ul.cell-list {
  margin-left: 0;
}
.git-merge-request-log ul.cell-list li {
  background: inherit;
  border: none;
  padding-left: 14px;
  margin-bottom: 16px;
}
.git-merge-request-log ul.cell-list li > div {
  display: flex;
  align-items: center;
}
.git-merge-request-log ul.cell-list li:before {
  content: '';
  position: absolute;
  left: 4px;
  height: 1px;
  width: 10px;
  border-top: 1px solid #bbbbbb;
  margin-top: 10px;
}
.git-merge-request-log ul.cell-list li span,
.git-merge-request-log ul.cell-list li a {
  margin-left: 4px;
}
.git-merge-request-log ul.cell-list li pre {
  font-size: 11px;
  background: inherit;
  border: none;
  margin: 0 0 0 21px;
  padding: 0;
  color: #666666;
}
.project-git-alert {
  height: 48px;
}
.project-git-alert .alert.alert.alert {
  margin-top: 0;
  margin-bottom: 0;
  padding-top: 0;
  padding-bottom: 0;
  line-height: 45px;
}
.project-git-error-details {
  width: auto;
  padding: 20px;
}
.git-branch-name {
  color: #144c71;
}
.git-merge__tab-content {
  padding: 0;
  display: flex;
  flex-direction: column;
  height: 100%;
  overflow: auto;
}
.git-merge__boxed-pane {
  box-sizing: border-box;
  background: #ffffff;
  box-shadow: 0px 0px 2px 1px rgba(34, 34, 34, 0.15);
  max-width: 1000px;
  margin: 16px auto;
  padding: 16px;
  overflow-y: auto;
}
.git-merge__boxed-pane .dkuform-horizontal .control-group .controls textarea {
  width: 100%;
}
.git-merge__unboxed-pane {
  box-sizing: border-box;
  max-width: 1000px;
  margin: 16px auto;
  position: relative;
}
.git-merge__conflict {
  display: flex;
  flex-direction: row;
  height: 100%;
}
.git-merge__conflict .git-merge-conflict__files-list {
  flex: 0 0 300px;
  display: flex;
  flex-direction: column;
  background-color: #ffffff;
  border-right: 1px solid #dddddd;
}
.git-merge__conflict .git-merge-conflict__files-list .git-merge-conflict__files-list__header {
  flex: 0 0 30px;
  display: flex;
  align-items: center;
  padding: 8px;
  border-bottom: 1px solid #dddddd;
}
.git-merge__conflict .git-merge-conflict__files-list .git-merge-conflict__files-list__header .git-merge-conflict__files-list__counter {
  font-family: 'SourceSansPro';
  font-weight: 400;
  font-size: 16px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  flex-grow: 1;
}
.git-merge__conflict .git-merge-conflict__files-list > ul {
  flex: 1 1;
  list-style: none;
  margin: 0;
  overflow-y: scroll;
}
.git-merge__conflict .git-merge-conflict__files-list > ul li {
  padding: 8px;
  border-bottom: 1px solid #dddddd;
  cursor: pointer;
}
.git-merge__conflict .git-merge-conflict__files-list > ul li .git-merge-conflict__file {
  display: flex;
  gap: 4px;
  max-width: 284px;
  font-family: 'SourceSansPro';
  font-weight: 600;
  font-size: 13px;
}
.git-merge__conflict .git-merge-conflict__files-list > ul li .git-merge-conflict__file .git-merge-conflict__filename {
  flex: 1 1;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.git-merge__conflict .git-merge-conflict__files-list > ul li .git-merge-conflict__file .git-merge-conflict__filename.dirty {
  color: #144c71;
}
.git-merge__conflict .git-merge-conflict__files-list > ul li .git-merge-conflict__file .git-merge-conflict__count {
  flex: 0 0 auto;
  color: #ce1228;
  display: flex;
  align-items: center;
  gap: 4px;
}
.git-merge__conflict .git-merge-conflict__files-list > ul li .git-merge-conflict__file .git-merge-conflict__count.resolved {
  color: #4caf50;
}
.git-merge__conflict .git-merge-conflict__files-list > ul li .git-merge-conflict__filepath {
  word-break: break-all;
}
.git-merge__conflict .git-merge-conflict__files-list > ul li:hover {
  background-color: #f2f2f2;
}
.git-merge__conflict .git-merge-conflict__files-list > ul li.selected {
  background-color: #e7f3ff;
}
.git-merge__conflict .git-merge-conflict__file-editor-pane {
  flex: 1 1;
  display: flex;
  flex-direction: column;
}
.git-merge__conflict .git-merge-conflict__file-editor-pane .git-merge-conflict__file-editor__header {
  flex: 0 0 30px;
  display: flex;
  flex-direction: row;
  background-color: #ffffff;
  padding: 8px;
  border-bottom: 1px solid #dddddd;
}
.git-merge__conflict .git-merge-conflict__file-editor-pane .git-merge-conflict__file-editor__header .git-merge-conflict__active-filepath {
  flex: 1 1;
  font-family: 'SourceSansPro';
  font-weight: 400;
  font-size: 16px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  display: flex;
  align-items: center;
}
.git-merge__conflict .git-merge-conflict__file-editor-pane .git-merge-conflict__file-editor__header .git-merge-conflict__active-help {
  flex: 0 0 auto;
  display: flex;
  align-items: center;
  padding: 0 8px;
}
.git-merge__conflict .git-merge-conflict__file-editor-pane .git-merge-conflict__file-editor__header .git-merge-conflict__buttons {
  flex: 0 0 298px;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 8px;
}
.git-merge__conflict .git-merge-conflict__file-editor-pane .git-merge-conflict__file-editor__header .git-merge-conflict__buttons button {
  display: flex;
  align-items: center;
  text-wrap: nowrap;
}
.git-merge__conflict .git-merge-conflict__file-editor-pane .code-mirror {
  flex: 1 1;
  position: relative;
  height: 100%;
}
.git-merge__conflict .git-merge-conflict__file-editor-pane .code-mirror .CodeMirror {
  height: calc(100% - 2px);
  border: none;
}
.git-merge__conflict .git-merge-conflict__file-editor-pane .code-mirror .conflict-line {
  border-right: 2px solid #ce1228;
}
.git-merge__conflict .dropdown a {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.git-merge__button__merge {
  display: inline-block;
}
.git-merge__button__merge li {
  cursor: pointer;
}
.git-merge__button__merge span.dropdown button {
  margin-left: -1px !important;
}
.git-merge__button__merge span.dropdown ul {
  width: max-content;
}
.git-merge__button__merge span.dropdown ul li {
  font-family: 'SourceSansPro';
  font-weight: 400;
  font-size: 13px;
  cursor: pointer;
  text-align: left;
  padding: 2px 8px;
}
.git-merge__state-indicator,
.git-merge-list__state-indicator {
  display: inline-block;
  margin-left: 8px;
}
.git-merge__state-indicator.OPENED,
.git-merge-list__state-indicator.OPENED {
  color: #46a546;
}
.git-merge__state-indicator.MERGED,
.git-merge-list__state-indicator.MERGED {
  color: #7a43b6;
}
.git-merge__state-indicator.DELETED,
.git-merge-list__state-indicator.DELETED {
  color: #9d261d;
}
.git-merge__state-indicator {
  height: 48px;
  vertical-align: middle;
  font-family: 'SourceSansPro';
  font-weight: 500;
  font-size: 12px;
}
.git-merge-list__request-title {
  font-weight: 500;
}
.git-merge-list__request-info {
  font-size: 12px;
}
.git-merge-list__state-indicator {
  font-family: 'SourceSansPro';
  font-weight: 500;
  font-size: 10px;
  float: right;
}
.git-merge-request__search-icon {
  position: absolute;
  right: 12px;
  top: 9px;
  font-size: 15px;
  color: #bbbdbf;
}
.git-merge-request__search-filter {
  font-size: 12px;
  line-height: 12px;
  text-transform: initial;
}
.git-merge-request__search-filter input {
  height: 10px;
  vertical-align: text-top;
}
.fattable-default-style--hoverable .fattable-viewport > div > div:hover {
  background-color: #f2f2f2;
}
.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: #76b8fd;
  color: #ffffff;
}
.fattable-default-style .fattable-viewport .dku-labelled-toggle input:checked + * {
  background-color: #3b99fc;
  color: #ffffff;
}
.fattable-default-style .fattable-viewport .dku-labelled-toggle input:checked + *:hover {
  background-color: #76b8fd;
}
.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-viewport.fattable-viewport > div {
  font-size: 13px;
  font-family: 'SourceSansPro';
}
.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;
}
.homepage-content--reduced {
  width: calc(100% - 360px);
}
.homepage-content--full {
  width: calc(100% - 40px);
}
.homepage-content {
  display: flex;
  flex-flow: column;
}
.homepage__searchbar {
  height: 24px;
  width: 180px;
}
.homepage__searchbar ::ng-deep .clearable-searchbar__container {
  height: 24px;
}
.tile-set.projects .tile {
  height: 160px;
}
.tile-set.workspaces .tile {
  height: 128px;
}
.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[full-tile-link] {
  position: relative;
}
.tile-set .tile[full-tile-link] a:not([full-tile-main-link]),
.tile-set .tile[full-tile-link] button {
  z-index: 1;
  position: relative;
}
.tile-set .tile[full-tile-link] a[full-tile-main-link] {
  content: '';
  display: block;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}
.tile-set .tile.app {
  width: 160px;
}
.tile-menu {
  position: absolute;
  bottom: 8px;
  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;
}
.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.workspaces .empty-list-cta {
  height: 128px;
}
.tile-row {
  position: relative;
  padding: 0;
}
.tile-row .tile-row__body {
  position: relative;
}
.tile-row .tile-row__empty-state-container {
  padding: 0 40px;
}
.tile-row .tile-row__empty-search-cta {
  box-sizing: border-box;
  padding-top: 24px;
  padding-left: 64px;
}
.tile-row .tile-row__empty-search-cta p {
  margin: 0;
  font-size: 16px;
  font-weight: 400;
  line-height: 22px;
}
.tile-row .tile-row__empty-search-cta p.tile-row__empty-search-cta--bold {
  font-weight: 500;
}
.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 {
  height: 48px;
  margin: 0 13px 0 40px;
}
.tile-row .row-title h2 {
  margin: 0;
  font-family: 'SourceSansPro';
  font-weight: 500;
  font-size: 18px;
  line-height: normal;
}
.tile-row .row-title h2 .tooltip {
  font-weight: 400;
}
.tile-row .row-title h2 .expand-arrow {
  color: #3b99fc;
  font-weight: 400;
  text-transform: initial;
  font-size: 13px;
}
.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;
  vertical-align: middle;
  display: flex;
  gap: 8px;
}
.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;
  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;
}
.tile-rows:last-child {
  padding-bottom: 40px;
}
.homepage__items-lists-container {
  flex-shrink: 1;
  overflow: hidden;
}
.homepage__items-lists-container .scroll-zone {
  overflow: auto;
}
.homepage__items-lists-container .homepage__search-bar-container {
  padding-left: 40px;
  padding-top: 16px;
  padding-bottom: 8px;
  display: flex;
  align-items: center;
  gap: 8px;
  --basic-search-box-input-width: 272px;
}
.homepage__items-lists-container .homepage__search-bar-container .homepage__goto-preferences-btn {
  color: #666666;
}
.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(100% + 23px);
  position: relative;
  left: -23px;
  margin-top: 10px;
  height: auto;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.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 {
  font-family: 'SourceSansPro';
  font-weight: 500;
  font-size: 13px;
}
.tile-set .project-body.row-cell .description {
  overflow: hidden;
  max-height: 72px;
  max-width: 100%;
  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: 0;
  padding-top: 6px;
  line-height: initial;
  display: flex;
}
.tile-set.projects .project .project-title h3 a {
  max-width: 100%;
}
.tile-set.projects .project .project-branch {
  font-family: 'SourceSansPro';
  font-weight: 400;
  font-size: 13px;
  color: #666666;
  height: auto;
  display: flex;
  flex-direction: row;
  align-items: center;
  margin-top: -2px;
}
.tile-set.projects .project .project-branch .project-branch-icon {
  flex-grow: 0;
  margin-right: 4px;
}
.tile-set.projects .project .project-branch .project-branch-label {
  flex-grow: 1;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  direction: rtl;
  text-align: left;
}
.tile-set.projects .project .project-description {
  margin-top: 5px;
  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 .with-project-branch .project-description {
  min-height: 36px;
}
.tile-set.projects .project .with-project-branch .project-description .description {
  height: 36px;
}
.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.workspaces .workspace .workspace-image {
  width: 64px;
  height: 128px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 24px;
  color: #ffffff;
}
.tile-set.workspaces .workspace .workspace-body {
  margin: 4px 18px 7px 15px;
}
.tile-set.workspaces .workspace .workspace-body .description {
  overflow: hidden;
  max-height: 72px;
  max-width: 100%;
  position: absolute;
}
.tile-set.workspaces .workspace .workspace-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.workspaces .workspace .workspace-title h3 a {
  color: inherit;
  max-width: 100%;
}
.tile-set.workspaces .workspace .workspace-title h3 a:hover {
  text-decoration: none;
}
.tile-set.workspaces .workspace .workspace-title h3 a:focus {
  outline: none;
}
.tile-set.workspaces .workspace .workspace-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.workspaces .workspace .workspace-description h1 {
  font-family: 'SourceSansPro';
  font-weight: 400;
  font-size: 20px;
  line-height: 23px;
  margin: 0 0 8px 0;
}
.tile-set.workspaces .workspace .workspace-description h2 {
  font-family: 'SourceSansPro';
  font-weight: 400;
  font-size: 18px;
  line-height: 21px;
  margin: 0 0 5px 0;
}
.tile-set.workspaces .workspace .workspace-description h3 {
  font-family: 'SourceSansPro';
  font-weight: 400;
  font-size: 16px;
  line-height: 19px;
  margin: 0;
}
.tile-set.workspaces .workspace .workspace-description h4 {
  font-family: 'SourceSansPro';
  font-weight: 400;
  font-size: 14px;
  line-height: 17px;
  margin: 0;
}
.tile-set.workspaces .workspace .workspace-description em {
  font-style: normal;
}
.tile-set.workspaces .workspace .workspace-description .description {
  height: 56px;
}
.tile-set.workspaces .workspace .workspace-description .description .description-on-home {
  overflow-y: auto;
}
.tile-set.workspaces .workspace .workspace-description .description .description-on-home > p {
  margin: 0;
}
.tile-set.workspaces .workspace .workspace-people {
  flex: 0 0 auto;
  white-space: nowrap;
  height: 23px;
  margin-top: 6px;
}
.tile-set.workspaces .workspace .workspace-people a {
  margin-right: 5px;
  display: inline-block;
  height: 23px;
  width: 23px;
}
.tile-set.workspaces .workspace .workspace-people div {
  border: none;
  box-shadow: none;
  border-radius: 11.5px;
  vertical-align: initial;
  height: 100%;
  width: 100%;
}
.tile-set.workspaces .workspace .workspace-people .contributor {
  display: inline-block;
  box-sizing: border-box;
  margin-bottom: 2px;
}
.tile-set.workspaces .workspace .workspace-people .contributor div {
  background-color: #cccccc;
  height: 100%;
  width: 100%;
  border-radius: 50%;
}
.tile-set.workspaces .workspace .workspace-people .contributor.icon-group {
  display: inline-block;
  background-color: #333333;
  line-height: 23px;
  width: 23px;
  height: 23px;
  border-radius: 50%;
  color: #ffffff;
  text-align: center;
  overflow: hidden;
}
.tile-set.workspaces .workspace .workspace-people .hidden-contributors {
  text-decoration: none;
  color: #ffffff;
  text-align: center;
  overflow: hidden;
  line-height: 23px;
  width: 23px;
  height: 23px;
}
.tile-set.workspaces .workspace .workspace-people .hidden-contributors div {
  height: 100%;
  width: 100%;
  border-radius: 50%;
}
.tile-set.workspaces .workspace .workspace-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 .std-list-search-box input.invalid-ignores-dirty.ng-invalid,
.invalid-ignores-dirty .tile-set .search-bar .std-list-search-box input.ng-invalid {
  border: 1px solid #ce1228;
}
.tile-set .search-bar .sort-box {
  font-size: 0;
  white-space: nowrap;
  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;
}
.btn-group.new-project,
.btn-group.new-folder {
  display: inline-block;
}
.btn-group.new-project .btn,
.btn-group.new-folder .btn {
  min-width: 140px;
}
.popover.new-project-options {
  padding: 0;
  margin-top: 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;
}
.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 .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 .dku-icon-home-16,
.tile-row .portal-container .getting-started-wiki-article .article-outline .wiki-taxonomy-list .dku-icon-home-16 {
  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,
.getting-started-panel .portals-panel .portals-list .portal span,
.tile-row .portals-panel .portals-list .portal span {
  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;
  vertical-align: middle;
  display: flex;
  gap: 8px;
}
.new-project-btn-container .new-folder {
  min-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;
  }
}
.homepage-content-without-home-banner {
  padding-top: 16px;
}
.governance-status {
  border: 1px solid #dddddd;
  padding: 15px;
  background: #ffffff;
  width: 600px;
}
.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-endpoint .openapi-editor .CodeMirror {
  height: 100%;
}
.api-deployer-deployment-status-page {
  padding: 8px;
}
.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__summary-models {
  height: 56px;
}
.api-deployer-deployment__summary-model-label {
  width: 92px;
  font-size: 16px;
  font-weight: 400;
  line-height: 25px;
}
.api-deployer-deployment__summary-model-card {
  max-width: 250px;
  border: 1px solid #dddddd;
}
.api-deployer-deployment__summary-models > .api-deployer-deployment__summary-model-card ~ .api-deployer-deployment__summary-model-card {
  margin-left: 8px;
}
.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%;
}
.api-deployer-deployment-history-api-error {
  padding: 20px 20px 0 20px;
}
.api-deployer-deployment-history-git-history {
  position: absolute;
  width: 90%;
  height: 100%;
}
.api-deployer-deployment-settings-page .dkuform-horizontal .control-group .controls .api-node-url-input input[type=text] {
  width: 225px;
}
@media (max-width: 1049px) {
  .release-notes-modal {
    width: 560px;
  }
}
@media (min-width: 1050px) {
  .release-notes-modal {
    width: 900px;
  }
}
.release-notes-modal #release-notes {
  padding: 0 25px 0 10px;
  white-space: pre-wrap;
  max-height: 350px;
  word-break: break-word;
}
#bundle-details-modal #presence-indicator {
  font-size: 8px !important;
  color: green;
  position: relative;
  bottom: 6px;
}
#bundle-details-modal #release-notes {
  padding: 0 25px 0 10px;
  white-space: pre-wrap;
  word-break: break-word;
}
#webapps-container #filters-container {
  display: inline-flex;
}
#webapps-container #filters-container > div {
  margin-right: 24px;
}
#webapps-container #filters-container > div > span {
  display: inline;
  vertical-align: text-bottom;
}
#webapps-container #filters-container .dku-toggle {
  margin: 0;
}
#webapps-container #webapps-table {
  margin-bottom: 0px;
}
#webapps-container #webapps-table th {
  font-weight: 500;
}
#webapps-container #webapps-table th:not(:first-child) {
  text-align: center;
}
#webapps-container #webapps-table th.align-left {
  text-align: left;
}
#webapps-container #webapps-table td {
  vertical-align: middle;
}
#webapps-container #webapps-table td > a {
  align-items: baseline;
}
#webapps-container #webapps-table td > div {
  width: 100%;
  display: flex;
  justify-content: center;
}
#webapps-container #webapps-table td > div .status-icon {
  margin-right: 0px;
}
#webapps-container #webapps-table td .colored.dku-icon-checkmark-24,
#webapps-container #webapps-table td .colored.dku-icon-checkmark-circle-outline-24 {
  color: #4caf50;
}
#webapps-container #webapps-table td .colored.dku-icon-dismiss-24,
#webapps-container #webapps-table td .colored.dku-icon-dismiss-circle-fill-24 {
  color: #ce1228;
}
#webapps-container #webapps-table td .colored.dku-icon-question-24 {
  color: #999999;
}
#webapps-container #webapps-table tr#no-webapps-placeholder {
  display: block;
  padding: 0 0 0 16px;
  margin-top: 16px;
}
#webapps-container #webapps-table tr#no-webapps-placeholder td {
  border: none;
}
.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% - 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: 100%;
}
.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;
  line-height: normal;
}
.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: 230px;
  justify-content: flex-end;
}
.plugin-request-modal__alert {
  margin-bottom: 0px;
}
.plugin-request-modal__body {
  padding-left: 16px;
  padding-bottom: 8px;
  padding-top: 8px;
}
.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;
  width: 24px;
}
.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 .code-studio {
  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 .code-studio {
  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;
  line-height: normal;
}
.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:not(.git-conflict) a {
  color: #333333;
}
.plugin-dev-commons .plugin-content .content-list .content-row:not(.git-conflict) a:hover {
  text-decoration: none;
}
.plugin-dev-commons .plugin-content .content-list .content-row.git-conflict a {
  color: #ce1228;
}
.plugin-dev-commons .plugin-content .content-list .content-row.git-conflict 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:not(.git-conflict).editing .name-with-info .name,
.plugin-dev-commons .plugin-content .content-list .content-row:not(.git-conflict).editing .name-with-icon .name,
.plugin-dev-commons .plugin-content .content-list .content-row:not(.git-conflict).editing .name-with-info > i,
.plugin-dev-commons .plugin-content .content-list .content-row:not(.git-conflict).editing .name-with-icon > i,
.plugin-dev-commons .plugin-content .content-list .content-row:not(.git-conflict).editing .name-with-info .file-size,
.plugin-dev-commons .plugin-content .content-list .content-row:not(.git-conflict).editing .name-with-icon .file-size {
  color: #3b99fc;
}
.plugin-dev-commons .plugin-content .content-list .content-row.git-conflict.editing .name-with-info .name,
.plugin-dev-commons .plugin-content .content-list .content-row.git-conflict.editing .name-with-icon .name,
.plugin-dev-commons .plugin-content .content-list .content-row.git-conflict.editing .name-with-info > i,
.plugin-dev-commons .plugin-content .content-list .content-row.git-conflict.editing .name-with-icon > i,
.plugin-dev-commons .plugin-content .content-list .content-row.git-conflict.editing .name-with-info .file-size,
.plugin-dev-commons .plugin-content .content-list .content-row.git-conflict.editing .name-with-icon .file-size {
  color: #ce1228;
}
.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: 20px;
  margin-right: 4px;
  color: #666666;
}
.plugin-dev-commons .plugin-content .content-list .content-row i.dku-icon-caret-down-12,
.plugin-dev-commons .plugin-content .content-list .content-row i.dku-icon-caret-right-12 {
  position: absolute;
  display: inline-block;
  margin: 0;
}
.plugin-dev-commons .plugin-content .content-list .content-row .tool-button {
  display: flex;
  flex-direction: column;
  align-items: center;
  line-height: 20px;
  height: 20px;
  font-size: 20px;
  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:not(.git-conflict).file-size {
  color: #cccccc;
}
.plugin-dev-commons .plugin-content .content-list .content-row.git-conflict.file-size {
  color: #ce1228;
}
.plugin-dev-commons .plugin-content .content-list .content-row:hover:hover {
  background-color: #3b99fc;
}
.plugin-dev-commons .plugin-content .content-list .content-row:hover:hover .name-with-info .name,
.plugin-dev-commons .plugin-content .content-list .content-row:hover:hover .name-with-icon .name,
.plugin-dev-commons .plugin-content .content-list .content-row:hover:hover .name-with-info > i,
.plugin-dev-commons .plugin-content .content-list .content-row:hover:hover .name-with-icon > i,
.plugin-dev-commons .plugin-content .content-list .content-row:hover:hover .name-with-info .file-size,
.plugin-dev-commons .plugin-content .content-list .content-row:hover:hover .name-with-icon .file-size {
  color: #ffffff;
}
.plugin-dev-commons .plugin-content .content-list .content-row:hover:hover .tool-button {
  opacity: 1;
}
.plugin-dev-commons .plugin-content .content-list .content-row:hover: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-flex;
  justify-content: center;
  align-items: center
                        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-flex;
  justify-content: center;
  align-items: center;
}
.plugin-dev-commons .plugin-content .content-editor .button-bar .tabs li .close-file .dirty-indicator {
  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 .dirty-indicator {
  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.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;
}
.labeling-creation-modal {
  width: 690px;
  max-height: 450px;
}
.labeling-creation-expl {
  text-align: center;
  margin-top: 8px;
  padding: 16px;
}
.labeling-creation {
  display: flex;
  flex-direction: column;
  padding: 16px;
}
.labeling-creation__section {
  display: flex;
  flex-direction: column;
  flex-basis: 100%;
  flex: 1;
  margin-bottom: 8px;
}
.labeling-creation__section:last-child {
  margin-bottom: 0;
}
.labeling-creation__section_header {
  color: #666666;
  margin: 4px 8px;
}
.labeling-creation__section_header__title {
  font-size: 22px;
  margin: 0 8px;
}
.labeling-creation__section_header__desc {
  font-size: 13px;
}
.labeling-creation__section__items {
  display: flex;
  flex-direction: row;
  flex-basis: 100%;
  flex: 1;
  justify-content: space-between;
}
.labeling-creation__section__items__modal {
  display: flex;
  flex-direction: row;
  flex-basis: 100%;
  flex: 1;
  justify-content: space-between;
  justify-content: flex-start;
}
.labeling-creation__type-selector {
  display: flex;
  padding: 16px;
  margin: 8px;
  width: 296px;
  cursor: pointer;
  border: 1px solid #dddddd;
  padding: 5px;
  margin: 8px 10px;
}
.labeling-creation__type-selector:not(.selectable):not(.hoverable) {
  color: #cccccc;
}
.labeling-creation__type-selector:not(.selectable):not(.hoverable) img {
  opacity: .25;
}
.labeling-creation__type-selector.selectable:hover {
  cursor: pointer;
  background-color: #f2f2f2;
}
.labeling-creation__type-selector.selected,
.labeling-creation__type-selector.selected:hover {
  border-color: #3b99fc;
  background-color: #ffffff;
}
.labeling-creation__type-selector i:not(.universe-color):not(.icon-trash):not([class*="dku-icon-trash-"]):not(.illustration):not('.selector-item__icon--has-color') {
  color: #666666;
}
.labeling-creation__type-selector .selection-indicator {
  display: inline-block;
  width: 20px;
  max-height: 20px;
  text-align: center;
}
.labeling-creation__type-selector .selection-indicator i {
  color: #3b99fc;
}
.labeling-creation__type-selector .selectable-item__icon {
  display: inline-block;
  width: 20px;
  text-align: center;
  color: #cccccc;
}
.labeling-creation__type-selector .selectable-item__title {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  color: #222222;
  font-weight: 500;
  max-width: 90%;
}
.labeling-creation__type-selector .selectable-item__description {
  font-weight: 400;
}
.labeling-creation__type-selector-txt {
  margin-left: 8px;
}
.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 {
  /* 250px - width of the left pane
            spacing-7x = spacing-2x (margin-right) + spacing-2x (margin-left) + spacing (padding left) + spacing-2x (padding right)
            2 = 1px (border-left) + 1px (border right)
            */
  width: calc(192px);
  padding: 0 16px 0 8px;
}
.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;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: row;
  flex-direction: row;
  box-sizing: border-box;
}
.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: 26px;
}
.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 .standard-container__list-item-title {
  min-width: fit-content;
}
.deployment-card__list-single-row-body-text {
  max-width: 90%;
}
.deployment-card__list-item-body-text {
  max-width: 240px;
}
.deployment-card__empty {
  display: flex;
  height: inherit;
  align-items: center;
}
.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 {
  max-width: 20%;
  font-size: 12px;
  text-align: right;
}
.package-status__stat-model-bloc {
  float: right;
}
.package-status__stat-model-subtitle div {
  margin-left: auto;
}
.package-status__deployments {
  flex: 1 0 25%;
}
.package-status__deployments,
.package-status__stats {
  padding: 0 24px;
}
.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: 60px;
}
.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;
  position: relative;
}
.deployment-dashboard-main__header,
.deployment-dashboard-main__stages {
  width: auto;
}
.deployment-dashboard-main__header {
  margin-bottom: 10px;
  padding-top: 0;
  z-index: 1;
}
.deployment-dashboard-main-stages {
  margin-left: -8px;
}
.deployment-dashboard-main-stages .fattable-h-scrollbar {
  overflow-x: auto;
}
.deployment-dashboard-main-stages .fattable-v-scrollbar {
  overflow-y: auto;
  min-width: 15px;
}
.deployment-dashboard-main-stages__column-header {
  font-weight: lighter;
  width: 300px;
  margin-left: 8px;
}
.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-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 {
  display: flex;
  gap: 24px;
  align-items: center;
  justify-content: center;
  height: 100vh;
  width: 100vw;
  overflow-y: auto;
  flex-direction: column;
  padding: 0 10vw;
  box-sizing: border-box;
}
@media (max-width: 800px) {
  .deployer-home {
    padding: 0 16px;
  }
}
.deployer-home .deployer-home__buttons {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  gap: 3vw;
  width: 100%;
  min-width: 650px;
}
.deployer-home .deployer-home__buttons .deployer-home__button-tile {
  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);
  background: white;
  min-width: 200px;
  cursor: pointer;
}
.deployer-home .deployer-home__buttons .deployer-home__button-tile: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 .deployer-home__buttons .deployer-home__button-tile .deployer-home__header {
  width: 100%;
  aspect-ratio: 3.28409091;
}
.deployer-home .deployer-home__buttons .deployer-home__button-tile .deployer-home__header img {
  width: 100%;
  height: 100%;
}
.deployer-home .deployer-home__buttons .deployer-home__button-tile .deployer-home__content {
  width: 100%;
  height: 5vh;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 20px;
  font-weight: 500;
  padding: 16px 0;
}
.deployer-home .deployer-home__overview {
  width: 100%;
  min-width: 650px;
  display: flex;
  background: white;
  border: 1px solid #dddddd;
  justify-content: space-around;
  margin-bottom: 48px;
  padding: 64px 0;
}
@media (max-height: 500px) {
  .deployer-home .deployer-home__overview {
    padding: 16px 0;
    margin-bottom: 16px;
  }
}
.deployer-home .deployer-home__overview .deployer-home__stages {
  display: flex;
  padding: 36px 12px;
  align-items: center;
  justify-content: center;
  gap: 12px;
  width: 50%;
}
.deployer-home .deployer-home__overview .deployer-home__stages .deployer-home__total {
  border-right: 1px solid #dddddd;
  width: 140px;
}
.deployer-home .deployer-home__overview .deployer-home__stages .deployer-home__total .deployer-home__label {
  color: #222222;
  text-align: center;
  font-size: 20px;
  font-size: 16px;
  font-weight: 500;
  padding-top: 8px;
  white-space: nowrap;
}
.deployer-home .deployer-home__overview .deployer-home__stages .deployer-home__total .deployer-home__count {
  color: #3054b1;
  width: 100%;
  font-size: 40px;
  text-align: center;
}
.deployer-home .deployer-home__overview .deployer-home__stages .deployer-home__list {
  width: 20vw;
  max-width: 250px;
  flex-grow: 2;
}
.deployer-home .deployer-home__overview .deployer-home__stages .deployer-home__list .deployer-home__item {
  display: flex;
  justify-content: space-between;
}
.deployer-home .deployer-home__overview .deployer-home__stages .deployer-home__list .deployer-home__item .deployer-home__label {
  text-align: left;
  font-weight: 500;
}
.deployer-home .deployer-home__overview .deployer-home__stages .deployer-home__list .deployer-home__item .deployer-home__count {
  text-align: right;
  padding-left: 16px;
  color: #3054b1;
  font-weight: 500;
}
.deployer-home .deployer-home__overview .deployer-home__empty-state {
  padding: 32px;
  box-sizing: border-box;
  gap: 48px;
  display: flex;
  width: 100%;
}
.deployer-home .deployer-home__overview .deployer-home__empty-state .title {
  color: #666666;
  margin-bottom: 24px;
  font-weight: 400;
  font-size: 28px;
  line-height: 28px;
}
.deployer-home .deployer-home__overview .deployer-home__empty-state .description {
  color: #666666;
  font-weight: 400;
  font-size: 14px;
  line-height: 18px;
  margin-bottom: 8px;
}
.deployer-home .deployer-home__overview .deployer-home__empty-state .link {
  color: #666666;
  font-weight: 400;
  font-size: 14px;
  line-height: 18px;
}
.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 .first-column {
  padding-left: 24px;
}
.scenario-outcomes--deployer .graph-body .first-column ul li {
  padding-left: 24px;
}
.deployer-scenario-outcomes-table .date-label,
.deployer-webapps-table .date-label,
.deployer-scenario-outcomes-table .hovered-date-label,
.deployer-webapps-table .hovered-date-label {
  text-align: center;
  line-height: 13px;
  color: #999999;
  font-weight: 200;
}
.deployer-scenario-outcomes-table .cell,
.deployer-webapps-table .cell {
  border-left: 1px solid #dddddd;
  position: relative;
}
.deployer-scenario-outcomes-table .cell a,
.deployer-webapps-table .cell a {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}
.deployer-scenario-outcomes-table .weekend,
.deployer-webapps-table .weekend {
  background-color: #f2f2f2;
}
.deployer-scenario-outcomes-table th,
.deployer-webapps-table th {
  border-bottom: 1px solid #bbbbbb;
}
.deployer-scenario-outcomes-table td.cell,
.deployer-webapps-table td.cell {
  border-top: none;
}
.deployer-scenario-outcomes-table .deployer-graph-cell-line,
.deployer-webapps-table .deployer-graph-cell-line {
  position: absolute;
  left: -1px;
  right: -1px;
  top: calc(50% - 2px);
  bottom: calc(50% - 2px);
}
.deployer-scenario-outcomes-table .deployer-graph-cell-line.success,
.deployer-webapps-table .deployer-graph-cell-line.success {
  background: #4caf50;
}
.deployer-scenario-outcomes-table .deployer-graph-cell-line.warning,
.deployer-webapps-table .deployer-graph-cell-line.warning {
  background: #f28c37;
}
.deployer-scenario-outcomes-table .deployer-graph-cell-line.failed,
.deployer-webapps-table .deployer-graph-cell-line.failed {
  background: #ce1228;
}
.deployer-scenario-outcomes-table .deployer-graph-cell-line.aborted,
.deployer-webapps-table .deployer-graph-cell-line.aborted {
  background: #bbbbbb;
}
.deployer-scenario-outcomes-table tr.alert:hover td,
.deployer-webapps-table tr.alert:hover td {
  background: none;
}
.deployer-table.deployer-table {
  cursor: pointer;
  margin: 0 32px 32px 8px;
}
.deployer-table.deployer-table:hover:not(.standard-widget--disabled) {
  box-shadow: 0px 3px 4px rgba(0, 0, 0, 0.14), 0px 3px 3px rgba(0, 0, 0, 0.2), 0px 1px 8px rgba(0, 0, 0, 0.12);
}
.deployer-table.deployer-table > div {
  font-size: 13px;
}
.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;
}
.active-log td {
  font-weight: 600;
}
.log-name {
  font-family: 'SourceSansPro';
  font-weight: 400;
  font-size: 16px;
}
.deployment-hooks-table ul.nav-tabs {
  padding: 0;
}
.deployment-hooks-table div.tab-content {
  padding: 0;
}
.deployment-hooks-table table {
  border: 1px solid #bbbbbb;
  border-radius: 4px;
}
.deployment-hooks-table table .hook-row-drag {
  width: 20px;
}
.deployment-hooks-table table .hook-row-name {
  width: 215px;
}
.deployment-hooks-table table .hook-row-description {
  width: calc(100% - 320px);
}
.deployment-hooks-table table .hook-row-status {
  width: 60px;
}
.deployment-hooks-table table .hook-row-delete {
  width: 25px;
}
.deployment-hooks-table th,
.deployment-hooks-table td {
  border: 1px solid #dddddd;
  border-left: none;
  border-right: none;
  vertical-align: middle;
}
.deployment-hooks-table .ui-sortable-helper {
  display: table;
  table-layout: fixed;
}
deployment-hooks-details input.ng-invalid {
  border: 1px solid #ce1228;
}
div.span10.h100.offset0.boxed-next-to-sidebar deployment-hooks-issues {
  padding: 0;
  box-sizing: unset;
}
div.span10.h100.offset0.boxed-next-to-sidebar deployment-hooks-issues .message-details {
  white-space: pre;
}
.automation-node-url-input input[type=text] {
  width: 225px;
}
.deployer-generic-card {
  background-color: #ffffff;
  border: solid 1px #dddddd;
  margin: 8px;
}
.deployer-generic-card-no-bottom-margin {
  background-color: #ffffff;
  border: solid 1px #dddddd;
  margin: 8px;
  margin-bottom: 0;
}
.deployer-generic-card-header {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
}
.deployer-generic-card-header_head {
  display: flex;
  flex-direction: row;
  align-items: center;
  font-size: 16px;
  font-weight: 500;
}
.deployer-generic-card-header_collapse {
  cursor: pointer;
}
.deployer-generic-card-content {
  padding-top: 8px;
  overflow: hidden;
}
.deployer-generic-card-content[collapse=true] {
  max-height: 0px;
  padding: 0;
}
.deployer-model-status-table tr th {
  text-align: left;
  font-weight: 500;
  padding: 8px;
  border-bottom: 1px solid #dddddd;
}
.deployer-model-status-table tr td {
  padding: 8px 16px 8px 8px;
  vertical-align: top;
  border: 1px solid #dddddd;
}
.deployer-model-status-table tr td:first-child {
  border-left: none;
}
.deployer-model-status-table tr td:last-child {
  border-right: none;
}
.deployer-model-status-table tr th:nth-child(2) {
  max-width: 178px;
  width: 178px;
}
.deployer-model-status-table tr th:nth-child(3) {
  max-width: 166px;
  width: 166px;
}
.deployer-model-status-table tr th:nth-child(4) {
  max-width: 166px;
  width: 166px;
}
.deployer-left-menu {
  margin: 0;
}
.deployer-left-menu__item {
  list-style: none;
  font-size: 14px;
  padding: 4px 0 4px 24px;
}
.deployer-left-menu__item a {
  text-decoration: none;
  cursor: pointer;
  color: #222222;
  font-weight: 400;
}
.deployer-left-menu__item a.disabled {
  text-decoration: none;
  cursor: default;
  color: #cccccc;
}
.deployer-left-menu__item.active {
  padding-left: 20px;
  border-left: solid 4px #3b99fc;
}
.deployer-left-menu__item.active a {
  color: #3b99fc;
  font-weight: 700;
}
.deployer-inline-deployment-card {
  padding: 32px 0;
  width: auto;
  border-left: 7px #3f51b5 solid;
}
a.deployer-link {
  text-decoration: none;
  color: #3b99fc;
}
.deployer-inline-deployment-card__title {
  font-weight: 500;
  font-size: 16px;
  max-width: 240px;
}
.deployer-inline-deployment-card__version {
  font-weight: 400;
  font-size: 13px;
  max-width: 240px;
}
.deployer-inline-deployment-card__items {
  display: flex;
  gap: 32px;
  overflow: hidden;
}
.deployer-inline-deployment-card__item {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.deployer-inline-deployment-card__item standard-container__list-item-body {
  width: 100%;
}
.deployer-inline-deployment-card__item-title {
  font-weight: 500;
  font-size: 13px;
}
.deployer-inline-deployment-card__see-details {
  display: flex;
  justify-content: right;
  padding-right: 16px;
}
.deployer-inline-deployment-card__details {
  transition: max-height 0.3s ease-in-out;
  max-height: 200px;
  overflow: hidden;
}
.deployer-inline-deployment-card__details[open-details=false] {
  max-height: 0;
  transition: max-height 0.3s ease-in-out;
}
.deployer-status-icon {
  display: flex;
  margin-right: 8px;
}
.deployer-status-icon.dku-icon-checkmark-circle-outline-24 {
  color: #4caf50;
}
.deployer-status-icon.dku-icon-warning-fill-24 {
  color: #f28c37;
}
.deployer-status-icon.dku-icon-dismiss-circle-fill-24 {
  color: #ce1228;
}
.deployer-status-icon.dku-icon-line-24 {
  color: #222222;
}
.deployer-status-icon.dku-icon-cancel-24 {
  color: #bbbbbb;
}
.deployer-deployment-status-icon,
.deployer-deployment-status-icon-round {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 24px;
  height: 24px;
}
.deployer-deployment-status-icon[class*="dku-icon-checkmark-"],
.deployer-deployment-status-icon-round[class*="dku-icon-checkmark-"] {
  color: #4caf50;
}
.deployer-deployment-status-icon[class*="dku-icon-warning-"],
.deployer-deployment-status-icon-round[class*="dku-icon-warning-"],
.deployer-deployment-status-icon[class*="dku-icon-arrow-circular-"],
.deployer-deployment-status-icon-round[class*="dku-icon-arrow-circular-"] {
  color: #f28c37;
}
.deployer-deployment-status-icon[class*="dku-icon-dismiss-"],
.deployer-deployment-status-icon-round[class*="dku-icon-dismiss-"] {
  color: #ce1228;
}
.deployer-deployment-status-icon[class*="dku-icon-line-"],
.deployer-deployment-status-icon-round[class*="dku-icon-line-"],
.deployer-deployment-status-icon[class*="dku-icon-empty-"],
.deployer-deployment-status-icon-round[class*="dku-icon-empty-"] {
  color: #666666;
}
.deployer-deployment-status-icon-round {
  width: 44px;
  height: 44px;
  border-radius: 22px;
}
.deployer-deployment-status-icon-round[class*="dku-icon-checkmark-"] {
  background-color: #e8f5e9;
}
.deployer-deployment-status-icon-round[class*="dku-icon-warning-"],
.deployer-deployment-status-icon-round[class*="dku-icon-arrow-circular-"] {
  background-color: #fdf1e7;
}
.deployer-deployment-status-icon-round[class*="dku-icon-dismiss-"] {
  background-color: #f9e3e5;
}
.deployer-deployment-status-icon-round[class*="dku-icon-line-"],
.deployer-deployment-status-icon-round[class*="dku-icon-empty-"] {
  background-color: #f2f2f2;
}
.deployer-data-status-header {
  display: flex;
  justify-content: center;
  gap: 24px;
  padding: 8px 16px 16px 16px;
}
.deployer-data-status-header .label {
  font-weight: 500;
}
.deployer-data-status-content {
  width: 448px;
}
.deployer-data-status__ok {
  background-color: #4caf50;
}
.deployer-data-status__warning {
  background-color: #f28c37;
}
.deployer-data-status__error {
  background-color: #ce1228;
}
.deployer-data-status__notComputed {
  background-color: #666666;
}
.deployer-icon.dku-icon-dataiku-12 {
  display: flex;
  align-items: center;
  background-color: #3b99fc;
  color: #ffffff;
  width: 16px;
  height: 16px;
  border-radius: 8px;
}
.deployer-endpoint-card {
  list-style-type: none;
  flex-grow: 0;
}
.deployer-endpoint-card_table {
  display: grid;
  grid-template-columns: auto 1fr;
}
.deployer-endpoint-card_table tbody,
.deployer-endpoint-card_table tr {
  display: contents;
}
.deployer-endpoint-card_table td:nth-child(even) {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.deployer-endpoint-card_table tr > td {
  padding-bottom: 8px;
}
.deployer-endpoint-selector .ng-select .ng-select-container {
  padding: 16px;
}
.deployer-endpoint-selector .ng-select .ng-select-container .ng-value {
  padding-bottom: 20px;
}
.deployer-api-endpoint-type-icon {
  color: #999999;
}
.deployer-api-endpoint-type-icon.dku-icon-modelize-24,
.deployer-api-endpoint-type-icon.dku-icon-time-series-24,
.deployer-api-endpoint-type-icon.dku-icon-lever-24,
.deployer-api-endpoint-type-icon.dku-icon-clustering-24,
.deployer-api-endpoint-type-icon.dku-icon-custom-prediction-python-24,
.deployer-api-endpoint-type-icon.dku-icon-custom-prediction-r-24 {
  color: #29af5d;
}
.deployer-api-endpoint-type-icon.dku-icon-ai-prompt-24 {
  color: #d66f9e;
}
.deployer-api-endpoint-type-icon.dku-icon-dataset-24 {
  color: #28a9dd;
}
.deployer-api-endpoint-type-icon.dku-icon-r-24,
.deployer-api-endpoint-type-icon.dku-icon-python-24,
.deployer-api-endpoint-type-icon.dku-icon-sql-24 {
  color: #f28c38;
}
.deployer-api-endpoint-selector .mainzone {
  height: 72px;
  background: white;
  border: 1px solid #dddddd;
}
.deployer-api-endpoint-selector .mainzone .selection {
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding-left: 16px;
}
.deployer-api-endpoint-selector .mainzone .selection .name {
  font-size: 13px;
  padding-bottom: 8px;
  max-width: 150px;
}
.deployer-api-endpoint-selector .mainzone .selection .count {
  font-size: 13px;
  text-transform: uppercase;
  font-weight: 500;
  color: #999999;
  white-space: nowrap;
}
.deployer-endpoint-card_item-title {
  font-weight: 500;
  white-space: nowrap;
  padding-right: 16px;
}
deployer-copiable-element {
  cursor: pointer;
}
deployer-copiable-element i.dku-icon-copy-16 {
  opacity: 0;
}
deployer-copiable-element i.dku-icon-warning-outline-16,
deployer-copiable-element i.dku-icon-warning-fill-16 {
  color: #f28c37;
}
deployer-copiable-element span {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
deployer-copiable-element:hover i.dku-icon-copy-16 {
  opacity: 1;
  color: #3b99fc;
}
.deployer-pipe-horizontal-separator {
  border-left: solid 1px #cccccc;
}
deployer-external-link-element {
  overflow: hidden;
}
deployer-external-link-element a {
  width: 100%;
  cursor: pointer;
  color: #3b99fc;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
deployer-external-link-element a:hover,
deployer-external-link-element a:visited,
deployer-external-link-element a:active {
  text-decoration: none;
  color: #3b99fc;
}
deployer-external-link-element i {
  opacity: 0;
}
deployer-external-link-element:hover i {
  opacity: 1;
  color: #3b99fc;
}
.deployer-info-message-header {
  margin: 0;
  font-size: 16px;
  font-weight: 500;
}
.deployer-info-message-title {
  white-space: nowrap;
  font-weight: 500;
}
.deployer-info-message-title .dku-icon-dismiss-circle-fill-16 {
  color: #ce1228;
}
.deployer-info-message-title .dku-icon-warning-fill-16 {
  color: #f28c37;
}
.deployer-info-message-title .dku-icon-info-circle-outline-16 {
  color: #31708f;
}
.deployer-info-message-title .dku-icon-checkmark-circle-outline-16 {
  color: #4caf50;
}
.consistency-check-report h1 {
  font-size: 24px;
}
.consistency-check-report h2 {
  font-weight: 400;
}
.consistency-check-report .connection-checks .summary {
  font-weight: 500;
}
.consistency-check-report .connection-checks .info-banner {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 8px;
  height: 18px;
}
.deployer-empty-state {
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: column;
  flex-direction: column;
  width: 100%;
  box-sizing: border-box;
  align-items: center;
  justify-content: center;
  width: auto;
  margin: 16px 24px 24px 24px;
}
.deployer-empty-state > .standard-container__wrap {
  flex-grow: 0;
}
.deployer-empty-state > .standard-container__wrap + .standard-container__wrap {
  margin-top: 32px;
  margin-left: 0;
  flex-grow: 0;
}
.deployer-empty-state > .flex {
  -webkit-flex: 1 1 auto;
  flex: 1 1 auto;
  position: relative;
}
.deployer-empty-state > .flex .override-min-height {
  min-height: 0px;
}
.deployer-empty-state > .flex-no-basis,
.deployer-empty-state .flex-no-basis {
  -webkit-flex: 1 1 0;
  flex: 1 1 0;
  position: relative;
}
.deployer-empty-state > .flex-no-basis .override-min-height,
.deployer-empty-state .flex-no-basis .override-min-height {
  min-height: 0px;
}
.deployer-empty-state > .flex-no-grow {
  -webkit-flex: 0 1 auto;
  flex: 0 1 auto;
  position: relative;
}
.deployer-empty-state > .flex-no-shrink {
  -webkit-flex: 1 0 auto;
  flex: 1 0 auto;
  position: relative;
}
.deployer-empty-state > .noflex,
.deployer-empty-state .top-level-tabs,
.deployer-empty-state > .alert,
.deployer-empty-state > .bottom-bar,
.deployer-empty-state > .input-append,
.deployer-empty-state > div[block-api-error],
.deployer-empty-state > h1,
.deployer-empty-state > h2,
.deployer-empty-state > h3,
.deployer-empty-state > h4,
.deployer-empty-state > h5,
.deployer-empty-state > h6 {
  -webkit-flex-flex: 0 0 auto;
  flex: 0 0 auto;
}
.deployer-empty-state .title {
  line-height: 28px;
  font-size: 22px;
  font-weight: 500;
  color: #666666;
}
.deployer-empty-state div {
  text-align: center;
}
.monitoring {
  overflow: auto;
}
.monitoring .monitoring--model-section {
  margin: 20px 10px 10px 16px;
}
.monitoring .monitoring--deployments {
  margin-left: 16px;
  width: 95%;
}
.monitoring .monitoring--deployments h2 {
  font-size: 20px;
  padding-bottom: 0;
  margin-top: 0;
  border-bottom: 1px solid #dddddd;
}
.monitoring .monitoring--deployments table {
  margin-top: 5px;
  border: 1px solid #dddddd;
}
.monitoring .monitoring--deployments table td {
  vertical-align: middle;
}
.monitoring .monitoring--deployments table td div {
  display: flex;
}
.monitoring .monitoring--deployments table td ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
}
.monitoring .monitoring--deployments table td i {
  font-size: 150%;
}
.monitoring .monitoring--deployments .border-left {
  border-left: 1px solid #dddddd;
}
.monitoring .monitoring--deployments .deployment-stage {
  padding-left: 15px;
}
.monitoring .monitoring--deployments .deployment-stage input {
  margin-top: 0;
}
.monitoring .monitoring-details h4 {
  margin-top: 0;
}
.monitoring .monitoring-details__table {
  text-align: left;
  font-size: 13px;
  margin-left: 16px;
  width: 80%;
}
.monitoring .monitoring-details__table th,
.monitoring .monitoring-details__table td {
  border-bottom: 1px solid #dddddd;
  height: 40px;
}
.monitoring .monitoring-details__table th {
  width: 170px;
}
.monitoring .monitoring-details__table th i {
  margin-left: 2px;
}
.monitoring .monitoring-details__table i {
  margin-right: 10px;
}
.monitoring .monitoring-details__table li {
  list-style-type: none;
}
.monitoring .monitoring-details__table ul {
  margin: 0;
}
.vertical-align-sub {
  vertical-align: sub;
}
.right-column-summary__endpoints .title {
  padding-top: 10px;
  font-family: 'SourceSansPro';
  font-weight: 400;
  font-size: 17px;
  color: #333333;
}
.right-column-summary__endpoints .detail {
  padding-left: 8px;
}
.new-api-service-version-modal {
  width: 560px;
}
.new-api-service-version-modal input {
  width: 100%;
}
.new-api-service-version-modal .release-notes-input {
  margin-top: 5px;
  width: 100%;
  resize: none;
}
.object-right-column-summary .object-details .release-notes {
  white-space: pre;
  text-wrap: wrap;
  word-break: break-word;
  max-height: 250px;
  overflow: overlay;
  padding-right: 5px;
  margin-top: -10px;
}
#llm-row-by-row-analysis compare-column-values-llm-cell pre {
  font-family: 'SourceSansPro';
  font-size: 16px;
  line-height: 1.75;
  text-align: left;
  border: 1px dotted #dddddd;
  background-color: #fbfbfb;
}
#llm-row-by-row-analysis .bottomPane {
  height: 60%;
}
#llm-row-by-row-analysis .llmEvalPane {
  height: 40%;
}
.model-evaluation__page .summary-section__table th {
  width: 200px;
}
#onboarding_questionnaire {
  /* ********************* Tutorial Recommendation ******************* */
  /* Folded corner effect */
  /* ********************* Right frame ******************* */
  /* ********************* Installation loading progress bar ******************* */
}
#onboarding_questionnaire .keyboard-focus:focus-visible {
  outline-color: #196bfa;
  outline-offset: 2px;
  outline-style: solid;
  outline-width: 2px;
  transition: outline-offset 200ms ease-out, outline-offset 150ms ease-in;
}
#onboarding_questionnaire .onboarding {
  background-color: white;
}
#onboarding_questionnaire .questionnaire {
  display: flex;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
#onboarding_questionnaire .questionnaire__left-panel {
  background-color: white;
  height: 100%;
  width: 50%;
  padding: 5%;
  display: flex;
  flex-direction: column;
  box-sizing: border-box;
}
#onboarding_questionnaire .questionnaire__left-panel > * {
  margin-block: 0 !important;
}
#onboarding_questionnaire .questionnaire__left-panel > * + * {
  margin-block-start: 40px !important;
}
#onboarding_questionnaire .questionnaire__left-panel .children-vertical-spacing-exception + * {
  margin-block-start: 0 !important;
}
@media (max-width: 1300px) {
  #onboarding_questionnaire .questionnaire__left-panel {
    width: 100%;
  }
}
@media (max-height: 800px) {
  #onboarding_questionnaire .questionnaire__left-panel {
    padding: 3%;
  }
  #onboarding_questionnaire .questionnaire__left-panel > * {
    margin-block: 0 !important;
  }
  #onboarding_questionnaire .questionnaire__left-panel > * + * {
    margin-block-start: 32px !important;
  }
  #onboarding_questionnaire .questionnaire__left-panel .children-vertical-spacing-exception + * {
    margin-block-start: 0 !important;
  }
}
#onboarding_questionnaire .header {
  display: flex;
  justify-content: space-between;
  padding-left: 8px;
}
#onboarding_questionnaire .header__logo {
  height: 40px;
}
#onboarding_questionnaire .header__language-picker {
  display: flex;
  align-items: center;
}
#onboarding_questionnaire .header__language-picker button {
  border-radius: 4px !important;
}
#onboarding_questionnaire .header__language-picker button:focus-visible {
  outline-color: #196bfa;
  outline-offset: 2px;
  outline-style: solid;
  outline-width: 2px;
  transition: outline-offset 200ms ease-out, outline-offset 150ms ease-in;
}
#onboarding_questionnaire .header__language-picker ul {
  right: 0;
  left: unset;
  border-radius: 4px;
}
#onboarding_questionnaire .header__language-picker a {
  border-radius: 4px;
}
#onboarding_questionnaire .header__language-picker a:focus-visible {
  outline-color: #196bfa;
  outline-offset: 2px;
  outline-style: solid;
  outline-width: 2px;
  transition: outline-offset 200ms ease-out, outline-offset 150ms ease-in;
}
#onboarding_questionnaire .question-content {
  display: flex;
  flex-grow: 1;
  flex-direction: column;
  justify-content: space-between;
  height: 65%;
}
#onboarding_questionnaire .question-content > * {
  margin-block: 0 !important;
}
#onboarding_questionnaire .question-content > * + * {
  margin-block-start: 24px !important;
}
#onboarding_questionnaire .question-content .children-vertical-spacing-exception + * {
  margin-block-start: 0 !important;
}
#onboarding_questionnaire .question-content__title {
  display: flex;
  justify-content: space-between;
  flex-direction: column;
  padding-left: 8px;
}
#onboarding_questionnaire .question-content__title > * {
  margin-block: 0 !important;
}
#onboarding_questionnaire .question-content__title > * + * {
  margin-block-start: 40px !important;
}
#onboarding_questionnaire .question-content__title .children-vertical-spacing-exception + * {
  margin-block-start: 0 !important;
}
@media (max-height: 800px) {
  #onboarding_questionnaire .question-content__title > * {
    margin-block: 0 !important;
  }
  #onboarding_questionnaire .question-content__title > * + * {
    margin-block-start: 24px !important;
  }
  #onboarding_questionnaire .question-content__title .children-vertical-spacing-exception + * {
    margin-block-start: 0 !important;
  }
}
#onboarding_questionnaire .question-content__content {
  flex-grow: 1;
  height: 80% ;
}
#onboarding_questionnaire .questionnaire-title__text {
  font-size: 24px;
  color: #444444;
  font-variant: small-caps;
  font-weight: 500;
  margin: 0;
}
#onboarding_questionnaire .step-dots {
  display: flex;
  gap: 8px;
}
#onboarding_questionnaire .step-dots__dot {
  width: 20px;
  height: 20px;
  border-radius: 50%;
  border: 2px solid #3b99fc;
}
@media (max-height: 800px) {
  #onboarding_questionnaire .step-dots__dot {
    width: 16px;
    height: 16px;
  }
}
#onboarding_questionnaire .step-dots__dot--active {
  background-color: #3b99fc;
}
#onboarding_questionnaire .question-buttons {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding-left: 4px;
}
#onboarding_questionnaire .question-buttons__skip-personalization {
  font-size: 16px;
  font-weight: 600;
  padding: 8px 24px 8px 0px;
}
#onboarding_questionnaire .skip-personalization {
  border: none;
  border-radius: 4px;
  font-family: SourceSansPro;
  background-color: white;
  color: #666666;
  cursor: pointer;
}
#onboarding_questionnaire .skip-personalization:focus-visible {
  outline-color: #196bfa;
  outline-offset: 2px;
  outline-style: solid;
  outline-width: 2px;
  transition: outline-offset 200ms ease-out, outline-offset 150ms ease-in;
}
#onboarding_questionnaire .skip-personalization:hover {
  text-decoration: underline;
}
#onboarding_questionnaire .navigation-button {
  padding: 8px 32px;
  margin-left: 4px;
  height: 100%;
}
#onboarding_questionnaire .navigation-button:focus-visible {
  outline-color: #196bfa;
  outline-offset: 2px;
  outline-style: solid;
  outline-width: 2px;
  transition: outline-offset 200ms ease-out, outline-offset 150ms ease-in;
}
#onboarding_questionnaire .content {
  display: flex;
  flex-direction: column;
  height: 100%;
}
#onboarding_questionnaire .content > * {
  margin-block: 0 !important;
}
#onboarding_questionnaire .content > * + * {
  margin-block-start: 32px !important;
}
#onboarding_questionnaire .content .children-vertical-spacing-exception + * {
  margin-block-start: 0 !important;
}
#onboarding_questionnaire .content__title {
  display: flex;
  flex-direction: column;
  padding-left: 8px;
}
#onboarding_questionnaire .content__title > * {
  margin-block: 0 !important;
}
#onboarding_questionnaire .content__title > * + * {
  margin-block-start: 8px !important;
}
#onboarding_questionnaire .content__title .children-vertical-spacing-exception + * {
  margin-block-start: 0 !important;
}
#onboarding_questionnaire .content__choices {
  display: flex;
  flex-direction: column;
  overflow-y: auto;
  padding: 8px;
  padding-right: 16px;
}
#onboarding_questionnaire .content__choices > * {
  margin-block: 0 !important;
}
#onboarding_questionnaire .content__choices > * + * {
  margin-block-start: 8px !important;
}
#onboarding_questionnaire .content__choices .children-vertical-spacing-exception + * {
  margin-block-start: 0 !important;
}
#onboarding_questionnaire .content__main-title {
  font-size: 32px;
  font-weight: 500;
  line-height: 40px;
}
@media (max-height: 800px) {
  #onboarding_questionnaire .content__main-title {
    font-size: 26px;
  }
}
#onboarding_questionnaire .content__subtitle {
  font-size: 16px;
  line-height: 20px;
  font-weight: 300;
  color: #444444;
}
#onboarding_questionnaire .answer-selector {
  display: flex;
  gap: 8px;
  align-items: flex-start;
  width: fit-content;
}
#onboarding_questionnaire .answer-selector__radio-input {
  display: none;
}
#onboarding_questionnaire .answer-selector__free-field {
  display: flex;
  align-items: center;
  gap: 8px;
}
#onboarding_questionnaire .answer-selector__radio-label {
  border: 1px solid #cccccc;
  border-radius: 4px;
  padding: 8px 16px;
  display: inline-block;
  font-weight: 500;
  margin-bottom: 0px;
}
#onboarding_questionnaire .answer-selector__radio-label:focus-visible {
  outline-color: #196bfa;
  outline-offset: 2px;
  outline-style: solid;
  outline-width: 2px;
  transition: outline-offset 200ms ease-out, outline-offset 150ms ease-in;
}
#onboarding_questionnaire .answer-selector__radio-label:hover {
  background-color: #76b8fd;
  border: 1px solid #76b8fd;
  color: white;
}
#onboarding_questionnaire .answer-selector__radio-input:checked + label {
  background-color: #3b99fc;
  border: 1px solid #3b99fc;
  color: white;
}
#onboarding_questionnaire .answer-selector__radio-input:checked + label:hover {
  background-color: #267cfb;
  border: 1px solid #267cfb;
  color: white;
}
#onboarding_questionnaire input[type="text"].answer-selector__text-area {
  border-radius: 4px;
  border: 1px solid #3b99fc;
  padding: 8px 16px;
  font-weight: 500;
  margin-bottom: 0px;
  color: #3b99fc;
}
#onboarding_questionnaire input[type="text"].answer-selector__text-area--inactive {
  color: #cccccc;
  border-color: #cccccc;
}
#onboarding_questionnaire .tool-category {
  font-size: 16px;
  font-weight: 400;
  line-height: 20px;
  color: #666666;
  padding-bottom: 8px;
}
#onboarding_questionnaire .tool-category__checkboxes {
  display: flex;
  gap: 8px;
  align-items: center;
  align-content: center;
  align-self: stretch;
  flex-wrap: wrap;
}
#onboarding_questionnaire .tool-category__answer {
  flex-grow: 0;
}
#onboarding_questionnaire .recommendation__path-block {
  display: flex;
  flex-direction: row;
  align-items: center;
  border: 1px solid #dddddd;
  padding: 8px;
  margin: 16px 0;
  border-radius: 4px;
  background-color: white;
  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.05);
  transition: transform 0.2s, box-shadow 0.2s, border-color 0.2s;
  cursor: pointer;
  transition: transform 150ms ease, box-shadow 150ms ease;
}
#onboarding_questionnaire .recommendation__path-block:focus-visible {
  outline-color: #196bfa;
  outline-offset: 2px;
  outline-style: solid;
  outline-width: 2px;
  transition: outline-offset 200ms ease-out, outline-offset 150ms ease-in;
}
#onboarding_questionnaire .recommendation__path-block:hover {
  transform: translateY(-2px);
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08);
}
#onboarding_questionnaire .recommendation__path-block:active {
  transform: scale(0.98);
  box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.08);
}
#onboarding_questionnaire .recommendation__path-block.selected {
  border-color: #3b99fc;
  background-color: #e7f3ff;
  box-shadow: 0 0 0 2px rgba(59, 153, 252, 0.4);
}
#onboarding_questionnaire .recommendation__path-block.recommended {
  position: relative;
}
#onboarding_questionnaire .recommendation__folded-corner {
  position: absolute;
  top: 0;
  right: 0;
  background-color: #267cfb;
  color: white;
  width: 36px;
  height: 36px;
  display: flex;
  align-items: flex-start;
  justify-content: flex-end;
  font-size: 20px;
  padding: 5px;
  font-weight: bold;
  border-top-right-radius: 3px;
  clip-path: polygon(100% 0, 0 0, 100% 100%);
}
#onboarding_questionnaire .recommendation__path-block h3 {
  font-size: 18px;
  font-weight: 500;
  margin: 8px 0 8px;
  color: #333333;
}
#onboarding_questionnaire .recommendation__path-block p {
  font-size: 13px;
  font-weight: 400;
  color: #666666;
  margin: 0;
}
#onboarding_questionnaire .recommendation__thanks-message {
  font-size: 22px;
  font-weight: 600;
  margin-bottom: 32px;
}
#onboarding_questionnaire .recommendation__thanks-submessage {
  font-size: 16px;
  font-weight: 500;
  line-height: 20px;
}
#onboarding_questionnaire .recommendation__main-path-message {
  font-size: 16px;
  font-weight: 500;
  margin-bottom: 8px;
}
#onboarding_questionnaire .recommendation__other-paths-message {
  font-size: 16px;
  font-weight: 500;
  margin-bottom: 16px;
  margin-top: 8px;
}
#onboarding_questionnaire .recommendation__path-icon {
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 4px;
  padding: 8px;
  margin-right: 16px;
  width: 48px;
  height: 48px;
  color: white;
}
#onboarding_questionnaire .recommendation__path-icon > * {
  margin-block: 0 !important;
}
#onboarding_questionnaire .recommendation__path-icon > * + * {
  margin-block-start: 8px !important;
}
#onboarding_questionnaire .recommendation__path-icon .children-vertical-spacing-exception + * {
  margin-block-start: 0 !important;
}
#onboarding_questionnaire .recommendation__path-quick-start-data-preparation {
  background-color: #3B99FC;
}
#onboarding_questionnaire .recommendation__path-quick-start-machine-learning {
  background-color: #29af5d;
}
#onboarding_questionnaire .recommendation__path-quick-start-developer-guide,
#onboarding_questionnaire .recommendation__path-quick-start-code-notebooks-and-recipes {
  background-color: #f28c38;
}
#onboarding_questionnaire .recommendation__navigation-buttons {
  display: flex;
  justify-content: flex-end;
  align-items: center;
}
#onboarding_questionnaire .recommendation__navigation-button {
  margin-left: 8px;
  padding: 8px 32px;
}
#onboarding_questionnaire .animation {
  filter: drop-shadow(0px 4px 12px rgba(0, 0, 0, 0.5));
  border-radius: 20px;
  padding: 32px;
}
#onboarding_questionnaire .installation {
  background-color: white;
}
#onboarding_questionnaire .installation-screen {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  height: 100vh;
}
#onboarding_questionnaire .installation-animation {
  padding: 32px;
  max-width: 800px;
  position: relative;
  margin: 10px auto;
}
#onboarding_questionnaire .installation-helper-text,
#onboarding_questionnaire .installation-helper-error {
  font-size: 14px;
  line-height: 20px;
  margin: 16px;
  display: flex;
  align-items: center;
  justify-content: center;
  min-width: 120px;
}
#onboarding_questionnaire .installation-helper-error {
  color: #f44336;
  font-weight: 500;
}
#onboarding_questionnaire .questionnaire__right-panel {
  background-color: #e6f6f5;
  width: 50%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}
@media (max-width: 1300px) {
  #onboarding_questionnaire .questionnaire__right-panel {
    display: none;
  }
}
#onboarding_questionnaire .quick-start-data-preparation {
  background-color: #e7f3ff;
}
#onboarding_questionnaire .quick-start-machine-learning {
  background-color: #d7f0d6;
}
#onboarding_questionnaire .quick-start-developer-guide,
#onboarding_questionnaire .quick-start-code-notebooks-and-recipes {
  background-color: #fde5ca;
}
#onboarding_questionnaire .progress-bar-empty {
  background-color: #c4e0fe;
  height: 10px;
  width: 600px;
  max-width: 80%;
  position: relative;
  margin: 10px auto;
  margin-bottom: 40px;
}
#onboarding_questionnaire .progress-bar-filled {
  background-color: #3b99fc;
  height: 100%;
  width: 0%;
  transition: width 0.5s ease;
}
#onboarding_questionnaire .cancel-button {
  color: #f44336;
  background-color: white;
}
#onboarding_questionnaire .cancel-button:focus-visible {
  outline-color: #196bfa;
  outline-offset: 2px;
  outline-style: solid;
  outline-width: 2px;
  transition: outline-offset 200ms ease-out, outline-offset 150ms ease-in;
}
#onboarding_questionnaire .retry-button,
#onboarding_questionnaire .skip-button {
  color: #3b99fc;
  background-color: white;
}
#onboarding_questionnaire .retry-button:focus-visible,
#onboarding_questionnaire .skip-button:focus-visible {
  outline-color: #196bfa;
  outline-offset: 2px;
  outline-style: solid;
  outline-width: 2px;
  transition: outline-offset 200ms ease-out, outline-offset 150ms ease-in;
}
.tool-agent-type_icon {
  margin-right: 8px;
  width: 36px;
  height: 36px;
  background-color: #d66f9e;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  color: white;
}
.agent-type_icon {
  margin-right: 8px;
  color: #d66f9e;
  line-height: 40px;
}
.tool-agent h4.settings-section-title {
  font-weight: 400;
}
.tool-agent--dataset-selector {
  height: 38px;
}
.tool-agent--dataset-selector .dss-object-selector-mainzone {
  background-color: inherit;
}
.dkuform-horizontal .control-group .controls .visual-agent-additional-prompt_textarea {
  width: 800px;
  height: 125px;
  max-width: 80vw;
}
.dkuform-horizontal .control-group .controls .visual-agent-tool-additional-prompt_textarea {
  width: 500px;
  height: 100px;
  max-width: 50vw;
}
.tool-agent--documents {
  overflow: scroll;
  border: 1px solid #ddd;
}
.tool-agent--foldable-title {
  font-size: 14px;
  cursor: pointer;
  color: #3b99fc;
}
.tool-agent--selectable-items-list {
  overflow: auto;
  height: 360px;
}
.tool-agent--selectable-items-list .selectable-item {
  height: auto;
}
.tool-agent--selectable-items-list .tool-agent--selectable-item__text {
  width: 90%;
}
.agent--selectable-items-list {
  overflow: auto;
  max-height: 375px;
}
.agent--selectable-items-list li {
  align-items: center;
}
.agent-selectable-item-text {
  max-width: 450px;
}
table.hf-model-table td {
  vertical-align: middle;
}
table.hf-model-table td.model {
  padding-left: 24px;
}
table.hf-model-table td.status-column {
  white-space: nowrap;
  width: 75px;
}
table.hf-model-table td.fit-content {
  white-space: nowrap;
  width: 1%;
}
table.hf-model-table tr.collapse-purpose {
  cursor: pointer;
}
table.hf-model-table i.caret-icon {
  display: inline-block;
  width: 8px;
}
table.hf-model-table tr.row-disabled {
  background-color: #f2f2f2;
  font-style: italic;
}
table.hf-model-table input[type="checkbox"] {
  vertical-align: baseline;
}
table.hf-model-table .tooltip {
  font-style: normal;
}
.hf-model-edit-modal .dkuform-horizontal .control-group .controls .help-block {
  font-size: 0.9em;
}
.hf-model-edit-modal .controls > .dku-toggle {
  margin-left: 0;
}
.hf-kernel-status-modal .kernel {
  position: relative;
}
.hf-kernel-status-modal .kernel .confirming-content {
  display: flex;
  gap: 8px;
  align-items: center;
  justify-content: center;
}
.hf-kernel-status-modal .kernel .glass {
  background: white;
  opacity: 0.8;
  pointer-events: none;
}
.hf-kernel-status-modal .abort {
  color: #333333;
  cursor: pointer;
  text-transform: uppercase;
}
.hf-kernel-status-modal .abort.hovered {
  color: #ce1228;
}
.hf-kernel-status-modal .abort del {
  font-size: 18px;
  text-decoration: none;
}
.hf-kernel-status-modal .abort span {
  display: none;
  vertical-align: top;
}
.hf-kernel-status-modal .abort.hovered span {
  display: initial;
}
.hf-kernel-status-modal .abort.disabled {
  color: #cccccc;
  cursor: not-allowed;
}
.workspace-activity-feed ul.timeline .timeline-item {
  border: none;
  padding: 8px 16px;
}
.workspace-activity-feed ul.timeline .timeline-item .timeline-item-content date {
  color: #666666;
}
.workspace-activity-feed ul.timeline .timeline-item .timeline-item-content .dss-item a {
  font-weight: 600;
}
.workspace-activity-feed ul.timeline .timeline-item .timeline-item-content .dss-item a:hover {
  text-decoration: underline;
}
.workspace-activity-feed ul.timeline li:last-child .timeline-item {
  border-bottom: none;
}
.workspace-activity-feed ul.timeline .timeline-divider {
  border-bottom: 1px solid #dddddd;
  color: #222222;
  font-size: 14px;
  font-weight: 400;
  padding: 4px 8px;
  margin: 0;
  text-transform: none;
}
.at-survey {
  background-color: #ffffff;
  border: 1px solid #2ab1ac;
  border-bottom: 0 none;
  border-top-width: 6px;
  font-size: 14px;
  width: 40%;
  margin: 0 auto;
  padding: 16px 32px;
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 3001;
  transform: translateY(0);
  transition: transform 0.25s ease-in 0.1s;
}
.at-survey--opened {
  width: 57%;
  transition: width 0.25s;
}
.at-survey__container {
  display: flex;
  flex-direction: column;
  align-items: stretch;
  margin: 0;
}
.at-survey__container--vertical {
  flex-direction: column;
}
.at-survey__container--horizontal {
  flex-direction: row;
}
.at-survey__container.at-survey__container--vertical > * {
  margin-bottom: 8px;
}
.at-survey__container.at-survey__container--horizontal > * {
  margin-right: 8px;
}
.at-survey__container > *:last-child {
  margin: 0;
}
.at-survey__container__item--alignCenter {
  align-self: center;
}
.at-survey__container__fieldset {
  text-align: center;
}
.at-survey__container__legend {
  border: 0;
}
.at-survey-loading {
  transform: translateY(100%);
}
.at-survey__close {
  position: absolute;
  right: 32px;
}
.at-survey__scale {
  margin: 8px 0 16px 0;
}
.at-survey__scale-label {
  font-weight: 400;
  font-size: 13px;
  line-height: 16px;
  color: #222222;
  color: #666666;
}
.at-survey__label {
  font-size: 15px;
  font-weight: 500;
  margin: 0 0 inherit 0;
}
.at-survey__comment-box {
  width: 100%;
  border-radius: 0;
  box-sizing: border-box;
}
input.at-survey__input {
  margin: 0 8px 0 0;
  flex: 1;
  height: 16px;
  border-radius: 0;
}
.at-survey__input-info {
  margin-right: 8px;
}
.at-survey__input-info,
.at-survey__optout {
  font-size: 11px;
  font-weight: 400;
  color: #bbbbbb;
}
.at-survey__button {
  background-color: #2ab1ac;
  color: #ffffff;
  width: 96px;
}
.at-survey__button:not([disabled]):hover,
.at-survey__button:active,
.at-survey__button:focus,
.at-survey__button[disabled] {
  background-color: #199792;
  color: #ffffff;
}
.at-survey__emote-scores {
  margin: 16px;
  padding: 0;
  list-style-type: none;
}
.at-survey__emote-scores-item label {
  font-size: 30px;
  cursor: pointer;
}
.at-survey__emote-scores-item label.untouched {
  opacity: 0.6 !important;
}
.at-survey__emote-scores-item label.selected {
  opacity: 1;
}
.at-survey__emote-scores-item label.unselected {
  opacity: 0.3;
}
.at-survey__emote-scores-item:hover label {
  opacity: 0.8 !important;
}
opals-help-center-container,
opals-help-center-container > * {
  height: 100%;
  width: 100%;
}
.opals-help-center-container__frame {
  height: 100%;
  width: 100%;
  border: 0;
}
.opals-help-center-container__spinner {
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}
.opals-help-center-empty-state {
  display: flex;
  height: 100%;
  flex-direction: column;
}
.opals-help-center-empty-state__header {
  display: flex;
  justify-content: space-between;
  padding: 16px;
}
.opals-help-center-empty-state__welcome-header {
  display: flex;
  flex: 1;
  gap: 8px;
}
.opals-help-center-empty-state__welcome-header__move-component-icon {
  align-self: center;
}
.opals-help-center-empty-state__content {
  align-items: center;
  display: flex;
  flex: 1 1 auto;
  flex-direction: column;
  overflow-y: auto;
  padding: 16px;
  padding-top: 0;
}
.opals-help-center-empty-state__icon {
  margin-top: 144px;
}
.opals-help-center-empty-state__icon-legend {
  margin-top: 24px;
}
.opals-help-center-empty-state__actions {
  margin: 48px 0;
}
.opals-help-center-empty-state__dss-version {
  margin-top: auto;
}
.opals-home-banner-container {
  margin: 0;
  overflow: hidden;
  transition: height 0.1s ease;
  -webkit-transition: height 0.1s ease;
}
.opals-home-banner-container-full {
  height: 205px;
}
.opals-home-banner-container-collapsed {
  height: 40px;
}
.opals-home-banner-container__frame {
  border: 0;
  height: 100%;
  width: 100%;
}
.opals-home-banner-container__spinner {
  align-items: center;
  display: flex;
  justify-content: center;
  height: 100%;
  font-weight: 400;
  font-size: 32px;
  line-height: 40px;
  color: #222222;
  color: #333333;
}
.opals-home-banner-empty-state {
  background: #ffffff;
  display: flex;
  flex-direction: column;
  height: 100%;
}
.opals-home-banner-empty-state__header {
  align-items: baseline;
  cursor: pointer;
  display: flex;
  gap: 4px;
  padding: 10px 24px 0 40px;
}
.opals-home-banner-empty-state__header .drawer-button {
  width: 2em;
}
.opals-home-banner-empty-state__content {
  display: flex;
  flex: 1 1 auto;
  gap: 24px;
  justify-content: center;
  padding: 0 24px 16px 24px;
}
.opals-home-banner-empty-state__icon {
  display: flex;
  flex: 0 0 auto;
  width: 3.6em;
}
.opals-home-banner-empty-state__text {
  display: flex;
  flex-direction: column;
  gap: 8px;
  justify-content: center;
}
.opals-home-banner-empty-state__drawer-button .drawer-button {
  margin: 0 0 4px 0;
  padding: 0;
}
.opals-home-banner-empty-state__drawer-button .drawer-button img {
  max-width: 16px;
}
.dkuform-chart-options .control-group .axis-range-controls .axis-range-controls__select {
  min-width: 100%;
}
.dkuform-chart-options .control-group .axis-range-controls .axis-range-controls__range-inputs {
  margin-top: 5px;
}
.dkuform-chart-options .control-group .axis-range-controls .axis-range-controls__label {
  width: 30px;
  display: flex;
  margin-bottom: 0;
  align-items: center;
}
.dkuform-chart-options .control-group .axis-range-controls .axis-range-controls__label-wrapper {
  display: flex;
  /* Chrome, Safari, Edge, Opera */
}
.dkuform-chart-options .control-group .axis-range-controls .axis-range-controls__label-wrapper input::-webkit-outer-spin-button,
.dkuform-chart-options .control-group .axis-range-controls .axis-range-controls__label-wrapper input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
.dkuform-chart-options .control-group .axis-range-controls .axis-range-controls__label-wrapper input[type="number"] {
  -moz-appearance: textfield;
  /* Firefox */
  width: 100%;
}
.dkuform-chart-options .control-group .axis-range-controls .axis-range-controls__label-wrapper .ng-invalid {
  border-color: #ce1228;
}
.dkuform-chart-options .control-group .axis-range-controls .control-label {
  width: auto;
}
.dkuform-chart-options .control-group .axis-range-controls .control-label__disabled {
  cursor: not-allowed;
}
.chart-message {
  margin: 0 auto;
  text-align: center;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.chart-message .chart-previews {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  margin-top: 30px;
  height: 100%;
  max-width: 70%;
}
.chart-message .chart-previews img {
  margin: 8px;
}
.chart-message .chart-previews .chart-preview {
  max-width: 55%;
  max-height: 70%;
}
.chart-message .chart-previews .options-preview {
  max-width: 65%;
  max-height: 65%;
}
.chart-message.incomplete .chart-message__alert {
  background-color: #28a9dd;
}
.chart-message.incomplete .chart-message__alert:after {
  border-right: 2px solid #28a9dd;
}
.chart-message__alert {
  position: absolute;
  top: 0px;
  left: -1px;
  margin-top: 10px;
  width: calc(100% - 1px);
  text-align: center;
  padding: 10px;
  font-family: 'SourceSansPro';
  font-weight: 500;
  font-size: 14px;
  color: #ffffff;
  box-sizing: border-box;
}
.chart-message__alert:after {
  content: "";
  height: 100%;
  position: absolute;
  right: -2px;
  bottom: 0;
}
.chart-message--error .chart-message__alert {
  background-color: #ce1228;
}
.chart-message--error .chart-message__alert:after {
  border-right: 2px solid #f9e3e5;
}
.chart-message--warning .chart-message__alert {
  background-color: #f28c37;
}
.chart-message--warning .chart-message__alert:after {
  border-right: 2px solid #fdf1e7;
}
.kpi-holder {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  height: 100%;
}
.kpi-holder-measure {
  display: flex;
  flex: 1 1 250px;
  flex-direction: column;
  border: 1px solid #dddddd;
  justify-content: center;
}
.kpi-holder-measure.kpi-holder-measure--left {
  align-items: flex-start;
}
.kpi-holder-measure.kpi-holder-measure--left .kpi-holder-measure__label,
.kpi-holder-measure.kpi-holder-measure--left .kpi-holder-measure__value {
  text-align: left;
}
.kpi-holder-measure.kpi-holder-measure--center {
  align-items: center;
}
.kpi-holder-measure.kpi-holder-measure--center .kpi-holder-measure__label,
.kpi-holder-measure.kpi-holder-measure--center .kpi-holder-measure__value {
  text-align: center;
}
.kpi-holder-measure.kpi-holder-measure--right {
  align-items: flex-end;
}
.kpi-holder-measure.kpi-holder-measure--right .kpi-holder-measure__label,
.kpi-holder-measure.kpi-holder-measure--right .kpi-holder-measure__value {
  text-align: right;
}
.kpi-holder-measure:only-child {
  border: 0;
}
.kpi-holder-measure__label {
  font-size: 16px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  margin-top: 4px;
  line-height: 1.2;
}
.kpi-holder-measure__value {
  overflow: hidden;
  text-overflow: ellipsis;
}
.dkuform-chart-options .control-group .controls.controls--full-width input[type=number].controls-input--60 {
  width: 60px;
}
.chart-configuration {
  position: relative;
}
.chart-configuration .top-bar {
  margin-bottom: 15px;
  display: flex;
  flex-direction: row;
}
.chart-configuration .top-bar .chart-param-bar {
  flex: 1 1 auto;
  padding-right: 8px;
  box-sizing: border-box;
}
.chart-configuration .top-bar .share-bar {
  min-width: 128px;
  flex: 0 1 15%;
}
.chart-configuration .top-bar .share-bar .mainzone,
.chart-configuration .top-bar .share-bar .main-echarts-zone {
  text-align: center;
  margin-top: 10px;
}
.chart-configuration .top-bar .share-bar .share-bar__publish-btn {
  position: relative;
}
.chart-configuration button.btn-wireframe {
  height: 30px;
  width: 100%;
  justify-content: center;
}
.chart-configuration .btn--chart-download {
  height: 30px;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}
.chart-configuration .chart-options-wrapper--upper {
  margin-top: -10px;
}
.chart-configuration .left-column {
  width: 250px;
  float: left;
  border-right: 1px solid #dddddd;
}
.chart-configuration .left-column .button-bar {
  width: 100%;
  padding: 8px;
  box-sizing: border-box;
}
.chart-configuration .left-column .button-bar ng2-chart-type-picker {
  width: 100%;
}
.chart-configuration .left-column .formatting_panes {
  flex: 1;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: column;
  flex-direction: column;
  width: 100%;
  box-sizing: border-box;
  overflow-y: auto;
  overflow-x: hidden;
}
.chart-configuration .left-column .formatting_panes > .standard-container__wrap {
  flex-grow: 0;
}
.chart-configuration .left-column .formatting_panes > .standard-container__wrap + .standard-container__wrap {
  margin-top: 32px;
  margin-left: 0;
  flex-grow: 0;
}
.chart-configuration .left-column .formatting_panes > .flex {
  -webkit-flex: 1 1 auto;
  flex: 1 1 auto;
  position: relative;
}
.chart-configuration .left-column .formatting_panes > .flex .override-min-height {
  min-height: 0px;
}
.chart-configuration .left-column .formatting_panes > .flex-no-basis,
.chart-configuration .left-column .formatting_panes .flex-no-basis {
  -webkit-flex: 1 1 0;
  flex: 1 1 0;
  position: relative;
}
.chart-configuration .left-column .formatting_panes > .flex-no-basis .override-min-height,
.chart-configuration .left-column .formatting_panes .flex-no-basis .override-min-height {
  min-height: 0px;
}
.chart-configuration .left-column .formatting_panes > .flex-no-grow {
  -webkit-flex: 0 1 auto;
  flex: 0 1 auto;
  position: relative;
}
.chart-configuration .left-column .formatting_panes > .flex-no-shrink {
  -webkit-flex: 1 0 auto;
  flex: 1 0 auto;
  position: relative;
}
.chart-configuration .left-column .formatting_panes > .noflex,
.chart-configuration .left-column .formatting_panes .top-level-tabs,
.chart-configuration .left-column .formatting_panes > .alert,
.chart-configuration .left-column .formatting_panes > .bottom-bar,
.chart-configuration .left-column .formatting_panes > .input-append,
.chart-configuration .left-column .formatting_panes > div[block-api-error],
.chart-configuration .left-column .formatting_panes > h1,
.chart-configuration .left-column .formatting_panes > h2,
.chart-configuration .left-column .formatting_panes > h3,
.chart-configuration .left-column .formatting_panes > h4,
.chart-configuration .left-column .formatting_panes > h5,
.chart-configuration .left-column .formatting_panes > h6 {
  -webkit-flex-flex: 0 0 auto;
  flex: 0 0 auto;
}
.chart-configuration .left-column .formatting_panes .foldable-title i {
  width: 16px;
  display: inline-block;
  font-size: 10px !important;
}
.chart-configuration .left-column .formatting_panes .tab-panel {
  overflow-y: auto;
}
.chart-configuration .left-column .chart-configuration__sidebar {
  /* 
                42px - chart picker height
                spacing-2x - chart picker margins
            */
  height: calc(100% - 42px - 16px);
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: column;
  flex-direction: column;
  width: 100%;
  box-sizing: border-box;
}
.chart-configuration .left-column .chart-configuration__sidebar > .standard-container__wrap {
  flex-grow: 0;
}
.chart-configuration .left-column .chart-configuration__sidebar > .standard-container__wrap + .standard-container__wrap {
  margin-top: 32px;
  margin-left: 0;
  flex-grow: 0;
}
.chart-configuration .left-column .chart-configuration__sidebar > .flex {
  -webkit-flex: 1 1 auto;
  flex: 1 1 auto;
  position: relative;
}
.chart-configuration .left-column .chart-configuration__sidebar > .flex .override-min-height {
  min-height: 0px;
}
.chart-configuration .left-column .chart-configuration__sidebar > .flex-no-basis,
.chart-configuration .left-column .chart-configuration__sidebar .flex-no-basis {
  -webkit-flex: 1 1 0;
  flex: 1 1 0;
  position: relative;
}
.chart-configuration .left-column .chart-configuration__sidebar > .flex-no-basis .override-min-height,
.chart-configuration .left-column .chart-configuration__sidebar .flex-no-basis .override-min-height {
  min-height: 0px;
}
.chart-configuration .left-column .chart-configuration__sidebar > .flex-no-grow {
  -webkit-flex: 0 1 auto;
  flex: 0 1 auto;
  position: relative;
}
.chart-configuration .left-column .chart-configuration__sidebar > .flex-no-shrink {
  -webkit-flex: 1 0 auto;
  flex: 1 0 auto;
  position: relative;
}
.chart-configuration .left-column .chart-configuration__sidebar > .noflex,
.chart-configuration .left-column .chart-configuration__sidebar .top-level-tabs,
.chart-configuration .left-column .chart-configuration__sidebar > .alert,
.chart-configuration .left-column .chart-configuration__sidebar > .bottom-bar,
.chart-configuration .left-column .chart-configuration__sidebar > .input-append,
.chart-configuration .left-column .chart-configuration__sidebar > div[block-api-error],
.chart-configuration .left-column .chart-configuration__sidebar > h1,
.chart-configuration .left-column .chart-configuration__sidebar > h2,
.chart-configuration .left-column .chart-configuration__sidebar > h3,
.chart-configuration .left-column .chart-configuration__sidebar > h4,
.chart-configuration .left-column .chart-configuration__sidebar > h5,
.chart-configuration .left-column .chart-configuration__sidebar > h6 {
  -webkit-flex-flex: 0 0 auto;
  flex: 0 0 auto;
}
.chart-configuration .chart-header {
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: row;
  flex-direction: row;
  height: 100%;
  box-sizing: border-box;
  align-items: center;
  padding: 8px;
  height: 36px;
}
.chart-configuration .chart-header > .flex {
  -webkit-flex: 1 1 auto;
  flex: 1 1 auto;
  position: relative;
}
.chart-configuration .chart-header > .flex .override-min-width {
  min-width: 0px;
}
.chart-configuration .chart-header > .flex-no-basis,
.chart-configuration .chart-header .flex-no-basis {
  -webkit-flex: 1 1 0;
  flex: 1 1 0;
  position: relative;
}
.chart-configuration .chart-header > .flex-no-basis .override-min-width,
.chart-configuration .chart-header .flex-no-basis .override-min-width {
  min-width: 0px;
}
.chart-configuration .chart-header > .flex-no-grow {
  -webkit-flex: 0 1 auto;
  flex: 0 1 auto;
  position: relative;
}
.chart-configuration .chart-header > .flex-no-shrink {
  -webkit-flex: 1 0 auto;
  flex: 1 0 auto;
  position: relative;
}
.chart-configuration .chart-header > .noflex,
.chart-configuration .chart-header .top-level-tabs,
.chart-configuration .chart-header > .alert,
.chart-configuration .chart-header > .bottom-bar,
.chart-configuration .chart-header > .input-append,
.chart-configuration .chart-header > div[block-api-error],
.chart-configuration .chart-header > h1,
.chart-configuration .chart-header > h2,
.chart-configuration .chart-header > h3,
.chart-configuration .chart-header > h4,
.chart-configuration .chart-header > h5,
.chart-configuration .chart-header > h6 {
  -webkit-flex: 0 0 auto;
  flex: 0 0 auto;
}
.chart-configuration .chart-header__title-wrapper {
  overflow-x: hidden;
}
.chart-configuration .chart-header__title {
  font-weight: 400;
  font-size: 18px;
  line-height: 23px;
  color: #222222;
  line-height: 26px;
  color: #666666;
  margin-bottom: 0;
}
.chart-configuration .chart-header__title span {
  cursor: text;
}
.chart-configuration .chart-header__title span i {
  cursor: pointer;
}
.chart-configuration .chart-header__edition-form {
  display: flex;
  justify-content: center;
  margin-bottom: 0;
  height: 26px;
}
.chart-configuration .chart-header__edition-input {
  font-weight: 400;
  font-size: 18px;
  line-height: 23px;
  color: #222222;
  font-family: 'SourceSansPro';
  line-height: 26px;
  padding: 0;
  color: #666666;
  position: relative;
  border: none;
  outline: none;
  width: 100%;
  margin: 0 auto;
}
.chart-configuration .chart-header__edition-input:focus {
  border: none;
  outline: none;
}
.chart-configuration .chart-header__records-status,
.chart-configuration .chart-header__run-status,
.chart-configuration .chart-header__animation-label {
  display: flex;
  align-items: center;
  height: 26px;
}
.chart-configuration .chart-header__run-status,
.chart-configuration .chart-header__animation-label,
.chart-configuration .chart-header__actions {
  border-left: 1px solid #dddddd;
  padding-left: 12px;
  margin-left: 12px;
  height: 26px;
}
.chart-configuration .chart-header__animation-label {
  max-width: 200px;
  cursor: auto;
}
.chart-configuration .chart-header__run-status-icon {
  font-weight: 400;
  font-size: 13px;
  line-height: 16px;
  color: #222222;
  color: #666666;
  font-size: 16px;
  vertical-align: middle;
  cursor: initial;
  width: 26px;
  text-align: center;
  margin-right: -4px;
}
.chart-configuration .chart-header__run-status-icon.chart-header__run-status-icon--warning {
  color: #f28c37;
}
.chart-configuration .chart-header__records-final-count {
  line-height: 20px;
  margin-left: 4px;
}
.chart-configuration .chart-header-zone {
  height: calc(100% - 32px);
  width: calc(100% - 32px);
}
.chart-configuration .sample-description {
  font-size: 0.9em;
  color: #666666;
}
.chart-configuration .sampling-info-block {
  display: flex;
  align-items: center;
  cursor: pointer;
}
.chart-configuration .sampling-info-block .sampling-details {
  color: #666666;
}
.chart-configuration .sampling-info-block .sampling-details strong {
  font-weight: 500;
}
.chart-configuration .sampling-info-block.readonly {
  cursor: default;
}
.chart-configuration .sampling-info-block:hover .sampling-details {
  text-decoration: underline;
  color: #222222;
}
.chart-configuration .chart-configuration__sidebar-legend {
  padding: 8px;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: column;
  flex-direction: column;
  width: 100%;
  box-sizing: border-box;
}
.chart-configuration .chart-configuration__sidebar-legend > .standard-container__wrap {
  flex-grow: 0;
}
.chart-configuration .chart-configuration__sidebar-legend > .standard-container__wrap + .standard-container__wrap {
  margin-top: 32px;
  margin-left: 0;
  flex-grow: 0;
}
.chart-configuration .chart-configuration__sidebar-legend > .flex {
  -webkit-flex: 1 1 auto;
  flex: 1 1 auto;
  position: relative;
}
.chart-configuration .chart-configuration__sidebar-legend > .flex .override-min-height {
  min-height: 0px;
}
.chart-configuration .chart-configuration__sidebar-legend > .flex-no-basis,
.chart-configuration .chart-configuration__sidebar-legend .flex-no-basis {
  -webkit-flex: 1 1 0;
  flex: 1 1 0;
  position: relative;
}
.chart-configuration .chart-configuration__sidebar-legend > .flex-no-basis .override-min-height,
.chart-configuration .chart-configuration__sidebar-legend .flex-no-basis .override-min-height {
  min-height: 0px;
}
.chart-configuration .chart-configuration__sidebar-legend > .flex-no-grow {
  -webkit-flex: 0 1 auto;
  flex: 0 1 auto;
  position: relative;
}
.chart-configuration .chart-configuration__sidebar-legend > .flex-no-shrink {
  -webkit-flex: 1 0 auto;
  flex: 1 0 auto;
  position: relative;
}
.chart-configuration .chart-configuration__sidebar-legend > .noflex,
.chart-configuration .chart-configuration__sidebar-legend .top-level-tabs,
.chart-configuration .chart-configuration__sidebar-legend > .alert,
.chart-configuration .chart-configuration__sidebar-legend > .bottom-bar,
.chart-configuration .chart-configuration__sidebar-legend > .input-append,
.chart-configuration .chart-configuration__sidebar-legend > div[block-api-error],
.chart-configuration .chart-configuration__sidebar-legend > h1,
.chart-configuration .chart-configuration__sidebar-legend > h2,
.chart-configuration .chart-configuration__sidebar-legend > h3,
.chart-configuration .chart-configuration__sidebar-legend > h4,
.chart-configuration .chart-configuration__sidebar-legend > h5,
.chart-configuration .chart-configuration__sidebar-legend > h6 {
  -webkit-flex-flex: 0 0 auto;
  flex: 0 0 auto;
}
.chart-configuration.chart-configuration--readonly .left-column .formatting_panes {
  height: auto;
  flex: unset;
}
.chart-configuration.chart-configuration--readonly .foldable-title {
  margin: 0;
}
.chart-configuration.chart-configuration--readonly .chart-filters .options-zone {
  margin-bottom: 0;
}
.chart-configuration.chart-configuration--readonly .chart-configuration__sidebar {
  height: 100%;
  padding: 8px;
}
.chart-configuration.chart-configuration--readonly .chart-configuration__sidebar-legend {
  padding: 0;
}
.pivot-chart svg.direct-svg {
  display: none;
  box-sizing: border-box;
}
.pivot-charts,
.boxplots-container {
  height: 100%;
}
.pivot-charts .mainzone,
.boxplots-container .mainzone,
.pivot-charts .main-echarts-zone,
.boxplots-container .main-echarts-zone {
  position: relative;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: column;
  flex-direction: column;
  width: 100%;
  box-sizing: border-box;
  height: 100%;
  overflow: hidden;
}
.pivot-charts .mainzone > .standard-container__wrap,
.boxplots-container .mainzone > .standard-container__wrap,
.pivot-charts .main-echarts-zone > .standard-container__wrap,
.boxplots-container .main-echarts-zone > .standard-container__wrap {
  flex-grow: 0;
}
.pivot-charts .mainzone > .standard-container__wrap + .standard-container__wrap,
.boxplots-container .mainzone > .standard-container__wrap + .standard-container__wrap,
.pivot-charts .main-echarts-zone > .standard-container__wrap + .standard-container__wrap,
.boxplots-container .main-echarts-zone > .standard-container__wrap + .standard-container__wrap {
  margin-top: 32px;
  margin-left: 0;
  flex-grow: 0;
}
.pivot-charts .mainzone > .flex,
.boxplots-container .mainzone > .flex,
.pivot-charts .main-echarts-zone > .flex,
.boxplots-container .main-echarts-zone > .flex {
  -webkit-flex: 1 1 auto;
  flex: 1 1 auto;
  position: relative;
}
.pivot-charts .mainzone > .flex .override-min-height,
.boxplots-container .mainzone > .flex .override-min-height,
.pivot-charts .main-echarts-zone > .flex .override-min-height,
.boxplots-container .main-echarts-zone > .flex .override-min-height {
  min-height: 0px;
}
.pivot-charts .mainzone > .flex-no-basis,
.boxplots-container .mainzone > .flex-no-basis,
.pivot-charts .main-echarts-zone > .flex-no-basis,
.boxplots-container .main-echarts-zone > .flex-no-basis,
.pivot-charts .mainzone .flex-no-basis,
.boxplots-container .mainzone .flex-no-basis,
.pivot-charts .main-echarts-zone .flex-no-basis,
.boxplots-container .main-echarts-zone .flex-no-basis {
  -webkit-flex: 1 1 0;
  flex: 1 1 0;
  position: relative;
}
.pivot-charts .mainzone > .flex-no-basis .override-min-height,
.boxplots-container .mainzone > .flex-no-basis .override-min-height,
.pivot-charts .main-echarts-zone > .flex-no-basis .override-min-height,
.boxplots-container .main-echarts-zone > .flex-no-basis .override-min-height,
.pivot-charts .mainzone .flex-no-basis .override-min-height,
.boxplots-container .mainzone .flex-no-basis .override-min-height,
.pivot-charts .main-echarts-zone .flex-no-basis .override-min-height,
.boxplots-container .main-echarts-zone .flex-no-basis .override-min-height {
  min-height: 0px;
}
.pivot-charts .mainzone > .flex-no-grow,
.boxplots-container .mainzone > .flex-no-grow,
.pivot-charts .main-echarts-zone > .flex-no-grow,
.boxplots-container .main-echarts-zone > .flex-no-grow {
  -webkit-flex: 0 1 auto;
  flex: 0 1 auto;
  position: relative;
}
.pivot-charts .mainzone > .flex-no-shrink,
.boxplots-container .mainzone > .flex-no-shrink,
.pivot-charts .main-echarts-zone > .flex-no-shrink,
.boxplots-container .main-echarts-zone > .flex-no-shrink {
  -webkit-flex: 1 0 auto;
  flex: 1 0 auto;
  position: relative;
}
.pivot-charts .mainzone > .noflex,
.boxplots-container .mainzone > .noflex,
.pivot-charts .main-echarts-zone > .noflex,
.boxplots-container .main-echarts-zone > .noflex,
.pivot-charts .mainzone .top-level-tabs,
.boxplots-container .mainzone .top-level-tabs,
.pivot-charts .main-echarts-zone .top-level-tabs,
.boxplots-container .main-echarts-zone .top-level-tabs,
.pivot-charts .mainzone > .alert,
.boxplots-container .mainzone > .alert,
.pivot-charts .main-echarts-zone > .alert,
.boxplots-container .main-echarts-zone > .alert,
.pivot-charts .mainzone > .bottom-bar,
.boxplots-container .mainzone > .bottom-bar,
.pivot-charts .main-echarts-zone > .bottom-bar,
.boxplots-container .main-echarts-zone > .bottom-bar,
.pivot-charts .mainzone > .input-append,
.boxplots-container .mainzone > .input-append,
.pivot-charts .main-echarts-zone > .input-append,
.boxplots-container .main-echarts-zone > .input-append,
.pivot-charts .mainzone > div[block-api-error],
.boxplots-container .mainzone > div[block-api-error],
.pivot-charts .main-echarts-zone > div[block-api-error],
.boxplots-container .main-echarts-zone > div[block-api-error],
.pivot-charts .mainzone > h1,
.boxplots-container .mainzone > h1,
.pivot-charts .main-echarts-zone > h1,
.boxplots-container .main-echarts-zone > h1,
.pivot-charts .mainzone > h2,
.boxplots-container .mainzone > h2,
.pivot-charts .main-echarts-zone > h2,
.boxplots-container .main-echarts-zone > h2,
.pivot-charts .mainzone > h3,
.boxplots-container .mainzone > h3,
.pivot-charts .main-echarts-zone > h3,
.boxplots-container .main-echarts-zone > h3,
.pivot-charts .mainzone > h4,
.boxplots-container .mainzone > h4,
.pivot-charts .main-echarts-zone > h4,
.boxplots-container .main-echarts-zone > h4,
.pivot-charts .mainzone > h5,
.boxplots-container .mainzone > h5,
.pivot-charts .main-echarts-zone > h5,
.boxplots-container .main-echarts-zone > h5,
.pivot-charts .mainzone > h6,
.boxplots-container .mainzone > h6,
.pivot-charts .main-echarts-zone > h6,
.boxplots-container .main-echarts-zone > h6 {
  -webkit-flex-flex: 0 0 auto;
  flex: 0 0 auto;
}
.pivot-charts .mainzone .animation-controls,
.boxplots-container .mainzone .animation-controls,
.pivot-charts .main-echarts-zone .animation-controls,
.boxplots-container .main-echarts-zone .animation-controls {
  -webkit-flex-flex: 0 0 auto;
  flex: 0 0 auto;
  background: #f2f2f2;
  text-align: center;
  margin: 5px 0;
  padding: 5px;
}
.pivot-charts .mainzone .animation-controls i,
.boxplots-container .mainzone .animation-controls i,
.pivot-charts .main-echarts-zone .animation-controls i,
.boxplots-container .main-echarts-zone .animation-controls i {
  margin: 0 5px;
  cursor: pointer;
}
.pivot-charts .mainzone.mainzone--with-brush,
.boxplots-container .mainzone.mainzone--with-brush {
  height: calc(100% - 76px);
}
.pivot-charts .mainzone.mainzone--with-brush-and-horizontal-legend,
.boxplots-container .mainzone.mainzone--with-brush-and-horizontal-legend {
  height: calc(100% - 106px);
}
.pivot-charts .mainzone .charts:not(.facetted),
.boxplots-container .mainzone .charts:not(.facetted),
.pivot-charts .mainzone .charts:not(.facetted) .charts-table,
.boxplots-container .mainzone .charts:not(.facetted) .charts-table,
.pivot-charts .mainzone .charts:not(.facetted) .charts-table .chart,
.boxplots-container .mainzone .charts:not(.facetted) .charts-table .chart,
.pivot-charts .mainzone .charts:not(.facetted) .charts-table .chart .chart-wrapper,
.boxplots-container .mainzone .charts:not(.facetted) .charts-table .chart .chart-wrapper {
  height: 100%;
}
.pivot-charts .mainzone .charts:not(.facetted) .chart-wrapper,
.boxplots-container .mainzone .charts:not(.facetted) .chart-wrapper {
  overflow: auto;
}
.pivot-charts .mainzone .charts.facetted,
.boxplots-container .mainzone .charts.facetted {
  flex: 0 1 auto;
  overflow: auto;
}
.pivot-charts .mainzone .charts.facetted .charts-table,
.boxplots-container .mainzone .charts.facetted .charts-table {
  width: 100%;
  height: 100%;
  display: table;
  border-collapse: collapse;
}
.pivot-charts .mainzone .charts.facetted .charts-table .chart,
.boxplots-container .mainzone .charts.facetted .charts-table .chart {
  height: 1px;
  display: table-row;
}
.pivot-charts .mainzone .charts.facetted .charts-table .chart .chart-wrapper,
.boxplots-container .mainzone .charts.facetted .charts-table .chart .chart-wrapper {
  display: table-cell;
  position: relative;
}
.pivot-charts .mainzone .charts.facetted .charts-table .chart .facet-info,
.boxplots-container .mainzone .charts.facetted .charts-table .chart .facet-info {
  display: table-cell;
  max-width: 250px;
  min-width: 50px;
  width: 1px;
  vertical-align: middle;
}
.pivot-charts .mainzone .charts.facetted .charts-table .chart .facet-info h2,
.boxplots-container .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;
}
.pivot-charts .mainzone .charts.facetted .charts-table .chart:not(:last-child),
.boxplots-container .mainzone .charts.facetted .charts-table .chart:not(:last-child) {
  border-bottom: 1px solid #dddddd;
}
.pivot-charts .mainzone .charts.facetted .charts-table .chart:not(.fh),
.boxplots-container .mainzone .charts.facetted .charts-table .chart:not(.fh) {
  position: relative;
}
.pivot-charts .mainzone .x-axis-svg,
.boxplots-container .mainzone .x-axis-svg {
  border-top: 1px solid #dddddd;
}
.pivot-charts .main-echarts-zone,
.boxplots-container .main-echarts-zone {
  flex-direction: column-reverse;
  overflow: hidden;
}
.pivot-charts .main-echarts-zone .chart,
.boxplots-container .main-echarts-zone .chart {
  display: flex;
  flex: 1;
  overflow-x: hidden;
  overflow-y: auto;
}
.pivot-charts .main-echarts-zone .chart-meta,
.boxplots-container .main-echarts-zone .chart-meta {
  display: flex;
  flex: 1 1 auto;
  min-height: 50px;
  overflow-x: hidden;
}
.pivot-charts .main-echarts-zone .chart-meta.overflow,
.boxplots-container .main-echarts-zone .chart-meta.overflow {
  overflow-y: scroll;
}
.pivot-charts .main-echarts-zone .chart-meta + .chart,
.boxplots-container .main-echarts-zone .chart-meta + .chart {
  flex: 0 1 auto;
}
.pivot-charts .main-echarts-zone .chart-wrapper,
.boxplots-container .main-echarts-zone .chart-wrapper {
  display: flex;
  flex: 1;
  max-width: 100%;
  position: relative;
}
.pivot-charts .legend-zone,
.boxplots-container .legend-zone {
  padding: 5px;
  box-sizing: border-box;
}
.pivot-charts[legend-placement^=INNER],
.boxplots-container[legend-placement^=INNER],
.pivot-charts[legend-placement=SIDEBAR],
.boxplots-container[legend-placement=SIDEBAR] {
  display: flex;
}
.pivot-charts[legend-placement^=INNER] .mainzone,
.boxplots-container[legend-placement^=INNER] .mainzone,
.pivot-charts[legend-placement=SIDEBAR] .mainzone,
.boxplots-container[legend-placement=SIDEBAR] .mainzone,
.pivot-charts[legend-placement^=INNER] .main-echarts-zone,
.boxplots-container[legend-placement^=INNER] .main-echarts-zone,
.pivot-charts[legend-placement=SIDEBAR] .main-echarts-zone,
.boxplots-container[legend-placement=SIDEBAR] .main-echarts-zone {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: 0;
}
.pivot-charts[legend-placement^=INNER] .legend-zone,
.boxplots-container[legend-placement^=INNER] .legend-zone,
.pivot-charts[legend-placement=SIDEBAR] .legend-zone,
.boxplots-container[legend-placement=SIDEBAR] .legend-zone {
  position: absolute;
  overflow: auto;
  visibility: hidden;
  max-width: 25%;
}
.pivot-charts[legend-placement^=INNER] .legend-zone.discrete,
.boxplots-container[legend-placement^=INNER] .legend-zone.discrete,
.pivot-charts[legend-placement=SIDEBAR] .legend-zone.discrete,
.boxplots-container[legend-placement=SIDEBAR] .legend-zone.discrete {
  width: auto;
}
.pivot-charts[legend-placement^=INNER] .legend-zone.continuous,
.boxplots-container[legend-placement^=INNER] .legend-zone.continuous,
.pivot-charts[legend-placement=SIDEBAR] .legend-zone.continuous,
.boxplots-container[legend-placement=SIDEBAR] .legend-zone.continuous {
  width: 25%;
}
.pivot-charts[legend-placement^=INNER][legend-placement=INNER_TOP_LEFT] .legend-zone,
.boxplots-container[legend-placement^=INNER][legend-placement=INNER_TOP_LEFT] .legend-zone,
.pivot-charts[legend-placement=SIDEBAR][legend-placement=INNER_TOP_LEFT] .legend-zone,
.boxplots-container[legend-placement=SIDEBAR][legend-placement=INNER_TOP_LEFT] .legend-zone {
  top: 0;
  left: 0;
}
.pivot-charts[legend-placement^=INNER][legend-placement=INNER_TOP_RIGHT] .legend-zone,
.boxplots-container[legend-placement^=INNER][legend-placement=INNER_TOP_RIGHT] .legend-zone,
.pivot-charts[legend-placement=SIDEBAR][legend-placement=INNER_TOP_RIGHT] .legend-zone,
.boxplots-container[legend-placement=SIDEBAR][legend-placement=INNER_TOP_RIGHT] .legend-zone {
  top: 0;
  right: 0;
}
.pivot-charts[legend-placement^=INNER][legend-placement=INNER_BOTTOM_RIGHT] .legend-zone,
.boxplots-container[legend-placement^=INNER][legend-placement=INNER_BOTTOM_RIGHT] .legend-zone,
.pivot-charts[legend-placement=SIDEBAR][legend-placement=INNER_BOTTOM_RIGHT] .legend-zone,
.boxplots-container[legend-placement=SIDEBAR][legend-placement=INNER_BOTTOM_RIGHT] .legend-zone {
  bottom: 0;
  right: 0;
}
.pivot-charts[legend-placement^=INNER][legend-placement=INNER_BOTTOM_LEFT] .legend-zone,
.boxplots-container[legend-placement^=INNER][legend-placement=INNER_BOTTOM_LEFT] .legend-zone,
.pivot-charts[legend-placement=SIDEBAR][legend-placement=INNER_BOTTOM_LEFT] .legend-zone,
.boxplots-container[legend-placement=SIDEBAR][legend-placement=INNER_BOTTOM_LEFT] .legend-zone {
  bottom: 0;
  left: 0;
}
.pivot-charts[legend-placement^=INNER][legend-placement=SIDEBAR] .legend-zone,
.boxplots-container[legend-placement^=INNER][legend-placement=SIDEBAR] .legend-zone,
.pivot-charts[legend-placement=SIDEBAR][legend-placement=SIDEBAR] .legend-zone,
.boxplots-container[legend-placement=SIDEBAR][legend-placement=SIDEBAR] .legend-zone {
  display: none;
}
.pivot-charts[legend-placement^=OUTER],
.boxplots-container[legend-placement^=OUTER] {
  display: flex;
  width: 100%;
}
.pivot-charts[legend-placement^=OUTER][legend-placement=OUTER_LEFT],
.boxplots-container[legend-placement^=OUTER][legend-placement=OUTER_LEFT] {
  flex-direction: row-reverse;
}
.pivot-charts[legend-placement^=OUTER][legend-placement=OUTER_RIGHT],
.boxplots-container[legend-placement^=OUTER][legend-placement=OUTER_RIGHT] {
  flex-direction: row;
}
.pivot-charts[legend-placement^=OUTER][legend-placement=OUTER_TOP],
.boxplots-container[legend-placement^=OUTER][legend-placement=OUTER_TOP] {
  flex-direction: column-reverse;
}
.pivot-charts[legend-placement^=OUTER][legend-placement=OUTER_BOTTOM],
.boxplots-container[legend-placement^=OUTER][legend-placement=OUTER_BOTTOM] {
  flex-direction: column;
}
.pivot-charts[legend-placement^=OUTER][legend-placement=OUTER_TOP] .legend-zone,
.boxplots-container[legend-placement^=OUTER][legend-placement=OUTER_TOP] .legend-zone,
.pivot-charts[legend-placement^=OUTER][legend-placement=OUTER_BOTTOM] .legend-zone,
.boxplots-container[legend-placement^=OUTER][legend-placement=OUTER_BOTTOM] .legend-zone {
  max-height: 25%;
  overflow: auto;
  box-sizing: border-box;
}
.pivot-charts[legend-placement^=OUTER][legend-placement=OUTER_TOP] .discrete-color-legend,
.boxplots-container[legend-placement^=OUTER][legend-placement=OUTER_TOP] .discrete-color-legend,
.pivot-charts[legend-placement^=OUTER][legend-placement=OUTER_BOTTOM] .discrete-color-legend,
.boxplots-container[legend-placement^=OUTER][legend-placement=OUTER_BOTTOM] .discrete-color-legend {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
}
.pivot-charts[legend-placement^=OUTER][legend-placement=OUTER_TOP] .discrete-color-legend .item,
.boxplots-container[legend-placement^=OUTER][legend-placement=OUTER_TOP] .discrete-color-legend .item,
.pivot-charts[legend-placement^=OUTER][legend-placement=OUTER_BOTTOM] .discrete-color-legend .item,
.boxplots-container[legend-placement^=OUTER][legend-placement=OUTER_BOTTOM] .discrete-color-legend .item {
  flex: 0 0 auto;
  padding: 3px 10px;
}
.pivot-charts[legend-placement^=OUTER][legend-placement=OUTER_TOP] .color-legend.continuous,
.boxplots-container[legend-placement^=OUTER][legend-placement=OUTER_TOP] .color-legend.continuous,
.pivot-charts[legend-placement^=OUTER][legend-placement=OUTER_BOTTOM] .color-legend.continuous,
.boxplots-container[legend-placement^=OUTER][legend-placement=OUTER_BOTTOM] .color-legend.continuous {
  padding: 10px 20px;
  box-sizing: border-box;
}
.pivot-charts[legend-placement^=OUTER][legend-placement=OUTER_TOP] .chart-brush-wrapper,
.boxplots-container[legend-placement^=OUTER][legend-placement=OUTER_TOP] .chart-brush-wrapper,
.pivot-charts[legend-placement^=OUTER][legend-placement=OUTER_BOTTOM] .chart-brush-wrapper,
.boxplots-container[legend-placement^=OUTER][legend-placement=OUTER_BOTTOM] .chart-brush-wrapper {
  position: static;
  flex: 0 0 auto;
}
.pivot-charts[legend-placement^=OUTER][legend-placement=OUTER_LEFT] .legend-zone,
.boxplots-container[legend-placement^=OUTER][legend-placement=OUTER_LEFT] .legend-zone,
.pivot-charts[legend-placement^=OUTER][legend-placement=OUTER_RIGHT] .legend-zone,
.boxplots-container[legend-placement^=OUTER][legend-placement=OUTER_RIGHT] .legend-zone {
  height: 100%;
  max-width: 25%;
  overflow: auto;
  box-sizing: border-box;
}
.pivot-charts[legend-placement^=OUTER][legend-placement=OUTER_LEFT] .legend-zone:not(.is-stacked) > div,
.boxplots-container[legend-placement^=OUTER][legend-placement=OUTER_LEFT] .legend-zone:not(.is-stacked) > div,
.pivot-charts[legend-placement^=OUTER][legend-placement=OUTER_RIGHT] .legend-zone:not(.is-stacked) > div,
.boxplots-container[legend-placement^=OUTER][legend-placement=OUTER_RIGHT] .legend-zone:not(.is-stacked) > div,
.pivot-charts[legend-placement^=OUTER][legend-placement=OUTER_LEFT] .legend-zone:not(.is-stacked) > div > div,
.boxplots-container[legend-placement^=OUTER][legend-placement=OUTER_LEFT] .legend-zone:not(.is-stacked) > div > div,
.pivot-charts[legend-placement^=OUTER][legend-placement=OUTER_RIGHT] .legend-zone:not(.is-stacked) > div > div,
.boxplots-container[legend-placement^=OUTER][legend-placement=OUTER_RIGHT] .legend-zone:not(.is-stacked) > div > div,
.pivot-charts[legend-placement^=OUTER][legend-placement=OUTER_LEFT] .legend-zone:not(.is-stacked) > div > div > div,
.boxplots-container[legend-placement^=OUTER][legend-placement=OUTER_LEFT] .legend-zone:not(.is-stacked) > div > div > div,
.pivot-charts[legend-placement^=OUTER][legend-placement=OUTER_RIGHT] .legend-zone:not(.is-stacked) > div > div > div,
.boxplots-container[legend-placement^=OUTER][legend-placement=OUTER_RIGHT] .legend-zone:not(.is-stacked) > div > div > div,
.pivot-charts[legend-placement^=OUTER][legend-placement=OUTER_LEFT] .legend-zone:not(.is-stacked) > div > div > div > div,
.boxplots-container[legend-placement^=OUTER][legend-placement=OUTER_LEFT] .legend-zone:not(.is-stacked) > div > div > div > div,
.pivot-charts[legend-placement^=OUTER][legend-placement=OUTER_RIGHT] .legend-zone:not(.is-stacked) > div > div > div > div,
.boxplots-container[legend-placement^=OUTER][legend-placement=OUTER_RIGHT] .legend-zone:not(.is-stacked) > div > div > div > div {
  height: 100%;
}
.pivot-charts[legend-placement^=OUTER][legend-placement=OUTER_LEFT] .legend-zone.is-stacked .color-legend.discrete,
.boxplots-container[legend-placement^=OUTER][legend-placement=OUTER_LEFT] .legend-zone.is-stacked .color-legend.discrete,
.pivot-charts[legend-placement^=OUTER][legend-placement=OUTER_RIGHT] .legend-zone.is-stacked .color-legend.discrete,
.boxplots-container[legend-placement^=OUTER][legend-placement=OUTER_RIGHT] .legend-zone.is-stacked .color-legend.discrete {
  padding: 20px 10px;
  box-sizing: border-box;
}
.pivot-charts[legend-placement^=OUTER][legend-placement=OUTER_LEFT] .legend-zone .color-legend.continuous,
.boxplots-container[legend-placement^=OUTER][legend-placement=OUTER_LEFT] .legend-zone .color-legend.continuous,
.pivot-charts[legend-placement^=OUTER][legend-placement=OUTER_RIGHT] .legend-zone .color-legend.continuous,
.boxplots-container[legend-placement^=OUTER][legend-placement=OUTER_RIGHT] .legend-zone .color-legend.continuous {
  padding: 20px 10px;
  box-sizing: border-box;
}
.pivot-charts[legend-placement^=OUTER] .mainzone,
.boxplots-container[legend-placement^=OUTER] .mainzone,
.pivot-charts[legend-placement^=OUTER] .main-echarts-zone,
.boxplots-container[legend-placement^=OUTER] .main-echarts-zone {
  flex: 1 1 auto;
}
.pivot-charts[legend-placement^=OUTER] .legend-zone,
.boxplots-container[legend-placement^=OUTER] .legend-zone {
  flex: 0 0 auto;
}
.pivot-charts .map-container,
.boxplots-container .map-container {
  /* Kill nvd3 stupidity */
}
.pivot-charts .map-container svg,
.boxplots-container .map-container svg {
  width: auto !important;
  height: auto !important;
}
[chart-type='admin_map'] .pivot-charts[legend-placement^=OUTER][legend-placement=OUTER_LEFT] {
  flex-direction: row;
}
[chart-type='admin_map'] .pivot-charts[legend-placement^=OUTER][legend-placement=OUTER_RIGHT] {
  flex-direction: row-reverse;
}
[chart-type='admin_map'] .pivot-charts[legend-placement^=OUTER][legend-placement=OUTER_TOP] {
  flex-direction: column;
}
[chart-type='admin_map'] .pivot-charts[legend-placement^=OUTER][legend-placement=OUTER_BOTTOM] {
  flex-direction: column-reverse;
}
.dashboard-filter-dataset-column-picker__container {
  --dku-ng-select-width: 168px;
  --dku-ng-select-max-width: var(--dku-ng-select-width);
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.dashboard-filter-dataset-column-picker__container .object-picker {
  width: var(--dku-ng-select-width) !important;
}
.dashboard-filter-panel-cache-loader {
  background: #666666;
  box-sizing: border-box;
  border-radius: 4px;
  opacity: 0.85;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  color: #ffffff;
}
.dashboard-filter-panel-cache-loader .dashboard-filter-panel-cache-loader__loader-spinner-group {
  transform-origin: center;
  animation: rotate 2s linear infinite;
}
.dashboard-filter-panel-cache-loader .dashboard-filter-panel-cache-loader__loader--vertical {
  width: 56px;
  height: 56px;
}
.dashboard-filter-panel-cache-loader .dashboard-filter-panel-cache-loader__loader--horizontal {
  width: 16px;
  height: 16px;
}
.dashboard-filter-panel-cache-loader .dashboard-filter-panel-cache-loader__stack-message--horizontal {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.dashboard-filter-panel-cache-loader .dashboard-filter-panel-cache-loader__loader-percentage {
  fill: #ffffff;
  font-size: 32px;
}
.dashboard-filter-panel-cache-loader--vertical {
  padding: 8px 16px;
  margin: 8px 8px 0 8px;
}
.dashboard-filter-panel-cache-loader--horizontal {
  padding: 4px 8px;
  margin: 0 8px;
}
.dashboard-filter-panel {
  height: 100%;
  display: flex;
  box-sizing: border-box;
}
.dashboard-filter-panel.dashboard-filter-panel--column {
  flex-direction: column;
}
.dashboard-filter-panel.dashboard-filter-panel--column .dashboard-filter-panel__header {
  border-bottom: 1px solid #dddddd;
}
.dashboard-filter-panel.dashboard-filter-panel--column:not(.dashboard-filter-panel--empty) .dashboard-filter-panel__footer {
  border-top: 1px solid #dddddd;
}
.dashboard-filter-panel.dashboard-filter-panel--column .dashboard-filter-panel__footer {
  flex: 0 0 auto;
}
.dashboard-filter-panel .dashboard-filter-panel__header-right-elements {
  display: flex;
  align-items: center;
}
.dashboard-filter-panel .dashboard-filter-panel__horizontal-alert {
  white-space: nowrap;
  text-overflow: ellipsis;
  max-width: fit-content;
  overflow: hidden;
  margin-right: 16px;
}
.dashboard-filter-panel ng2-dashboard-filter-panel-settings-menu {
  margin-left: 4px;
}
.dashboard-filter-panel.dashboard-filter-panel--row {
  flex-direction: row;
  align-items: center;
}
.dashboard-filter-panel.dashboard-filter-panel--row .dashboard-filter-panel__header-right-elements {
  display: flex;
  margin-left: auto;
  padding-left: 72px;
}
.dashboard-filter-panel.dashboard-filter-panel--row ng2-dashboard-filter-panel-settings-menu {
  margin-right: 8px;
}
.dashboard-filter-panel.dashboard-filter-panel--row .filters-view__filters-list {
  padding: 0;
}
.dashboard-filter-panel.dashboard-filter-panel--row .dashboard-filter-panel__filters-view-container {
  height: 100%;
  overflow: hidden;
}
.dashboard-filter-panel.dashboard-filter-panel--row .dashboard-filter-panel__footer {
  flex: 1 0 auto;
}
.dashboard-filter-panel.dashboard-filter-panel--row .filters-view {
  justify-content: center;
}
.dashboard-filter-panel.dashboard-filter-panel--row:not(.dashboard-filter-panel--empty) .dashboard-filter-panel__footer {
  border-left: 1px solid #dddddd;
}
.dashboard-filter-panel.dashboard-filter-panel--row .dashboard-filter-panel__spinner {
  transform: scale(50%);
}
.dashboard-filter-panel.dashboard-filter-panel--in-tile {
  container: tile-filter-panel / inline-size;
}
.dashboard-filter-panel.dashboard-filter-panel--in-tile .dashboard-filter-panel__title {
  margin: 0;
  font-size: 13px;
  font-weight: 500;
}
.dashboard-filter-panel.dashboard-filter-panel--in-tile .dashboard-filter-panel__header {
  padding: 0 4px;
  height: 30px;
  min-height: 30px;
}
.dashboard-filter-panel.dashboard-filter-panel--in-tile .dashboard-filter-panel__header-right-actions {
  display: none;
}
.dashboard-filter-panel.dashboard-filter-panel--in-tile:hover .dashboard-filter-panel__header-right-actions,
.dashboard-filter-panel.dashboard-filter-panel--in-tile.dashboard-filter-panel--in-selected-tile .dashboard-filter-panel__header-right-actions {
  display: flex;
}
.dashboard-filter-panel .dashboard-filter-panel__header {
  display: flex;
  align-items: center;
  padding: 8px;
}
.dashboard-filter-panel .dashboard-filter-panel__title {
  flex: 1 1 auto;
  font-weight: 500;
  font-size: 16px;
  line-height: 20px;
  color: #222222;
  margin: 0;
}
.dashboard-filter-panel .dashboard-filter-panel__settings-btn {
  flex: 0 0 auto;
}
.dashboard-filter-panel .tabs {
  justify-content: space-around;
  padding-top: 0;
}
.dashboard-filter-panel .tab {
  line-height: 28px;
  text-transform: none;
  font-size: 14px;
}
.dashboard-filter-panel .dashboard-filter-panel__filters-view-container {
  flex: 0 1 auto;
  overflow: auto;
}
.dashboard-filter-panel .dashboard-filter-panel__filters-view-container.dashboard-filter-panel__filters-view-container--full-height {
  flex: 1 1 auto;
}
.dashboard-filter-panel .dashboard-filter-panel__filters-view-container .usable-columns-info {
  margin-top: 0;
}
.dashboard-filter-panel .dashboard-filter-panel__footer {
  display: flex;
  flex-direction: row;
  align-items: center;
  padding: 8px;
}
.dashboard-filter-panel .filters-view {
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: column;
  flex-direction: column;
  width: 100%;
  box-sizing: border-box;
  height: 100%;
}
.dashboard-filter-panel .filters-view > .standard-container__wrap {
  flex-grow: 0;
}
.dashboard-filter-panel .filters-view > .standard-container__wrap + .standard-container__wrap {
  margin-top: 32px;
  margin-left: 0;
  flex-grow: 0;
}
.dashboard-filter-panel .filters-view > .flex {
  -webkit-flex: 1 1 auto;
  flex: 1 1 auto;
  position: relative;
}
.dashboard-filter-panel .filters-view > .flex .override-min-height {
  min-height: 0px;
}
.dashboard-filter-panel .filters-view > .flex-no-basis,
.dashboard-filter-panel .filters-view .flex-no-basis {
  -webkit-flex: 1 1 0;
  flex: 1 1 0;
  position: relative;
}
.dashboard-filter-panel .filters-view > .flex-no-basis .override-min-height,
.dashboard-filter-panel .filters-view .flex-no-basis .override-min-height {
  min-height: 0px;
}
.dashboard-filter-panel .filters-view > .flex-no-grow {
  -webkit-flex: 0 1 auto;
  flex: 0 1 auto;
  position: relative;
}
.dashboard-filter-panel .filters-view > .flex-no-shrink {
  -webkit-flex: 1 0 auto;
  flex: 1 0 auto;
  position: relative;
}
.dashboard-filter-panel .filters-view > .noflex,
.dashboard-filter-panel .filters-view .top-level-tabs,
.dashboard-filter-panel .filters-view > .alert,
.dashboard-filter-panel .filters-view > .bottom-bar,
.dashboard-filter-panel .filters-view > .input-append,
.dashboard-filter-panel .filters-view > div[block-api-error],
.dashboard-filter-panel .filters-view > h1,
.dashboard-filter-panel .filters-view > h2,
.dashboard-filter-panel .filters-view > h3,
.dashboard-filter-panel .filters-view > h4,
.dashboard-filter-panel .filters-view > h5,
.dashboard-filter-panel .filters-view > h6 {
  -webkit-flex-flex: 0 0 auto;
  flex: 0 0 auto;
}
.dashboard-filter-panel .filters-view-header {
  flex: 0;
  padding-bottom: 4px;
  border-bottom: 1px solid #dddddd;
  line-height: 26px;
  background-color: #ffffff;
}
.dashboard-filter-panel .filters-view-header__buttons {
  z-index: 10;
}
.dashboard-filter-panel .filters-view-header__subtitle {
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: row;
  flex-direction: row;
  height: 100%;
  box-sizing: border-box;
  margin: 0;
}
.dashboard-filter-panel .filters-view-header__subtitle > .flex {
  -webkit-flex: 1 1 auto;
  flex: 1 1 auto;
  position: relative;
}
.dashboard-filter-panel .filters-view-header__subtitle > .flex .override-min-width {
  min-width: 0px;
}
.dashboard-filter-panel .filters-view-header__subtitle > .flex-no-basis,
.dashboard-filter-panel .filters-view-header__subtitle .flex-no-basis {
  -webkit-flex: 1 1 0;
  flex: 1 1 0;
  position: relative;
}
.dashboard-filter-panel .filters-view-header__subtitle > .flex-no-basis .override-min-width,
.dashboard-filter-panel .filters-view-header__subtitle .flex-no-basis .override-min-width {
  min-width: 0px;
}
.dashboard-filter-panel .filters-view-header__subtitle > .flex-no-grow {
  -webkit-flex: 0 1 auto;
  flex: 0 1 auto;
  position: relative;
}
.dashboard-filter-panel .filters-view-header__subtitle > .flex-no-shrink {
  -webkit-flex: 1 0 auto;
  flex: 1 0 auto;
  position: relative;
}
.dashboard-filter-panel .filters-view-header__subtitle > .noflex,
.dashboard-filter-panel .filters-view-header__subtitle .top-level-tabs,
.dashboard-filter-panel .filters-view-header__subtitle > .alert,
.dashboard-filter-panel .filters-view-header__subtitle > .bottom-bar,
.dashboard-filter-panel .filters-view-header__subtitle > .input-append,
.dashboard-filter-panel .filters-view-header__subtitle > div[block-api-error],
.dashboard-filter-panel .filters-view-header__subtitle > h1,
.dashboard-filter-panel .filters-view-header__subtitle > h2,
.dashboard-filter-panel .filters-view-header__subtitle > h3,
.dashboard-filter-panel .filters-view-header__subtitle > h4,
.dashboard-filter-panel .filters-view-header__subtitle > h5,
.dashboard-filter-panel .filters-view-header__subtitle > h6 {
  -webkit-flex: 0 0 auto;
  flex: 0 0 auto;
}
.dashboard-filter-panel .filters-view-header__summary {
  color: #666666;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  width: fill-available;
  width: -moz-available;
  width: -webkit-fill-available;
}
.dashboard-filter-panel .filters-view-header__clear {
  min-width: 26px;
  white-space: nowrap;
}
.dashboard-filter-panel .filters-view-header__clear.filter-header__clear--blurred {
  pointer-events: none;
  opacity: 0.5;
}
.dashboard-filter-panel .filters-view-header__clear .icon-dku-close {
  font-size: 10px;
}
.dashboard-filter-panel .filters-view__filters-list {
  padding: 8px;
}
.dashboard-filter-panel .filters-view__filters-list.filters-view__filters-list--empty > ul {
  height: 0;
  padding: 0;
}
.dashboard-filter-panel .filters-view__filters-list.filters-view__filters-list--blurred > ul {
  pointer-events: none;
  opacity: 0.5;
}
.dashboard-filter-panel .filters-view__filters-list > ul {
  border: 1px solid #dddddd;
  box-sizing: border-box;
  background: #ffffff;
  min-height: 41px;
  padding: 0 8px;
  margin: 0;
  position: relative;
  border: none;
  min-height: initial;
  padding: 0;
}
.dashboard-filter-panel .filters-view__filters-list > ul.empty {
  border: 1px #999999 dashed;
  background: none;
}
.dashboard-filter-panel .filters-view__filters-list > ul.drop-accepted {
  background: #ffffff;
}
.dashboard-filter-panel .filters-view__filters-list > ul.drop-accepted.over {
  border: 1px solid #e8f5e9;
}
.dashboard-filter-panel .filters-view__filters-list > ul.drop-rejected {
  border: 1px dashed #f9e3e5;
}
.dashboard-filter-panel .filters-view__filters-list > ul.drop-rejected.over {
  border: 1px solid #f9e3e5;
}
.dashboard-filter-panel .filters-view__filters-list > ul > li {
  box-sizing: border-box;
  border: none;
  list-style: none;
  position: relative;
  margin: 6px 10px 7px 0;
  margin-right: 0;
}
.dashboard-filter-panel .filters-view__filters-list > ul > li + li {
  margin-top: 8px;
}
.dashboard-filter-panel .filters-view__filters-list > ul > li.sortable-placeholder {
  border-radius: 15px;
  display: block;
  position: relative;
  background: #ffffff !important;
  border: 1px dashed #dddddd !important;
  height: 26px;
}
.dashboard-filter-panel .filters-view__filters-list > ul > li select {
  font-size: 0.9em;
  width: 100%;
}
.dashboard-filter-panel .filters-view__filters-list > ul > li .pivot-filter-header.pivot-filter-header--minimal-ui .pivot-filter-header__title {
  background-color: transparent;
  padding: 0;
}
.dashboard-filter-panel .filters-view__filters-list > ul > li .pivot-filter-header .filter-header__column-name {
  color: inherit;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  width: fill-available;
  width: -moz-available;
  width: -webkit-fill-available;
}
.dashboard-filter-panel .filters-view__filters-list > ul > li .pivot-filter-header .filter-header__column-name:hover {
  text-decoration: none;
}
.dashboard-filter-panel .filters-view__filters-list > ul > li .box-header {
  background: #ffffff;
  color: #666666;
  min-height: 26px;
  height: 26px;
  line-height: 26px;
  padding: 0 0 0 8px;
  font-size: 12px;
  box-shadow: inset 3px 0 0 0 #72a1e5, inset -1px 0 0 0 #dddddd, inset 0 1px 0 0 #dddddd, inset 0 -1px 0 0 #dddddd;
}
.dashboard-filter-panel .filters-view__filters-list > ul > li .box-header:hover {
  color: #222222;
}
.dashboard-filter-panel .filters-view__filters-list > ul > li .box-header button:focus,
.dashboard-filter-panel .filters-view__filters-list > ul > li .box-header button:hover {
  background-color: rgba(0, 0, 0, 0.05);
}
.dashboard-filter-panel .filters-view__filters-list > ul > li .box-header .box-header__icons {
  display: block;
  white-space: nowrap;
  padding-left: 4px;
}
.dashboard-filter-panel .filters-view__filters-list > ul > li .box-header .box-header__icons .icon-remove,
.dashboard-filter-panel .filters-view__filters-list > ul > li .box-header .box-header__icons .icon-trash,
.dashboard-filter-panel .filters-view__filters-list > ul > li .box-header .box-header__icons .icon-off,
.dashboard-filter-panel .filters-view__filters-list > ul > li .box-header .box-header__icons .dku-icon-trash-16 {
  line-height: inherit;
  cursor: pointer;
  opacity: 0.5;
}
.dashboard-filter-panel .filters-view__filters-list > ul > li .box-header .box-header__icons .icon-remove:hover,
.dashboard-filter-panel .filters-view__filters-list > ul > li .box-header .box-header__icons .icon-trash:hover,
.dashboard-filter-panel .filters-view__filters-list > ul > li .box-header .box-header__icons .icon-off:hover,
.dashboard-filter-panel .filters-view__filters-list > ul > li .box-header .box-header__icons .dku-icon-trash-16:hover {
  opacity: 1;
}
.dashboard-filter-panel .filters-view__filters-list > ul > li .box-header .box-header__icons .dku-icon-trash-16 {
  font-size: 13px !important;
}
.dashboard-filter-panel .filters-view__filters-list > ul > li .box-header .box-header__icons i.icon-off + i {
  margin-left: 4px;
}
.dashboard-filter-panel .filters-view__filters-list > ul > li .box-header__icon-chevron {
  display: inline-block;
  width: 10px;
  line-height: 26px;
  vertical-align: top;
  margin-left: -2px;
  margin-right: 2px;
}
.dashboard-filter-panel .filters-view__filters-list > ul > li .box-header__title {
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: row;
  flex-direction: row;
  height: 100%;
  box-sizing: border-box;
}
.dashboard-filter-panel .filters-view__filters-list > ul > li .box-header__title > .flex {
  -webkit-flex: 1 1 auto;
  flex: 1 1 auto;
  position: relative;
}
.dashboard-filter-panel .filters-view__filters-list > ul > li .box-header__title > .flex .override-min-width {
  min-width: 0px;
}
.dashboard-filter-panel .filters-view__filters-list > ul > li .box-header__title > .flex-no-basis,
.dashboard-filter-panel .filters-view__filters-list > ul > li .box-header__title .flex-no-basis {
  -webkit-flex: 1 1 0;
  flex: 1 1 0;
  position: relative;
}
.dashboard-filter-panel .filters-view__filters-list > ul > li .box-header__title > .flex-no-basis .override-min-width,
.dashboard-filter-panel .filters-view__filters-list > ul > li .box-header__title .flex-no-basis .override-min-width {
  min-width: 0px;
}
.dashboard-filter-panel .filters-view__filters-list > ul > li .box-header__title > .flex-no-grow {
  -webkit-flex: 0 1 auto;
  flex: 0 1 auto;
  position: relative;
}
.dashboard-filter-panel .filters-view__filters-list > ul > li .box-header__title > .flex-no-shrink {
  -webkit-flex: 1 0 auto;
  flex: 1 0 auto;
  position: relative;
}
.dashboard-filter-panel .filters-view__filters-list > ul > li .box-header__title > .noflex,
.dashboard-filter-panel .filters-view__filters-list > ul > li .box-header__title .top-level-tabs,
.dashboard-filter-panel .filters-view__filters-list > ul > li .box-header__title > .alert,
.dashboard-filter-panel .filters-view__filters-list > ul > li .box-header__title > .bottom-bar,
.dashboard-filter-panel .filters-view__filters-list > ul > li .box-header__title > .input-append,
.dashboard-filter-panel .filters-view__filters-list > ul > li .box-header__title > div[block-api-error],
.dashboard-filter-panel .filters-view__filters-list > ul > li .box-header__title > h1,
.dashboard-filter-panel .filters-view__filters-list > ul > li .box-header__title > h2,
.dashboard-filter-panel .filters-view__filters-list > ul > li .box-header__title > h3,
.dashboard-filter-panel .filters-view__filters-list > ul > li .box-header__title > h4,
.dashboard-filter-panel .filters-view__filters-list > ul > li .box-header__title > h5,
.dashboard-filter-panel .filters-view__filters-list > ul > li .box-header__title > h6 {
  -webkit-flex: 0 0 auto;
  flex: 0 0 auto;
}
.dashboard-filter-panel .filters-view__filters-list > ul > li .box-container {
  background: #ffffff;
}
.dashboard-filter-panel .filters-view__filters-list > ul > li {
  margin: 0 !important;
}
.dashboard-filter-panel .filters-view__filters-list > ul > li .box-container {
  background: #ffffff;
}
.dashboard-filter-panel .filters-view__filters-list > ul > li:hover .box-container.box-container--folded {
  border-bottom-color: #bbbbbb;
}
.dashboard-filter-panel .filters-view__filters-list > ul > li .box-header {
  box-shadow: none;
  font-weight: 400;
  font-size: 13px;
  line-height: 16px;
  color: #222222;
  line-height: 26px;
  height: fit-content;
  padding: 0;
}
.dashboard-filter-panel .filters-view__filters-list > ul > li .box-header.pivot-filter-header--minimal-ui .pivot-filter-header__title {
  background-color: #f2f2f2;
  padding: 0 8px;
}
.dashboard-filter-panel .filters-view__filters-list > ul > li .box-header .box-header__icon-chevron {
  font-size: 10px;
  width: 16px;
  color: #666666;
  transition: color 50ms ease-in-out;
  line-height: inherit;
  margin-left: 0;
}
.dashboard-filter-panel .filters-view__filters-list > ul > li .box-header .icon-warning-sign {
  color: #f28c37;
}
.dashboard-filter-panel .filters-view__filters-list > ul > li .box-header:hover .box-header__icon-chevron {
  color: #222222;
}
.dashboard-filter-panel .filters-view__filters-list > ul > li .box-header .filter-header__column-name {
  font-weight: 500;
}
.dashboard-filter-panel .filter-header__sub-title {
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: row;
  flex-direction: row;
  height: 100%;
  box-sizing: border-box;
}
.dashboard-filter-panel .filter-header__sub-title > .flex {
  -webkit-flex: 1 1 auto;
  flex: 1 1 auto;
  position: relative;
}
.dashboard-filter-panel .filter-header__sub-title > .flex .override-min-width {
  min-width: 0px;
}
.dashboard-filter-panel .filter-header__sub-title > .flex-no-basis,
.dashboard-filter-panel .filter-header__sub-title .flex-no-basis {
  -webkit-flex: 1 1 0;
  flex: 1 1 0;
  position: relative;
}
.dashboard-filter-panel .filter-header__sub-title > .flex-no-basis .override-min-width,
.dashboard-filter-panel .filter-header__sub-title .flex-no-basis .override-min-width {
  min-width: 0px;
}
.dashboard-filter-panel .filter-header__sub-title > .flex-no-grow {
  -webkit-flex: 0 1 auto;
  flex: 0 1 auto;
  position: relative;
}
.dashboard-filter-panel .filter-header__sub-title > .flex-no-shrink {
  -webkit-flex: 1 0 auto;
  flex: 1 0 auto;
  position: relative;
}
.dashboard-filter-panel .filter-header__sub-title > .noflex,
.dashboard-filter-panel .filter-header__sub-title .top-level-tabs,
.dashboard-filter-panel .filter-header__sub-title > .alert,
.dashboard-filter-panel .filter-header__sub-title > .bottom-bar,
.dashboard-filter-panel .filter-header__sub-title > .input-append,
.dashboard-filter-panel .filter-header__sub-title > div[block-api-error],
.dashboard-filter-panel .filter-header__sub-title > h1,
.dashboard-filter-panel .filter-header__sub-title > h2,
.dashboard-filter-panel .filter-header__sub-title > h3,
.dashboard-filter-panel .filter-header__sub-title > h4,
.dashboard-filter-panel .filter-header__sub-title > h5,
.dashboard-filter-panel .filter-header__sub-title > h6 {
  -webkit-flex: 0 0 auto;
  flex: 0 0 auto;
}
.dashboard-filter-panel .filter-header__summary {
  color: #666666;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  width: fill-available;
  width: -moz-available;
  width: -webkit-fill-available;
}
.dashboard-filter-panel .filter-header__clear {
  min-width: 26px;
  white-space: nowrap;
}
.dashboard-filter-panel .filter-header__clear.filter-header__clear--blurred {
  pointer-events: none;
  opacity: 0.5;
}
.dashboard-filter-panel .filter-header__clear .icon-dku-close {
  font-size: 10px;
}
.dashboard-filter-panel .dashboard-filter-panel__header-right-actions,
.dashboard-filter-panel .dashboard-filter-panel__header-right-badges {
  display: flex;
  align-items: center;
}
.grid-display {
  min-height: 100%;
}
.dashboard-grid {
  --tile-spacing: 8px;
  position: relative;
  margin-block-start: 0;
  margin-block-end: 0;
  margin-inline-start: 0;
  margin-inline-end: 0;
  padding-inline-start: 0;
  margin: calc(var(--tile-spacing) / 2);
  list-style: none;
}
.dashboard-grid.dashboard-grid--inside-group-tile {
  margin: 0;
  width: calc(var(--tile-spacing) + 100%);
}
.dashboard-grid.dashboard-grid--inside-group-tile .grid-display {
  margin-top: calc(var(--tile-spacing) * -1);
  margin-left: calc(var(--tile-spacing) * -1);
  padding-bottom: calc(var(--tile-spacing));
}
.dashboard-grid.dashboard-grid--inside-group-tile li.position-highlight {
  margin-top: calc(var(--tile-spacing) / 2 * -1);
  margin-left: calc(var(--tile-spacing) / 2 * -1);
}
.dashboard-grid .tile-wrapper,
.dashboard-grid li.position-highlight {
  padding: calc(var(--tile-spacing) / 2);
  position: absolute;
  box-sizing: border-box;
}
.dashboard-grid .tile-wrapper.selected::after {
  content: '';
  position: absolute;
  top: calc(var(--tile-spacing) / 2);
  left: calc(var(--tile-spacing) / 2);
  right: calc(var(--tile-spacing) / 2);
  bottom: calc(var(--tile-spacing) / 2);
  border: 1px solid #3b99fc;
  pointer-events: none;
}
.dashboard-grid .tile-wrapper.tile-wrapper--inside-group-tile {
  margin-top: calc(var(--tile-spacing) / 2 * -1);
  margin-left: calc(var(--tile-spacing) / 2 * -1);
}
.dashboard-grid .tile-wrapper:not(.selected) > .ui-resizable-handle {
  display: none !important;
}
.dashboard-grid .tile-wrapper.tile-wrapper--no-resize-handle > .ui-resizable-handle {
  display: none !important;
}
.dashboard-grid .tile-wrapper .ui-resizable-handle {
  width: 5px !important;
  height: 5px !important;
  background-color: #3b99fc;
  border: 1px solid #3b99fc;
  border-radius: 3px;
}
.dashboard-grid .tile-wrapper.selected > div.h100 {
  border-color: #3b99fc !important;
}
.dashboard-grid .tile-wrapper.invisible {
  visibility: hidden;
}
.dashboard-grid .tile-wrapper:not(.tile-wrapper--no-animation) {
  transition: left 0.2s, top 0.2s, width 0.2s, height 0.2s;
}
.dashboard-grid .tile-wrapper.newPinlet {
  box-shadow: 0 0 7px #3b99fc;
}
.dashboard-grid .tile-wrapper > .fh {
  padding: 3px 2px;
}
.dashboard-grid .tile-wrapper > .fh > .noflex {
  background-color: #ffffff;
  border-bottom: 0;
}
.dashboard-grid .tile-wrapper .dashboard-tile {
  border-radius: 0;
}
.dashboard-grid .tile-wrapper .dashboard-tile .access-warning {
  cursor: pointer;
  border-radius: 0;
  margin: 10px;
}
.dashboard-grid .tile-wrapper .dashboard-tile .text-tile.one-col.one-row .centered-info p {
  font-size: 14px;
  margin: 5px 0;
}
.dashboard-grid .tile-wrapper .dashboard-tile .insight-image {
  display: flex;
  justify-content: center;
  align-items: center;
}
.dashboard-grid .tile-wrapper .dashboard-tile .insight-image.orig-size img {
  object-fit: none;
  max-width: none;
}
.dashboard-grid .tile-wrapper .dashboard-tile .insight-image.fit-size img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}
.dashboard-grid .tile-wrapper .dashboard-tile .insight-image.stretch-size img {
  width: 100%;
  height: 100%;
  object-fit: fill;
}
.dashboard-grid .tile-wrapper .dashboard-tile .insight-image.fit-crop-size img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.dashboard-grid .tile-wrapper .dashboard-tile .insight-image .insight-image-placeholder {
  text-align: center;
}
.dashboard-grid .tile-wrapper .dashboard-tile .insight-image .insight-image-placeholder i.icon-picture {
  color: #cccccc;
  font-size: 50px;
  display: block;
}
.dashboard-grid .tile-wrapper .dashboard-tile .insight-image .insight-image-placeholder i.icon-picture + .btn {
  margin-top: 10px;
}
.dashboard-grid .tile-wrapper .dashboard-tile .insight-image.insight-image-and-desc {
  flex-direction: column;
}
.dashboard-grid .tile-wrapper .dashboard-tile .insight-image.insight-image-and-desc img {
  max-height: 70%;
  padding: 0 20px;
}
.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-grid .tile-wrapper .ui-resizable {
  position: relative;
}
.dashboard-grid .tile-wrapper .ui-resizable-handle {
  position: absolute;
  font-size: 0.1px;
  display: block;
  -ms-touch-action: none;
  touch-action: none;
}
.dashboard-grid .tile-wrapper .ui-resizable-disabled .ui-resizable-handle,
.dashboard-grid .tile-wrapper .ui-resizable-autohide .ui-resizable-handle {
  display: none;
}
.dashboard-grid .tile-wrapper .ui-resizable-n {
  cursor: n-resize;
  height: 7px;
  width: 100%;
  top: -5px;
  left: 0;
}
.dashboard-grid .tile-wrapper .ui-resizable-s {
  cursor: s-resize;
  height: 7px;
  width: 100%;
  bottom: -5px;
  left: 0;
}
.dashboard-grid .tile-wrapper .ui-resizable-e {
  cursor: e-resize;
  width: 7px;
  right: -5px;
  top: 0;
  height: 100%;
}
.dashboard-grid .tile-wrapper .ui-resizable-w {
  cursor: w-resize;
  width: 7px;
  left: -5px;
  top: 0;
  height: 100%;
}
.dashboard-grid .tile-wrapper .ui-resizable-se {
  cursor: se-resize;
  width: 12px;
  height: 12px;
  right: 1px;
  bottom: 1px;
}
.dashboard-grid .tile-wrapper .ui-resizable-sw {
  cursor: sw-resize;
  width: 9px;
  height: 9px;
  left: -5px;
  bottom: -5px;
}
.dashboard-grid .tile-wrapper .ui-resizable-nw {
  cursor: nw-resize;
  width: 9px;
  height: 9px;
  left: -5px;
  top: -5px;
}
.dashboard-grid .tile-wrapper .ui-resizable-ne {
  cursor: ne-resize;
  width: 9px;
  height: 9px;
  right: -5px;
  top: -5px;
}
.dashboard-grid .tile-wrapper .ui-resizable {
  position: absolute;
}
.dashboard-grid li.position-highlight {
  transition: none;
}
.dashboard-grid li.position-highlight .inner {
  border: none;
  background: #cccccc;
  height: 100%;
  width: 100%;
}
.dashboard-grid__spinner {
  position: absolute;
  top: 50%;
  left: 50%;
}
.dashboard-navigation-drawer {
  display: flex;
  height: 100%;
}
.dashboard-navigation-drawer.dashboard-navigation-drawer--closed-edition-menu .dashboard-navigation-drawer-settings-panel {
  opacity: 0;
}
.dashboard-navigation-drawer.dashboard-navigation-drawer--opened-edition-menu .dashboard-navigation-drawer-settings-panel {
  opacity: 1;
}
.dashboard-navigation-drawer-left-bar {
  position: relative;
  border-right: 1px solid #dddddd;
  width: 49px;
  background-color: #f2f2f2;
  display: flex;
  flex-direction: column;
  flex: 1 1 auto;
  transition: width 0.1s cubic-bezier(0, 0, 0.2, 1);
}
.dashboard-navigation-drawer-left-bar.dashboard-navigation-drawer-left-bar--expanded {
  border-right: none;
}
.dashboard-navigation-drawer-left-bar .dashboard-navigation-drawer-left-bar__header {
  display: flex;
  align-items: center;
  gap: 8px;
  font-weight: 600;
  font-size: 16px;
  line-height: 20px;
  color: #222222;
  text-transform: uppercase;
}
.dashboard-navigation-drawer-left-bar .dashboard-navigation-drawer-left-bar__header button {
  flex: 0 0 49px;
}
.dashboard-navigation-drawer-left-bar .dashboard-navigation-drawer-left-bar__toggle {
  height: 46px;
  width: 100%;
}
.dashboard-navigation-drawer-left-bar .dashboard-navigation-drawer-left-bar__navigation {
  overflow: auto;
}
.dashboard-navigation-drawer-left-bar .dashboard-navigation-drawer-left-bar__page-miniature {
  transition: background-color 0.1s cubic-bezier(0, 0, 0.2, 1);
  transition: border 0.1s cubic-bezier(0, 0, 0.2, 1);
  display: flex;
  align-items: center;
  gap: 12px;
  cursor: pointer;
  padding: 4px;
}
.dashboard-navigation-drawer-left-bar .dashboard-navigation-drawer-left-bar__page-miniature:hover {
  background-color: #dddddd;
}
.dashboard-navigation-drawer-left-bar .dashboard-navigation-drawer-left-bar__page-miniature.dashboard-navigation-drawer-left-bar__page-miniature--current .dashboard-navigation-drawer-left-bar__page-miniature-content {
  border: 1px solid #3b99fc;
}
.dashboard-navigation-drawer-left-bar .dashboard-navigation-drawer-left-bar__page-miniature.dashboard-navigation-drawer-left-bar__page-miniature--current .dashboard-navigation-drawer-left-bar__page-miniature-content th,
.dashboard-navigation-drawer-left-bar .dashboard-navigation-drawer-left-bar__page-miniature.dashboard-navigation-drawer-left-bar__page-miniature--current .dashboard-navigation-drawer-left-bar__page-miniature-content td {
  opacity: 1;
}
.dashboard-navigation-drawer-left-bar .dashboard-navigation-drawer-left-bar__page-miniature.dashboard-navigation-drawer-left-bar__page-miniature--current .dashboard-navigation-drawer-left-bar__page-title {
  font-weight: 600;
  font-size: 13px;
  line-height: 16px;
  color: #222222;
}
.dashboard-navigation-drawer-left-bar .dashboard-navigation-drawer-left-bar__page-miniature-content {
  position: relative;
  overflow: hidden;
  background: #ffffff;
  border: 1px solid #dddddd;
  height: 34px;
  cursor: pointer;
  box-sizing: border-box;
  flex: 0 1 41px;
}
.dashboard-navigation-drawer-left-bar .dashboard-navigation-drawer-left-bar__page-miniature-content:hover th,
.dashboard-navigation-drawer-left-bar .dashboard-navigation-drawer-left-bar__page-miniature-content:hover td {
  opacity: 1;
}
.dashboard-navigation-drawer-left-bar .dashboard-navigation-drawer-left-bar__page-miniature-visibility-icon {
  opacity: 1;
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(255, 255, 255, 0.75);
  transition: opacity 0.1s cubic-bezier(0, 0, 0.2, 1);
  z-index: 14;
}
.dashboard-navigation-drawer-left-bar .dashboard-navigation-drawer-left-bar__page-title {
  flex: 1 0 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-weight: 400;
  font-size: 13px;
  line-height: 16px;
  color: #222222;
}
.dashboard-navigation-drawer-left-bar .dashboard-navigation-drawer-left-bar__dashboard-settings {
  height: 46px;
  width: 100%;
}
.dashboard-navigation-drawer-left-bar .dashboard-navigation-drawer-left-bar__dashboard-settings.dashboard-navigation-drawer-left-bar__dashboard-settings--active {
  background-color: #ffffff;
  color: #3b99fc;
}
.dashboard-navigation-drawer-settings-panel {
  border-right: 1px solid #dddddd;
  transition: opacity 0.1s cubic-bezier(0, 0, 0.2, 1);
  width: 300px;
  flex: 0 0 300px;
}
.dashboard-navigation-drawer-resizer {
  position: absolute;
  top: 0;
  right: -8px;
  height: 100%;
  cursor: col-resize;
  z-index: 14;
  padding: 0 8px;
}
.dashboard-navigation-drawer-resizer:hover::after,
.dashboard-navigation-drawer-resizer.dashboard-navigation-drawer-resizer--resizing::after {
  width: 4px;
  background-color: #3b99fc;
}
.dashboard-navigation-drawer-resizer::after {
  content: '';
  position: absolute;
  margin: 0 auto;
  top: 0;
  left: 0;
  right: 0;
  height: 100%;
  width: 1px;
  background-color: #dddddd;
}
.dashboard-settings-panel {
  background: #ffffff;
  height: 100%;
  display: flex;
  flex-direction: column;
}
.dashboard-settings-panel .dashboard-settings-panel__header {
  padding: 8px 8px 0 8px;
  font-weight: 500;
  font-size: 16px;
  line-height: 20px;
  color: #222222;
  line-height: 26px;
  flex: 0 0 26px;
}
.dashboard-settings-panel .dashboard-settings-panel__body {
  display: flex;
  flex-direction: column;
  overflow: auto;
  flex: 1 1 100%;
}
.dashboard-settings-panel .dashboard-settings-panel__body:not( :has(.themes-view)) {
  padding: 16px;
}
.dashboard-settings-panel .themes-view {
  --themes-view-padding: 16px;
}
.dashboard-settings-panel .dashboard-settings-panel__tile-spacing-text-input {
  width: 42px;
}
.dashboard-settings-panel .dashboard-settings-panel__tile-spacing-text-reset {
  margin-left: 8px;
}
.dashboard-settings-panel .dashboard-settings-panel-list-item {
  display: flex;
  align-items: center;
  justify-content: space-between;
  cursor: pointer;
  padding: 0 8px;
  color: #666666;
  width: fill-available;
  width: -moz-available;
  width: -webkit-fill-available;
  border-radius: 3px;
}
.dashboard-settings-panel .dashboard-settings-panel-list-item .dashboard-page-menu {
  position: relative;
  z-index: 1;
  visibility: hidden;
}
.dashboard-settings-panel .dashboard-settings-panel-list-item:hover {
  background-color: #f2f2f2;
}
.dashboard-settings-panel .dashboard-settings-panel-list-item:hover .dashboard-page-menu {
  z-index: 1;
  visibility: visible;
}
.dashboard-settings-panel .dashboard-settings-panel-list-item__title {
  max-width: 250px;
  font-size: 14px;
  line-height: 32px;
  display: inline-block;
  text-align: center;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  vertical-align: middle;
  text-align: left;
}
.dashboard-settings-panel .dashboard-settings-panel-list-item__title::after {
  display: block;
  content: attr(text-content);
  font-weight: 500;
  height: 0;
  color: transparent;
  overflow: hidden;
  visibility: hidden;
  margin-bottom: -1px;
}
.dashboard-settings-panel .dashboard-settings-panel-list-item--current .dashboard-settings-panel-list-item__title {
  font-weight: 500;
  cursor: default;
}
.dashboard-settings-panel .dku-toggle span {
  display: inline-block;
}
.dashboard-settings-panel .custom-navigation-icon {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 24px;
}
.dashboard-settings-panel .custom-navigation-icon i:nth-child(2) {
  margin-left: -4px;
}
.dashboard-settings-panel .color-picker-wrapper {
  display: flex;
  gap: 8px;
}
.request-center-index-page .list--empty__icon {
  color: #bbbbbb;
}
.request-center-index-page .list--empty__text {
  font-size: 22px;
  line-height: 28px;
  color: #222222;
  color: #666666;
  font-weight: 400;
}
.request-center-index-page .request--empty__icon {
  color: #bbbbbb;
}
.request-center-index-page .request--empty__text {
  font-weight: 500;
  font-size: 13px;
  line-height: 16px;
  color: #222222;
  color: #666666;
  font-weight: 400;
}
.request-center-index-page .object-nav {
  height: 48px;
}
.request-center-index-page .inbox-container-row {
  display: grid;
  grid-template-columns: 200px 1fr 500px;
  grid-template-rows: 100%;
  gap: 0px 0px;
  grid-template-areas: "filter list detail";
  height: 100%;
}
.request-center-index-page .inbox-container-column {
  display: grid;
  grid-template-columns: 100%;
  grid-template-rows: 40px 1fr 58px;
  gap: 0px 0px;
  grid-template-areas: "header" "content" "footer";
}
.request-center-index-page .inbox {
  display: grid;
  grid-template-columns: 200px 1fr 500px;
  grid-template-rows: 100%;
  gap: 0px 0px;
  grid-template-areas: "filter list detail";
  height: 100%;
  background-color: #ffffff;
}
.request-center-index-page .filter {
  display: grid;
  grid-template-columns: 100%;
  grid-template-rows: 40px 1fr 58px;
  gap: 0px 0px;
  grid-template-areas: "header" "content" "footer";
  background-color: #f2f2f2;
}
.request-center-index-page .list {
  display: grid;
  grid-template-columns: 100%;
  grid-template-rows: 40px 1fr 58px;
  gap: 0px 0px;
  grid-template-areas: "header" "content" "footer";
  border-left: 1px solid #dddddd;
  border-right: 1px solid #dddddd;
}
.request-center-index-page .list--empty {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.request-center-index-page .request--empty {
  height: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.request-center-index-page .label {
  font-weight: 400;
  font-size: 10px;
  line-height: 13px;
  color: #222222;
  padding: 2px 4px;
  border-radius: 2px;
}
.request-center-index-page .label--success {
  font-weight: 400;
  font-size: 10px;
  line-height: 13px;
  color: #222222;
  padding: 2px 4px;
  border-radius: 2px;
  background-color: #d7f0d6;
}
.request-center-index-page .label--important {
  font-weight: 400;
  font-size: 10px;
  line-height: 13px;
  color: #222222;
  padding: 2px 4px;
  border-radius: 2px;
  background-color: #f0b8bf;
}
.request-center-index-page .filter__content {
  padding: 8px 16px;
  grid-area: header / auto / footer;
  overflow: auto;
}
.request-center-index-page .filter__content > * {
  border-block-start: none;
}
.request-center-index-page .filter__content > * + * {
  border-block-start: 1px solid #dddddd;
}
.request-center-index-page .filter__content > * {
  margin-block: 0 !important;
}
.request-center-index-page .filter__content > * + * {
  margin-block-start: 8px !important;
}
.request-center-index-page .filter__content .children-vertical-spacing-exception + * {
  margin-block-start: 0 !important;
}
.request-center-index-page .filter__content__facet {
  padding: 8px 0;
  display: flex;
  flex-direction: column;
  align-items: stretch;
}
.request-center-index-page .filter__content__facet > * {
  margin-block: 0 !important;
}
.request-center-index-page .filter__content__facet > * + * {
  margin-block-start: 4px !important;
}
.request-center-index-page .filter__content__facet .children-vertical-spacing-exception + * {
  margin-block-start: 0 !important;
}
.request-center-index-page .filter__content__facet__trigger {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 0;
  border: none;
  background-color: transparent;
  font-weight: 500;
  font-size: 13px;
  line-height: 16px;
  color: #222222;
  line-height: 20px;
}
.request-center-index-page .filter__content__facet__content {
  display: flex;
  flex-direction: column;
}
.request-center-index-page .filter__content__facet__content > * {
  margin-block: 0 !important;
}
.request-center-index-page .filter__content__facet__content > * + * {
  margin-block-start: 8px !important;
}
.request-center-index-page .filter__content__facet__content .children-vertical-spacing-exception + * {
  margin-block-start: 0 !important;
}
.request-center-index-page .filter__content__facet__all {
  display: flex;
  align-items: center;
}
.request-center-index-page .filter__content__facet__all > * {
  margin-inline-start: 0 !important;
}
.request-center-index-page .filter__content__facet__all > * + * {
  margin-inline-start: 8px !important;
}
.request-center-index-page .filter__content__facet__all .children-horizontal-spacing-exception + * {
  margin-block-start: 0 !important;
}
.request-center-index-page .filter__content__facet__element {
  font-weight: 400;
  line-height: 16px;
  color: #222222;
  display: flex;
  justify-content: space-between;
  align-items: center;
  word-break: break-word;
  font-size: 13px;
}
.request-center-index-page .filter__content__facet__element input {
  margin: 0;
}
.request-center-index-page .filter__content__facet__element__value {
  white-space: nowrap;
}
.request-center-index-page .facet__content__more {
  border: 0;
  background-color: transparent;
  text-align: start;
  font-weight: 400;
  font-size: 13px;
  line-height: 16px;
  color: #222222;
  color: #666666;
}
.request-center-index-page .request-list__request__cell {
  display: table-cell;
  padding: 16px 0 16px 24px;
  border-bottom: 1px solid #dddddd;
}
.request-center-index-page .request-list__request__cell i.type-icon.project {
  color: #333333;
}
.request-center-index-page .request-list__request__cell i.type-icon.column {
  color: #333333;
}
.request-center-index-page .request-list__request__cell i.type-icon.discussion {
  color: #333333;
}
.request-center-index-page .request-list__request__cell i.type-icon.article {
  color: #427b98;
}
.request-center-index-page .request-list__request__cell i.type-icon.dataset {
  color: #28a9dd;
}
.request-center-index-page .request-list__request__cell i.type-icon.analysis {
  color: #29af5d;
}
.request-center-index-page .request-list__request__cell i.type-icon.prompt_studio {
  color: #29af5d;
}
.request-center-index-page .request-list__request__cell i.type-icon.notebook {
  color: #f28c38;
}
.request-center-index-page .request-list__request__cell i.type-icon.web_app {
  color: #f28c38;
}
.request-center-index-page .request-list__request__cell i.type-icon.code-studio {
  color: #f28c38;
}
.request-center-index-page .request-list__request__cell i.type-icon.report {
  color: #f28c38;
}
.request-center-index-page .request-list__request__cell i.type-icon.recipe {
  color: #f28c38;
}
.request-center-index-page .request-list__request__cell i.type-icon.recipe-visual {
  color: #f9bd38;
}
.request-center-index-page .request-list__request__cell i.type-icon.recipe-code {
  color: #f28c38;
}
.request-center-index-page .request-list__request__cell i.type-icon.recipe-continuous {
  color: #3b7879;
}
.request-center-index-page .request-list__request__cell i.type-icon.recipe-train {
  color: #29af5d;
}
.request-center-index-page .request-list__request__cell i.type-icon.insight {
  color: #f44336;
}
.request-center-index-page .request-list__request__cell i.type-icon.managed_folder {
  color: #28a9dd;
}
.request-center-index-page .request-list__request__cell i.type-icon.saved_model {
  color: #29af5d;
}
.request-center-index-page .request-list__request__cell i.type-icon.retrievable_knowledge,
.request-center-index-page .request-list__request__cell i.type-icon.knowledge_bank {
  color: #d66f9e;
}
.request-center-index-page .request-list__request__cell i.type-icon.model_evaluation_store {
  color: #29af5d;
}
.request-center-index-page .request-list__request__cell i.type-icon.labeling_task {
  color: #f9bd38;
}
.request-center-index-page .request-list__request__cell i.type-icon.model_comparison {
  color: #29af5d;
}
.request-center-index-page .request-list__request__cell i.type-icon.dashboard {
  color: #f44336;
}
.request-center-index-page .request-list__request__cell i.type-icon.scenario {
  color: #8541aa;
}
.request-center-index-page .request-list__request__cell i.type-icon.chart {
  color: #3075ae;
}
.request-center-index-page .request-list__request__cell:last-child {
  padding-right: 24px;
}
.request-center-index-page .request-list__request__cell--dontresize {
  white-space: nowrap;
}
.request-center-index-page .request-list__request__cell--overflow > * {
  display: table;
  table-layout: fixed;
  width: 100%;
  white-space: nowrap;
  overflow: none;
}
.request-center-index-page .request-list__request__cell__ellipsis {
  overflow: hidden;
  text-overflow: ellipsis;
  width: 100%;
  color: #666666;
}
.request-center-index-page .request-list__request__cell__wrap {
  white-space: normal;
}
.request-center-index-page .request-list__request__cell__user-name {
  font-weight: 500;
}
.request-center-index-page .request-list__request__cell__user-login {
  color: #666666;
}
.request-center-index-page .list__header {
  display: flex;
  padding: 8px 24px;
  border-bottom: 1px solid #dddddd;
  font-weight: 600;
  font-size: 13px;
  line-height: 16px;
  color: #222222;
  line-height: 24px;
  justify-content: end;
}
.request-center-index-page .list__content {
  grid-area: content;
  overflow: auto;
}
.request-center-index-page .list__pagination {
  grid-area: footer;
  display: flex;
  align-items: center;
  justify-content: center;
}
.request-center-index-page .list__pagination > .shared-pagination-component {
  width: 400px;
}
.request-center-index-page .request-list {
  display: table;
  width: 100%;
  margin: 0;
}
.request-center-index-page .request-list__request {
  display: table-row;
  cursor: pointer;
}
.request-center-index-page .request-list__request:hover {
  background-color: #f2f2f2;
}
.request-center-index-page .request-list__request--selected {
  background-color: #e7f3ff;
}
.request-center-index-page .request-list__request--selected:hover {
  background-color: #f2f2f2;
}
.request-center-index-page .request {
  display: grid;
  grid-template-columns: 100%;
  grid-template-rows: 40px 1fr 58px;
  gap: 0px 0px;
  grid-template-areas: "header" "content" "footer";
  grid-template-rows: 40px 1fr 154px;
  height: 100%;
}
.request-center-index-page .request__header {
  display: flex;
  align-items: center;
  border-bottom: 1px solid #dddddd;
}
.request-center-index-page .request__header__icon {
  width: 40px;
  height: 40px;
  box-sizing: border-box;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #ffffff;
  background-color: #444444;
  margin-bottom: 1px;
}
.request-center-index-page .request__header__text {
  font-weight: 500;
  font-size: 13px;
  line-height: 16px;
  color: #222222;
  padding: 8px;
  margin: 0;
}
.request-center-index-page .request__body {
  flex-grow: 1;
  display: flex;
  flex-direction: column;
  overflow: auto;
}
.request-center-index-page .request__body p {
  margin: 0;
}
.request-center-index-page .request__body .dkuform-horizontal {
  overflow: hidden;
  margin-bottom: 0;
  --dku-ng-select-width: 291px;
}
.request-center-index-page .request__body .dkuform-horizontal input,
.request-center-index-page .request__body .dkuform-horizontal textarea,
.request-center-index-page .request__body .dkuform-horizontal select,
.request-center-index-page .request__body .dkuform-horizontal .help-inline,
.request-center-index-page .request__body .dkuform-horizontal .uneditable-input,
.request-center-index-page .request__body .dkuform-horizontal .input-prepend,
.request-center-index-page .request__body .dkuform-horizontal .input-append {
  display: inline-block;
  *display: inline;
  /* IE7 inline-block hack */
  *zoom: 1;
  margin-bottom: 0;
  vertical-align: middle;
}
.request-center-index-page .request__body .dkuform-horizontal .hide {
  display: none;
}
.request-center-index-page .request__body .dkuform-horizontal .control-group {
  margin-bottom: 20px;
  *zoom: 1;
}
.request-center-index-page .request__body .dkuform-horizontal .control-group:before,
.request-center-index-page .request__body .dkuform-horizontal .control-group:after {
  display: table;
  content: "";
  line-height: 0;
}
.request-center-index-page .request__body .dkuform-horizontal .control-group:after {
  clear: both;
}
.request-center-index-page .request__body .dkuform-horizontal .control-label {
  float: left;
  width: 160px;
  padding-top: 5px;
  text-align: right;
}
.request-center-index-page .request__body .dkuform-horizontal .controls {
  *display: inline-block;
  *padding-left: 20px;
  margin-left: 180px;
  *margin-left: 0;
}
.request-center-index-page .request__body .dkuform-horizontal .controls:first-child {
  *padding-left: 180px;
}
.request-center-index-page .request__body .dkuform-horizontal .help-block {
  margin-bottom: 0;
}
.request-center-index-page .request__body .dkuform-horizontal input + .help-block,
.request-center-index-page .request__body .dkuform-horizontal select + .help-block,
.request-center-index-page .request__body .dkuform-horizontal textarea + .help-block,
.request-center-index-page .request__body .dkuform-horizontal .uneditable-input + .help-block,
.request-center-index-page .request__body .dkuform-horizontal .input-prepend + .help-block,
.request-center-index-page .request__body .dkuform-horizontal .input-append + .help-block {
  margin-top: 10px;
}
.request-center-index-page .request__body .dkuform-horizontal .form-actions {
  padding-left: 180px;
}
.request-center-index-page .request__body .dkuform-horizontal .control-group:not(.no-cascade) {
  margin-bottom: 8px;
  margin-top: 8px;
}
.request-center-index-page .request__body .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: 166px;
}
.request-center-index-page .request__body .dkuform-horizontal .control-group .control-label.disabled {
  color: #999999;
}
.request-center-index-page .request__body .dkuform-horizontal .control-group .control-label input[type=text],
.request-center-index-page .request__body .dkuform-horizontal .control-group .control-label input[type=email],
.request-center-index-page .request__body .dkuform-horizontal .control-group .control-label input[type=url],
.request-center-index-page .request__body .dkuform-horizontal .control-group .control-label input[type=number],
.request-center-index-page .request__body .dkuform-horizontal .control-group .control-label input[type=date],
.request-center-index-page .request__body .dkuform-horizontal .control-group .control-label input[type=time],
.request-center-index-page .request__body .dkuform-horizontal .control-group .control-label input[type=datetime-local],
.request-center-index-page .request__body .dkuform-horizontal .control-group .control-label input[type=password],
.request-center-index-page .request__body .dkuform-horizontal .control-group .control-label textarea,
.request-center-index-page .request__body .dkuform-horizontal .control-group .control-label select,
.request-center-index-page .request__body .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;
}
.request-center-index-page .request__body .dkuform-horizontal .control-group .control-label input[type=text]:focus,
.request-center-index-page .request__body .dkuform-horizontal .control-group .control-label input[type=email]:focus,
.request-center-index-page .request__body .dkuform-horizontal .control-group .control-label input[type=url]:focus,
.request-center-index-page .request__body .dkuform-horizontal .control-group .control-label input[type=number]:focus,
.request-center-index-page .request__body .dkuform-horizontal .control-group .control-label input[type=date]:focus,
.request-center-index-page .request__body .dkuform-horizontal .control-group .control-label input[type=time]:focus,
.request-center-index-page .request__body .dkuform-horizontal .control-group .control-label input[type=datetime-local]:focus,
.request-center-index-page .request__body .dkuform-horizontal .control-group .control-label input[type=password]:focus,
.request-center-index-page .request__body .dkuform-horizontal .control-group .control-label textarea:focus,
.request-center-index-page .request__body .dkuform-horizontal .control-group .control-label select:focus,
.request-center-index-page .request__body .dkuform-horizontal .control-group .control-label button.btn.selectpicker:focus,
.request-center-index-page .request__body .dkuform-horizontal .control-group .control-label input[type=text]:hover,
.request-center-index-page .request__body .dkuform-horizontal .control-group .control-label input[type=email]:hover,
.request-center-index-page .request__body .dkuform-horizontal .control-group .control-label input[type=url]:hover,
.request-center-index-page .request__body .dkuform-horizontal .control-group .control-label input[type=number]:hover,
.request-center-index-page .request__body .dkuform-horizontal .control-group .control-label input[type=date]:hover,
.request-center-index-page .request__body .dkuform-horizontal .control-group .control-label input[type=time]:hover,
.request-center-index-page .request__body .dkuform-horizontal .control-group .control-label input[type=datetime-local]:hover,
.request-center-index-page .request__body .dkuform-horizontal .control-group .control-label input[type=password]:hover,
.request-center-index-page .request__body .dkuform-horizontal .control-group .control-label textarea:hover,
.request-center-index-page .request__body .dkuform-horizontal .control-group .control-label select:hover,
.request-center-index-page .request__body .dkuform-horizontal .control-group .control-label button.btn.selectpicker:hover {
  color: #333333;
}
.request-center-index-page .request__body .dkuform-horizontal .control-group .control-label input[type=text]:focus,
.request-center-index-page .request__body .dkuform-horizontal .control-group .control-label input[type=email]:focus,
.request-center-index-page .request__body .dkuform-horizontal .control-group .control-label input[type=url]:focus,
.request-center-index-page .request__body .dkuform-horizontal .control-group .control-label input[type=number]:focus,
.request-center-index-page .request__body .dkuform-horizontal .control-group .control-label input[type=date]:focus,
.request-center-index-page .request__body .dkuform-horizontal .control-group .control-label input[type=time]:focus,
.request-center-index-page .request__body .dkuform-horizontal .control-group .control-label input[type=datetime-local]:focus,
.request-center-index-page .request__body .dkuform-horizontal .control-group .control-label input[type=password]:focus,
.request-center-index-page .request__body .dkuform-horizontal .control-group .control-label textarea:focus,
.request-center-index-page .request__body .dkuform-horizontal .control-group .control-label select:focus,
.request-center-index-page .request__body .dkuform-horizontal .control-group .control-label button.btn.selectpicker:focus {
  box-shadow: none;
  border: 1px solid #3b99fc;
}
.request-center-index-page .request__body .dkuform-horizontal .control-group .control-label input[type=text].ng-dirty.ng-invalid,
.request-center-index-page .request__body .dkuform-horizontal .control-group .control-label input[type=email].ng-dirty.ng-invalid,
.request-center-index-page .request__body .dkuform-horizontal .control-group .control-label input[type=url].ng-dirty.ng-invalid,
.request-center-index-page .request__body .dkuform-horizontal .control-group .control-label input[type=number].ng-dirty.ng-invalid,
.request-center-index-page .request__body .dkuform-horizontal .control-group .control-label input[type=date].ng-dirty.ng-invalid,
.request-center-index-page .request__body .dkuform-horizontal .control-group .control-label input[type=time].ng-dirty.ng-invalid,
.request-center-index-page .request__body .dkuform-horizontal .control-group .control-label input[type=datetime-local].ng-dirty.ng-invalid,
.request-center-index-page .request__body .dkuform-horizontal .control-group .control-label input[type=password].ng-dirty.ng-invalid,
.request-center-index-page .request__body .dkuform-horizontal .control-group .control-label textarea.ng-dirty.ng-invalid,
.request-center-index-page .request__body .dkuform-horizontal .control-group .control-label select.ng-dirty.ng-invalid,
.request-center-index-page .request__body .dkuform-horizontal .control-group .control-label button.btn.selectpicker.ng-dirty.ng-invalid {
  border: 1px solid #ce1228;
}
.request-center-index-page .request__body .dkuform-horizontal .control-group .control-label input[type=text].invalid-ignores-dirty.ng-invalid,
.request-center-index-page .request__body .dkuform-horizontal .control-group .control-label input[type=email].invalid-ignores-dirty.ng-invalid,
.request-center-index-page .request__body .dkuform-horizontal .control-group .control-label input[type=url].invalid-ignores-dirty.ng-invalid,
.request-center-index-page .request__body .dkuform-horizontal .control-group .control-label input[type=number].invalid-ignores-dirty.ng-invalid,
.request-center-index-page .request__body .dkuform-horizontal .control-group .control-label input[type=date].invalid-ignores-dirty.ng-invalid,
.request-center-index-page .request__body .dkuform-horizontal .control-group .control-label input[type=time].invalid-ignores-dirty.ng-invalid,
.request-center-index-page .request__body .dkuform-horizontal .control-group .control-label input[type=datetime-local].invalid-ignores-dirty.ng-invalid,
.request-center-index-page .request__body .dkuform-horizontal .control-group .control-label input[type=password].invalid-ignores-dirty.ng-invalid,
.request-center-index-page .request__body .dkuform-horizontal .control-group .control-label textarea.invalid-ignores-dirty.ng-invalid,
.request-center-index-page .request__body .dkuform-horizontal .control-group .control-label select.invalid-ignores-dirty.ng-invalid,
.request-center-index-page .request__body .dkuform-horizontal .control-group .control-label button.btn.selectpicker.invalid-ignores-dirty.ng-invalid,
.invalid-ignores-dirty .request-center-index-page .request__body .dkuform-horizontal .control-group .control-label input[type=text].ng-invalid,
.invalid-ignores-dirty .request-center-index-page .request__body .dkuform-horizontal .control-group .control-label input[type=email].ng-invalid,
.invalid-ignores-dirty .request-center-index-page .request__body .dkuform-horizontal .control-group .control-label input[type=url].ng-invalid,
.invalid-ignores-dirty .request-center-index-page .request__body .dkuform-horizontal .control-group .control-label input[type=number].ng-invalid,
.invalid-ignores-dirty .request-center-index-page .request__body .dkuform-horizontal .control-group .control-label input[type=date].ng-invalid,
.invalid-ignores-dirty .request-center-index-page .request__body .dkuform-horizontal .control-group .control-label input[type=time].ng-invalid,
.invalid-ignores-dirty .request-center-index-page .request__body .dkuform-horizontal .control-group .control-label input[type=datetime-local].ng-invalid,
.invalid-ignores-dirty .request-center-index-page .request__body .dkuform-horizontal .control-group .control-label input[type=password].ng-invalid,
.invalid-ignores-dirty .request-center-index-page .request__body .dkuform-horizontal .control-group .control-label textarea.ng-invalid,
.invalid-ignores-dirty .request-center-index-page .request__body .dkuform-horizontal .control-group .control-label select.ng-invalid,
.invalid-ignores-dirty .request-center-index-page .request__body .dkuform-horizontal .control-group .control-label button.btn.selectpicker.ng-invalid {
  border: 1px solid #ce1228;
}
.request-center-index-page .request__body .dkuform-horizontal .control-group .control-label button.btn.selectpicker {
  line-height: 16px;
  padding: 1px 20px 1px 4px;
  background-color: #ffffff;
}
.request-center-index-page .request__body .dkuform-horizontal .control-group .control-label button.btn.selectpicker:hover {
  background-color: #f2f2f2;
}
.request-center-index-page .request__body .dkuform-horizontal .control-group .control-label button.btn.selectpicker.none-selected-text .filter-option {
  color: var(--dku-select-placeholder-color, #999999);
}
.request-center-index-page .request__body .dkuform-horizontal .control-group .control-label button.btn.selectpicker.none-selected-text .filter-option::before {
  content: var(--dku-select-placeholder-emphasis--before, '- ');
}
.request-center-index-page .request__body .dkuform-horizontal .control-group .control-label button.btn.selectpicker.none-selected-text .filter-option::after {
  content: var(--dku-select-placeholder-emphasis--after, ' -');
}
.request-center-index-page .request__body .dkuform-horizontal .control-group .control-label button.btn.selectpicker.disabled.none-selected-text .filter-option {
  color: #cccccc;
}
.request-center-index-page .request__body .dkuform-horizontal .control-group .control-label button.btn.selectpicker.disabled {
  background-color: #f2f2f2;
}
.request-center-index-page .request__body .dkuform-horizontal .control-group .control-label button.btn.selectpicker.disabled:hover {
  background-color: #f2f2f2;
}
.request-center-index-page .request__body .dkuform-horizontal .control-group .control-label button.btn.selectpicker.disabled:focus {
  border: 1px #bbbbbb solid;
}
.request-center-index-page .request__body .dkuform-horizontal .control-group .control-label input[type=checkbox],
.request-center-index-page .request__body .dkuform-horizontal .control-group .control-label input[type=radio] {
  margin: 0 5px 0 0;
  float: none;
}
.request-center-index-page .request__body .dkuform-horizontal .control-group .control-label input[type=radio] {
  position: relative;
  top: -1px;
}
.request-center-index-page .request__body .dkuform-horizontal .control-group .control-label input:focus {
  border: 1px #31708f solid;
}
.request-center-index-page .request__body .dkuform-horizontal .control-group .control-label input.ng-invalid-dataset-name-unique {
  border-color: #d53648;
}
.request-center-index-page .request__body .dkuform-horizontal .control-group .control-label textarea {
  line-height: 14px;
  height: auto;
  padding: 4px 4px;
}
.request-center-index-page .request__body .dkuform-horizontal .control-group .control-label a:hover {
  text-decoration: none;
}
.request-center-index-page .request__body .dkuform-horizontal .control-group .control-label a:focus {
  outline: none;
}
.request-center-index-page .request__body .dkuform-horizontal .control-group .control-label .alert {
  border-radius: 0;
}
.request-center-index-page .request__body .dkuform-horizontal .control-group .control-label input[type="date"]::-webkit-clear-button {
  /* Removes the cross to clear */
  -webkit-appearance: none;
  margin: 0;
}
.request-center-index-page .request__body .dkuform-horizontal .control-group .control-label.auto-width {
  width: auto;
  padding-right: 1em;
}
.request-center-index-page .request__body .dkuform-horizontal .control-group .right-wall {
  width: 360px;
}
.request-center-index-page .request__body .dkuform-horizontal .control-group .controls {
  margin-left: 176px;
  /* Color invalid dataset uniqueness issues, even when non dirty */
}
.request-center-index-page .request__body .dkuform-horizontal .control-group .controls .help-inline,
.request-center-index-page .request__body .dkuform-horizontal .control-group .controls .help-block {
  font-size: 0.8em;
}
.request-center-index-page .request__body .dkuform-horizontal .control-group .controls .help-inline.multiline {
  display: inline;
}
.request-center-index-page .request__body .dkuform-horizontal .control-group .controls label:not(.no-cascade) {
  font-size: 12px;
}
.request-center-index-page .request__body .dkuform-horizontal .control-group .controls .checkbox-label {
  width: 206px;
}
.request-center-index-page .request__body .dkuform-horizontal .control-group .controls .checkbox-label.checkbox-label--wide {
  width: 300px;
}
.request-center-index-page .request__body .dkuform-horizontal .control-group .controls input[type=text],
.request-center-index-page .request__body .dkuform-horizontal .control-group .controls input[type=number],
.request-center-index-page .request__body .dkuform-horizontal .control-group .controls input[type=password],
.request-center-index-page .request__body .dkuform-horizontal .control-group .controls select {
  width: 291px;
}
.request-center-index-page .request__body .dkuform-horizontal .control-group .controls input[type=text].input-xlarge,
.request-center-index-page .request__body .dkuform-horizontal .control-group .controls input[type=number].input-xlarge,
.request-center-index-page .request__body .dkuform-horizontal .control-group .controls input[type=password].input-xlarge,
.request-center-index-page .request__body .dkuform-horizontal .control-group .controls select.input-xlarge {
  width: 270px;
}
.request-center-index-page .request__body .dkuform-horizontal .control-group .controls input[type=text].input-xxlarge,
.request-center-index-page .request__body .dkuform-horizontal .control-group .controls input[type=number].input-xxlarge,
.request-center-index-page .request__body .dkuform-horizontal .control-group .controls input[type=password].input-xxlarge,
.request-center-index-page .request__body .dkuform-horizontal .control-group .controls select.input-xxlarge {
  width: 430px;
}
.request-center-index-page .request__body .dkuform-horizontal .control-group .controls input[type=text].input-half-size,
.request-center-index-page .request__body .dkuform-horizontal .control-group .controls input[type=number].input-half-size,
.request-center-index-page .request__body .dkuform-horizontal .control-group .controls input[type=password].input-half-size,
.request-center-index-page .request__body .dkuform-horizontal .control-group .controls select.input-half-size {
  width: 102px;
}
.request-center-index-page .request__body .dkuform-horizontal .control-group .controls input[type=text].input-fit-content,
.request-center-index-page .request__body .dkuform-horizontal .control-group .controls input[type=number].input-fit-content,
.request-center-index-page .request__body .dkuform-horizontal .control-group .controls input[type=password].input-fit-content,
.request-center-index-page .request__body .dkuform-horizontal .control-group .controls select.input-fit-content {
  width: fit-content;
  width: -moz-fit-content;
}
.request-center-index-page .request__body .dkuform-horizontal .control-group .controls input[type=text].full-width {
  width: 100%;
}
.request-center-index-page .request__body .dkuform-horizontal .control-group .controls .text-field-container {
  width: 291px;
}
.request-center-index-page .request__body .dkuform-horizontal .control-group .controls .text-field-container .field-error-message {
  padding: 8px;
  box-sizing: border-box;
  width: 100%;
}
.request-center-index-page .request__body .dkuform-horizontal .control-group .controls .text-field-container.input-xlarge {
  width: 270px;
}
.request-center-index-page .request__body .dkuform-horizontal .control-group .controls .text-field-container.input-xxlarge {
  width: 430px;
}
.request-center-index-page .request__body .dkuform-horizontal .control-group .controls .text-field-container.input-half-size {
  width: 102px;
}
.request-center-index-page .request__body .dkuform-horizontal .control-group .controls .text-field-container.input-fit-content {
  width: fit-content;
  width: -moz-fit-content;
}
.request-center-index-page .request__body .dkuform-horizontal .control-group .controls .bootstrap-select {
  width: 291px;
}
.request-center-index-page .request__body .dkuform-horizontal .control-group .controls .bootstrap-select button {
  border-radius: 0;
  width: 291px;
}
.request-center-index-page .request__body .dkuform-horizontal .control-group .controls .bootstrap-select button.input-half-size {
  width: 102px;
}
.request-center-index-page .request__body .dkuform-horizontal .control-group .controls .bootstrap-select button:focus {
  outline: #ce1228;
}
.request-center-index-page .request__body .dkuform-horizontal .control-group .controls .ng-select {
  --dku-ng-select-max-width: 291px;
}
.request-center-index-page .request__body .dkuform-horizontal .control-group .controls input[type=text],
.request-center-index-page .request__body .dkuform-horizontal .control-group .controls input[type=email],
.request-center-index-page .request__body .dkuform-horizontal .control-group .controls input[type=url],
.request-center-index-page .request__body .dkuform-horizontal .control-group .controls input[type=number],
.request-center-index-page .request__body .dkuform-horizontal .control-group .controls input[type=date],
.request-center-index-page .request__body .dkuform-horizontal .control-group .controls input[type=time],
.request-center-index-page .request__body .dkuform-horizontal .control-group .controls input[type=datetime-local],
.request-center-index-page .request__body .dkuform-horizontal .control-group .controls input[type=password],
.request-center-index-page .request__body .dkuform-horizontal .control-group .controls textarea,
.request-center-index-page .request__body .dkuform-horizontal .control-group .controls select,
.request-center-index-page .request__body .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;
}
.request-center-index-page .request__body .dkuform-horizontal .control-group .controls input[type=text]:focus,
.request-center-index-page .request__body .dkuform-horizontal .control-group .controls input[type=email]:focus,
.request-center-index-page .request__body .dkuform-horizontal .control-group .controls input[type=url]:focus,
.request-center-index-page .request__body .dkuform-horizontal .control-group .controls input[type=number]:focus,
.request-center-index-page .request__body .dkuform-horizontal .control-group .controls input[type=date]:focus,
.request-center-index-page .request__body .dkuform-horizontal .control-group .controls input[type=time]:focus,
.request-center-index-page .request__body .dkuform-horizontal .control-group .controls input[type=datetime-local]:focus,
.request-center-index-page .request__body .dkuform-horizontal .control-group .controls input[type=password]:focus,
.request-center-index-page .request__body .dkuform-horizontal .control-group .controls textarea:focus,
.request-center-index-page .request__body .dkuform-horizontal .control-group .controls select:focus,
.request-center-index-page .request__body .dkuform-horizontal .control-group .controls button.btn.selectpicker:focus,
.request-center-index-page .request__body .dkuform-horizontal .control-group .controls input[type=text]:hover,
.request-center-index-page .request__body .dkuform-horizontal .control-group .controls input[type=email]:hover,
.request-center-index-page .request__body .dkuform-horizontal .control-group .controls input[type=url]:hover,
.request-center-index-page .request__body .dkuform-horizontal .control-group .controls input[type=number]:hover,
.request-center-index-page .request__body .dkuform-horizontal .control-group .controls input[type=date]:hover,
.request-center-index-page .request__body .dkuform-horizontal .control-group .controls input[type=time]:hover,
.request-center-index-page .request__body .dkuform-horizontal .control-group .controls input[type=datetime-local]:hover,
.request-center-index-page .request__body .dkuform-horizontal .control-group .controls input[type=password]:hover,
.request-center-index-page .request__body .dkuform-horizontal .control-group .controls textarea:hover,
.request-center-index-page .request__body .dkuform-horizontal .control-group .controls select:hover,
.request-center-index-page .request__body .dkuform-horizontal .control-group .controls button.btn.selectpicker:hover {
  color: #333333;
}
.request-center-index-page .request__body .dkuform-horizontal .control-group .controls input[type=text]:focus,
.request-center-index-page .request__body .dkuform-horizontal .control-group .controls input[type=email]:focus,
.request-center-index-page .request__body .dkuform-horizontal .control-group .controls input[type=url]:focus,
.request-center-index-page .request__body .dkuform-horizontal .control-group .controls input[type=number]:focus,
.request-center-index-page .request__body .dkuform-horizontal .control-group .controls input[type=date]:focus,
.request-center-index-page .request__body .dkuform-horizontal .control-group .controls input[type=time]:focus,
.request-center-index-page .request__body .dkuform-horizontal .control-group .controls input[type=datetime-local]:focus,
.request-center-index-page .request__body .dkuform-horizontal .control-group .controls input[type=password]:focus,
.request-center-index-page .request__body .dkuform-horizontal .control-group .controls textarea:focus,
.request-center-index-page .request__body .dkuform-horizontal .control-group .controls select:focus,
.request-center-index-page .request__body .dkuform-horizontal .control-group .controls button.btn.selectpicker:focus {
  box-shadow: none;
  border: 1px solid #3b99fc;
}
.request-center-index-page .request__body .dkuform-horizontal .control-group .controls input[type=text].ng-dirty.ng-invalid,
.request-center-index-page .request__body .dkuform-horizontal .control-group .controls input[type=email].ng-dirty.ng-invalid,
.request-center-index-page .request__body .dkuform-horizontal .control-group .controls input[type=url].ng-dirty.ng-invalid,
.request-center-index-page .request__body .dkuform-horizontal .control-group .controls input[type=number].ng-dirty.ng-invalid,
.request-center-index-page .request__body .dkuform-horizontal .control-group .controls input[type=date].ng-dirty.ng-invalid,
.request-center-index-page .request__body .dkuform-horizontal .control-group .controls input[type=time].ng-dirty.ng-invalid,
.request-center-index-page .request__body .dkuform-horizontal .control-group .controls input[type=datetime-local].ng-dirty.ng-invalid,
.request-center-index-page .request__body .dkuform-horizontal .control-group .controls input[type=password].ng-dirty.ng-invalid,
.request-center-index-page .request__body .dkuform-horizontal .control-group .controls textarea.ng-dirty.ng-invalid,
.request-center-index-page .request__body .dkuform-horizontal .control-group .controls select.ng-dirty.ng-invalid,
.request-center-index-page .request__body .dkuform-horizontal .control-group .controls button.btn.selectpicker.ng-dirty.ng-invalid {
  border: 1px solid #ce1228;
}
.request-center-index-page .request__body .dkuform-horizontal .control-group .controls input[type=text].invalid-ignores-dirty.ng-invalid,
.request-center-index-page .request__body .dkuform-horizontal .control-group .controls input[type=email].invalid-ignores-dirty.ng-invalid,
.request-center-index-page .request__body .dkuform-horizontal .control-group .controls input[type=url].invalid-ignores-dirty.ng-invalid,
.request-center-index-page .request__body .dkuform-horizontal .control-group .controls input[type=number].invalid-ignores-dirty.ng-invalid,
.request-center-index-page .request__body .dkuform-horizontal .control-group .controls input[type=date].invalid-ignores-dirty.ng-invalid,
.request-center-index-page .request__body .dkuform-horizontal .control-group .controls input[type=time].invalid-ignores-dirty.ng-invalid,
.request-center-index-page .request__body .dkuform-horizontal .control-group .controls input[type=datetime-local].invalid-ignores-dirty.ng-invalid,
.request-center-index-page .request__body .dkuform-horizontal .control-group .controls input[type=password].invalid-ignores-dirty.ng-invalid,
.request-center-index-page .request__body .dkuform-horizontal .control-group .controls textarea.invalid-ignores-dirty.ng-invalid,
.request-center-index-page .request__body .dkuform-horizontal .control-group .controls select.invalid-ignores-dirty.ng-invalid,
.request-center-index-page .request__body .dkuform-horizontal .control-group .controls button.btn.selectpicker.invalid-ignores-dirty.ng-invalid,
.invalid-ignores-dirty .request-center-index-page .request__body .dkuform-horizontal .control-group .controls input[type=text].ng-invalid,
.invalid-ignores-dirty .request-center-index-page .request__body .dkuform-horizontal .control-group .controls input[type=email].ng-invalid,
.invalid-ignores-dirty .request-center-index-page .request__body .dkuform-horizontal .control-group .controls input[type=url].ng-invalid,
.invalid-ignores-dirty .request-center-index-page .request__body .dkuform-horizontal .control-group .controls input[type=number].ng-invalid,
.invalid-ignores-dirty .request-center-index-page .request__body .dkuform-horizontal .control-group .controls input[type=date].ng-invalid,
.invalid-ignores-dirty .request-center-index-page .request__body .dkuform-horizontal .control-group .controls input[type=time].ng-invalid,
.invalid-ignores-dirty .request-center-index-page .request__body .dkuform-horizontal .control-group .controls input[type=datetime-local].ng-invalid,
.invalid-ignores-dirty .request-center-index-page .request__body .dkuform-horizontal .control-group .controls input[type=password].ng-invalid,
.invalid-ignores-dirty .request-center-index-page .request__body .dkuform-horizontal .control-group .controls textarea.ng-invalid,
.invalid-ignores-dirty .request-center-index-page .request__body .dkuform-horizontal .control-group .controls select.ng-invalid,
.invalid-ignores-dirty .request-center-index-page .request__body .dkuform-horizontal .control-group .controls button.btn.selectpicker.ng-invalid {
  border: 1px solid #ce1228;
}
.request-center-index-page .request__body .dkuform-horizontal .control-group .controls button.btn.selectpicker {
  line-height: 16px;
  padding: 1px 20px 1px 4px;
  background-color: #ffffff;
}
.request-center-index-page .request__body .dkuform-horizontal .control-group .controls button.btn.selectpicker:hover {
  background-color: #f2f2f2;
}
.request-center-index-page .request__body .dkuform-horizontal .control-group .controls button.btn.selectpicker.none-selected-text .filter-option {
  color: var(--dku-select-placeholder-color, #999999);
}
.request-center-index-page .request__body .dkuform-horizontal .control-group .controls button.btn.selectpicker.none-selected-text .filter-option::before {
  content: var(--dku-select-placeholder-emphasis--before, '- ');
}
.request-center-index-page .request__body .dkuform-horizontal .control-group .controls button.btn.selectpicker.none-selected-text .filter-option::after {
  content: var(--dku-select-placeholder-emphasis--after, ' -');
}
.request-center-index-page .request__body .dkuform-horizontal .control-group .controls button.btn.selectpicker.disabled.none-selected-text .filter-option {
  color: #cccccc;
}
.request-center-index-page .request__body .dkuform-horizontal .control-group .controls button.btn.selectpicker.disabled {
  background-color: #f2f2f2;
}
.request-center-index-page .request__body .dkuform-horizontal .control-group .controls button.btn.selectpicker.disabled:hover {
  background-color: #f2f2f2;
}
.request-center-index-page .request__body .dkuform-horizontal .control-group .controls button.btn.selectpicker.disabled:focus {
  border: 1px #bbbbbb solid;
}
.request-center-index-page .request__body .dkuform-horizontal .control-group .controls input[type=checkbox],
.request-center-index-page .request__body .dkuform-horizontal .control-group .controls input[type=radio] {
  margin: 0 5px 0 0;
  float: none;
}
.request-center-index-page .request__body .dkuform-horizontal .control-group .controls input[type=radio] {
  position: relative;
  top: -1px;
}
.request-center-index-page .request__body .dkuform-horizontal .control-group .controls input:focus {
  border: 1px #31708f solid;
}
.request-center-index-page .request__body .dkuform-horizontal .control-group .controls input.ng-invalid-dataset-name-unique {
  border-color: #d53648;
}
.request-center-index-page .request__body .dkuform-horizontal .control-group .controls textarea {
  line-height: 14px;
  height: auto;
  padding: 4px 4px;
}
.request-center-index-page .request__body .dkuform-horizontal .control-group .controls a:hover {
  text-decoration: none;
}
.request-center-index-page .request__body .dkuform-horizontal .control-group .controls a:focus {
  outline: none;
}
.request-center-index-page .request__body .dkuform-horizontal .control-group .controls .alert {
  border-radius: 0;
}
.request-center-index-page .request__body .dkuform-horizontal .control-group .controls input[type="date"]::-webkit-clear-button {
  /* Removes the cross to clear */
  -webkit-appearance: none;
  margin: 0;
}
.request-center-index-page .request__body .dkuform-horizontal .control-group .controls select {
  border-radius: 0;
  padding: 0 0.5em;
}
.request-center-index-page .request__body .dkuform-horizontal .control-group .controls .fit {
  width: auto;
}
.request-center-index-page .request__body .dkuform-horizontal .control-group .controls .bold {
  font-weight: bold;
}
.request-center-index-page .request__body .dkuform-horizontal .control-group .controls .codemirror {
  border: 1px solid #dddddd;
}
.request-center-index-page .request__body .dkuform-horizontal .control-group .controls .codemirror .CodeMirror {
  height: 100%;
}
.request-center-index-page .request__body .dkuform-horizontal .control-group .controls .plain-text {
  font-family: 'SourceSansPro';
  font-weight: regular;
  font-size: 14px;
  color: #444444;
  line-height: 24px;
  height: 26px;
  padding: 0;
  margin: 0;
  text-align: left;
}
.request-center-index-page .request__body .dkuform-horizontal .control-group .controls .plain-text.disabled {
  color: #999999;
}
.request-center-index-page .request__body .dkuform-horizontal .control-group .controls .control-error-message {
  padding-top: 4px;
  color: #ce1228;
  font-size: 10px;
  line-height: 15px;
}
.request-center-index-page .request__body__content {
  flex-grow: 1;
  display: flex;
  flex-direction: column;
  padding: 16px;
}
.request-center-index-page .request__body__content i.type-icon.project {
  color: #333333;
}
.request-center-index-page .request__body__content i.type-icon.column {
  color: #333333;
}
.request-center-index-page .request__body__content i.type-icon.discussion {
  color: #333333;
}
.request-center-index-page .request__body__content i.type-icon.article {
  color: #427b98;
}
.request-center-index-page .request__body__content i.type-icon.dataset {
  color: #28a9dd;
}
.request-center-index-page .request__body__content i.type-icon.analysis {
  color: #29af5d;
}
.request-center-index-page .request__body__content i.type-icon.prompt_studio {
  color: #29af5d;
}
.request-center-index-page .request__body__content i.type-icon.notebook {
  color: #f28c38;
}
.request-center-index-page .request__body__content i.type-icon.web_app {
  color: #f28c38;
}
.request-center-index-page .request__body__content i.type-icon.code-studio {
  color: #f28c38;
}
.request-center-index-page .request__body__content i.type-icon.report {
  color: #f28c38;
}
.request-center-index-page .request__body__content i.type-icon.recipe {
  color: #f28c38;
}
.request-center-index-page .request__body__content i.type-icon.recipe-visual {
  color: #f9bd38;
}
.request-center-index-page .request__body__content i.type-icon.recipe-code {
  color: #f28c38;
}
.request-center-index-page .request__body__content i.type-icon.recipe-continuous {
  color: #3b7879;
}
.request-center-index-page .request__body__content i.type-icon.recipe-train {
  color: #29af5d;
}
.request-center-index-page .request__body__content i.type-icon.insight {
  color: #f44336;
}
.request-center-index-page .request__body__content i.type-icon.managed_folder {
  color: #28a9dd;
}
.request-center-index-page .request__body__content i.type-icon.saved_model {
  color: #29af5d;
}
.request-center-index-page .request__body__content i.type-icon.retrievable_knowledge,
.request-center-index-page .request__body__content i.type-icon.knowledge_bank {
  color: #d66f9e;
}
.request-center-index-page .request__body__content i.type-icon.model_evaluation_store {
  color: #29af5d;
}
.request-center-index-page .request__body__content i.type-icon.labeling_task {
  color: #f9bd38;
}
.request-center-index-page .request__body__content i.type-icon.model_comparison {
  color: #29af5d;
}
.request-center-index-page .request__body__content i.type-icon.dashboard {
  color: #f44336;
}
.request-center-index-page .request__body__content i.type-icon.scenario {
  color: #8541aa;
}
.request-center-index-page .request__body__content i.type-icon.chart {
  color: #3075ae;
}
.request-center-index-page .request__body__content > * {
  margin-block: 0 !important;
}
.request-center-index-page .request__body__content > * + * {
  margin-block-start: 16px !important;
}
.request-center-index-page .request__body__content .children-vertical-spacing-exception + * {
  margin-block-start: 0 !important;
}
.request-center-index-page .request__body__content__code-env {
  flex-grow: 1;
  display: flex;
  flex-direction: column;
}
.request-center-index-page .request__body__content__code-env i.type-icon.project {
  color: #333333;
}
.request-center-index-page .request__body__content__code-env i.type-icon.column {
  color: #333333;
}
.request-center-index-page .request__body__content__code-env i.type-icon.discussion {
  color: #333333;
}
.request-center-index-page .request__body__content__code-env i.type-icon.article {
  color: #427b98;
}
.request-center-index-page .request__body__content__code-env i.type-icon.dataset {
  color: #28a9dd;
}
.request-center-index-page .request__body__content__code-env i.type-icon.analysis {
  color: #29af5d;
}
.request-center-index-page .request__body__content__code-env i.type-icon.prompt_studio {
  color: #29af5d;
}
.request-center-index-page .request__body__content__code-env i.type-icon.notebook {
  color: #f28c38;
}
.request-center-index-page .request__body__content__code-env i.type-icon.web_app {
  color: #f28c38;
}
.request-center-index-page .request__body__content__code-env i.type-icon.code-studio {
  color: #f28c38;
}
.request-center-index-page .request__body__content__code-env i.type-icon.report {
  color: #f28c38;
}
.request-center-index-page .request__body__content__code-env i.type-icon.recipe {
  color: #f28c38;
}
.request-center-index-page .request__body__content__code-env i.type-icon.recipe-visual {
  color: #f9bd38;
}
.request-center-index-page .request__body__content__code-env i.type-icon.recipe-code {
  color: #f28c38;
}
.request-center-index-page .request__body__content__code-env i.type-icon.recipe-continuous {
  color: #3b7879;
}
.request-center-index-page .request__body__content__code-env i.type-icon.recipe-train {
  color: #29af5d;
}
.request-center-index-page .request__body__content__code-env i.type-icon.insight {
  color: #f44336;
}
.request-center-index-page .request__body__content__code-env i.type-icon.managed_folder {
  color: #28a9dd;
}
.request-center-index-page .request__body__content__code-env i.type-icon.saved_model {
  color: #29af5d;
}
.request-center-index-page .request__body__content__code-env i.type-icon.retrievable_knowledge,
.request-center-index-page .request__body__content__code-env i.type-icon.knowledge_bank {
  color: #d66f9e;
}
.request-center-index-page .request__body__content__code-env i.type-icon.model_evaluation_store {
  color: #29af5d;
}
.request-center-index-page .request__body__content__code-env i.type-icon.labeling_task {
  color: #f9bd38;
}
.request-center-index-page .request__body__content__code-env i.type-icon.model_comparison {
  color: #29af5d;
}
.request-center-index-page .request__body__content__code-env i.type-icon.dashboard {
  color: #f44336;
}
.request-center-index-page .request__body__content__code-env i.type-icon.scenario {
  color: #8541aa;
}
.request-center-index-page .request__body__content__code-env i.type-icon.chart {
  color: #3075ae;
}
.request-center-index-page .request__body__content__code-env > * {
  margin-block: 0 !important;
}
.request-center-index-page .request__body__content__code-env > * + * {
  margin-block-start: 16px !important;
}
.request-center-index-page .request__body__content__code-env .children-vertical-spacing-exception + * {
  margin-block-start: 0 !important;
}
.request-center-index-page .request__body__content__unit {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  word-break: break-word;
}
.request-center-index-page .request__body__content__unit > * {
  margin-block: 0 !important;
}
.request-center-index-page .request__body__content__unit > * + * {
  margin-block-start: 8px !important;
}
.request-center-index-page .request__body__content__unit .children-vertical-spacing-exception + * {
  margin-block-start: 0 !important;
}
.request-center-index-page .request__body__content__unit__code-env__pad-top {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  word-break: break-word;
  padding-top: 16px;
  padding-left: 16px;
  padding-right: 16px;
}
.request-center-index-page .request__body__content__unit__code-env__pad-top > * {
  margin-block: 0 !important;
}
.request-center-index-page .request__body__content__unit__code-env__pad-top > * + * {
  margin-block-start: 8px !important;
}
.request-center-index-page .request__body__content__unit__code-env__pad-top .children-vertical-spacing-exception + * {
  margin-block-start: 0 !important;
}
.request-center-index-page .code-env-request__unit__alert__text {
  font-size: 20px;
  font-weight: bold;
}
.request-center-index-page .code-env-request__target_name__input {
  margin-left: 23px;
  width: 248px;
  margin-top: 8px;
}
.request-center-index-page .request__body_content__subunit {
  padding-top: 8px;
}
.request-center-index-page .request__body_content__unit__code-env__padded {
  padding-left: 16px;
  padding-right: 16px;
}
.request-center-index-page .request__body_content__code-env__label {
  display: inline-block;
  cursor: default;
}
.request-center-index-page .request__body_content__code-env__label__bold {
  display: inline-block;
  cursor: default;
  font-weight: bold;
}
.request-center-index-page .request__body_content__code-env__wrap_text {
  white-space: pre-wrap;
}
.request-center-index-page .code-env-request__unit__alert {
  margin-bottom: 0px;
  margin-block-start: 0px !important;
}
.request-center-index-page .request__body__content__who {
  display: flex;
  align-items: center;
}
.request-center-index-page .request__body__content__who > * {
  margin-inline-start: 0 !important;
}
.request-center-index-page .request__body__content__who > * + * {
  margin-inline-start: 8px !important;
}
.request-center-index-page .request__body__content__who .children-horizontal-spacing-exception + * {
  margin-block-start: 0 !important;
}
.request-center-index-page .request__body__content__who__user-name {
  font-weight: 500;
}
.request-center-index-page .request__body__content__who__user-login {
  color: #666666;
}
.request-center-index-page .request__body__buttons {
  display: flex;
  justify-content: flex-end;
  align-self: flex-end;
  padding: 16px;
}
.request-center-index-page .request__body__buttons > * {
  margin-inline-start: 0 !important;
}
.request-center-index-page .request__body__buttons > * + * {
  margin-inline-start: 8px !important;
}
.request-center-index-page .request__body__buttons .children-horizontal-spacing-exception + * {
  margin-block-start: 0 !important;
}
.shaker-cell-value-popup {
  padding: 3px 8px;
}
.shaker-cell-value-popup .shaker-cell-value-popup__value-wrapper {
  padding-bottom: 8px;
}
.shaker-cell-value-popup .shaker-cell-value-popup__bottom {
  font-size: 12px;
}
.shaker-cell-value-popup pre.value {
  background: #ffffff;
  border: none;
  padding: 0 0 1px 0;
  /* 1px to avoid scroll */
  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;
}
.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: 4px;
  height: 20px;
  display: flex;
  gap: 4px;
  align-items: center;
}
.alphanum-facet .facet-search .facet-search__spinner,
.alphanum-facet .facet-search .facet-search__trigger-all-checkbox {
  width: 13px;
}
.alphanum-facet .facet-search .facet-search__trigger-all-checkbox {
  margin: 0;
}
.alphanum-facet .facet-search .facet-search__search-input-container {
  position: relative;
  width: 100%;
}
.alphanum-facet .facet-search .facet-search__search-input {
  height: 20px;
  line-height: 16px;
  width: 100%;
}
.alphanum-facet .facet-search .facet-search__search-input-icon {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: 4px;
  font-size: 13px;
  color: #cccccc;
}
.geo-preview-component__map-content {
  width: 300px;
  height: 300px;
  padding: 0 5px 0 5px;
  display: none;
}
.geo-preview-component__warning-content {
  overflow: auto;
  max-height: 200px;
}
.geo-preview-component__warning-container {
  padding: 3px 8px;
  width: 400px;
}
.geo-preview-component__warning-container .shaker-cell-value-popup__value-wrapper {
  padding-bottom: 8px;
}
.geo-preview-component__warning-container .shaker-cell-value-popup__bottom {
  font-size: 12px;
}
.geo-preview-component__warning-container pre.value {
  background: #ffffff;
  border: none;
  padding: 0 0 1px 0;
  /* 1px to avoid scroll */
  max-width: 400px;
  font-size: 11px;
  line-height: 1.1;
  position: relative;
  margin: 0;
}
.geo-preview-component__warning-container [json-formater] {
  background: #ffffff;
  border: none;
  padding: 0;
}
.geo-preview-component__cell-value-container {
  padding-left: 4px;
  padding-right: 4px;
}
.object-edition-buttons {
  display: inline-flex;
  gap: 8px;
}
.pivot-filter-date-facet {
  --dku-ng-select-max-width: 100%;
}
.pivot-filter-date-facet .pivot-filter-date-facet__facet-types {
  width: 200px;
  display: flex;
}
.pivot-filter-date-facet .pivot-filter-date-facet__facet-types button {
  flex: 1 0 auto;
}
.pivot-filter-facet {
  margin: 0;
}
.pivot-filter-list {
  display: flex;
}
.pivot-filter-list.pivot-filter-list--row {
  flex-direction: row;
  align-items: center;
}
.pivot-filter-list.pivot-filter-list--row .pivot-filter-list__item {
  height: 100%;
  padding: 0 8px;
}
.pivot-filter-list.pivot-filter-list--row .pivot-filter-list__item:not(:last-child) {
  border-right: 1px solid #dddddd;
}
.pivot-filter-list.pivot-filter-list--column {
  flex-direction: column;
}
.pivot-filter-list.pivot-filter-list--column:not(.pivot-filter-list--chart) {
  gap: 8px;
}
.pivot-filter-list.pivot-filter-list--column .pivot-filter-list__item {
  width: 100%;
}
.pivot-filter-list.pivot-filter-list--column:not(.pivot-filter-list--chart) .pivot-filter-list__item:not(.pivot-filter-list__item--minimal-ui) {
  border: 1px solid #dddddd;
  padding: 8px;
  background-color: #ffffff;
}
.pivot-filter-numerical-facet {
  min-width: 150px;
}
.relative-date-facet {
  --dku-ng-select-width: 200px;
  --dku-ng-select-max-width: 200px;
}
.relative-date-facet .relative-date-facet__extremum {
  width: 48px;
  height: 20px;
  margin: 0 4px !important;
  padding-right: 0;
}
.relative-date-facet .relative-date-facet__date-part {
  padding-bottom: 8px;
  border-radius: 5px;
}
.relative-date-facet label {
  font-size: 12px;
}
.relative-date-facet__preset-select ul li:last-child a {
  border-top: 1px solid #dddddd;
  padding: 4px 6px;
  font-weight: bold;
}
/*  Dataset specific stylings */
div.ff-group .accordion-inner .ff-content .relative-date-facet .controls label input[type="number"].relative-date-facet__extremum {
  height: 20px;
}
.add-item__icon {
  display: block;
  font-size: 20px;
  height: 32px;
  width: 100%;
}
.add-object__type {
  border: 1px solid #dddddd;
  padding: 5px;
  margin: 8px 10px;
  align-items: center;
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding: 16px;
  text-align: center;
  width: 80px;
  height: 100px;
  margin: 8px;
}
.add-object__type:not(.selectable):not(.hoverable) {
  color: #cccccc;
}
.add-object__type:not(.selectable):not(.hoverable) img {
  opacity: .25;
}
.add-object__type.selectable:hover {
  cursor: pointer;
  background-color: #f2f2f2;
}
.add-object__type.selected,
.add-object__type.selected:hover {
  border-color: #3b99fc;
  background-color: #ffffff;
}
.add-object__type i:not(.universe-color):not(.icon-trash):not([class*="dku-icon-trash-"]):not(.illustration):not('.selector-item__icon--has-color') {
  color: #666666;
}
.add-object__type .selection-indicator {
  display: inline-block;
  width: 20px;
  max-height: 20px;
  text-align: center;
}
.add-object__type .selection-indicator i {
  color: #3b99fc;
}
.add-object__type .selectable-item__icon {
  display: inline-block;
  width: 20px;
  text-align: center;
  color: #cccccc;
}
.add-object__type .selectable-item__title {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  color: #222222;
  font-weight: 500;
  max-width: 90%;
}
.add-object__type .selectable-item__description {
  font-weight: 400;
}
.add-object__type:not(:last-of-type) {
  margin-right: 4px;
}
.add-object__type [type="checkbox"],
.add-object__type [type="radio"] {
  position: absolute;
  top: 24px;
  left: 12px;
  appearance: none;
}
.add-object__type [type="checkbox"]:focus,
.add-object__type [type="radio"]:focus {
  outline: none;
}
.add-object__type.selected-type {
  border-color: #3b99fc;
  background-color: #ffffff;
}
.shared-pagination-component {
  display: inline-flex;
  justify-content: space-between;
  align-items: center;
}
.shared-pagination-component__list {
  list-style: none;
  margin: 0;
  display: inline-flex;
}
.shared-pagination-component__break {
  border: 1px solid #dddddd;
  padding: 3px 8px;
  display: inline-block;
  line-height: 1.4;
}
.search-notebook-init-modal__datasets-search-box {
  position: relative;
  margin-right: 0;
  width: 293px;
  display: inline-block;
}
.search-notebook-init-modal__datasets-search-box input[type=search] {
  padding-right: 4px;
  width: 100%;
  box-sizing: border-box;
}
.search-notebook-init-modal__index-pattern-list {
  border: 1px solid #dddddd;
  padding: 5px;
  max-height: 285px;
}
.search-notebook-init-modal__index-pattern-label {
  padding-top: 4px;
}
.search-notebook-init-modal__indices-search-box {
  position: relative;
  margin-right: 0;
  width: 293px;
  display: inline-block;
}
.search-notebook-init-modal__indices-search-box input[type=search] {
  padding-right: 4px;
  width: 100%;
  box-sizing: border-box;
}
.search-notebook-init-modal__indices-table-header {
  cursor: pointer;
}
.search-notebook-init-modal__indices-table-name-column {
  width: 200px;
}
.search-notebook-init-modal__indices-empty-list {
  text-align: center;
  position: absolute;
  padding-top: 100px;
  color: #bbbbbb;
  font-size: 16px;
  left: 50%;
  transform: translateX(-50%);
}
.search-notebook-init-modal__index-pattern-list {
  border: 1px solid #dddddd;
  padding: 5px;
  max-height: 285px;
}
.search-notebook-init-modal__index-pattern-label {
  padding-top: 4px;
}
.search-notebook-init-modal__warning {
  line-height: 20px;
  padding: 5px !important;
  margin-left: 25px;
  float: left;
}
.search-notebooks-query__item {
  border-left: 4px solid transparent;
  color: #666666;
  cursor: pointer;
  height: 30px;
  line-height: 30px;
  padding: 0 5px;
  border-bottom: 1px solid #dddddd;
}
.search-notebooks-query__item:hover {
  text-decoration: none;
}
.search-notebooks-query__item:focus {
  outline: none;
}
.search-notebooks-query__item.active {
  border-left: 4px solid #049cdb;
}
.search-notebooks-query__item:hover {
  background: #f2f2f2;
  color: #333333;
}
.search-notebooks-query__item:hover .search-notebooks-query__icon-group {
  display: inline-block;
}
.search-notebooks-query__item .search-notebooks-query__icon-group {
  float: right;
  display: none;
}
.search-notebooks-query__item .search-notebooks-query__icon-group .search-notebooks-query__icon {
  width: 26px;
  height: 26px;
  border: 1px solid transparent;
  background: transparent;
  border: none;
}
.search-notebooks-query__item .search-notebooks-query__icon-group .search-notebooks-query__icon.btn--primary {
  background-color: transparent;
  color: #3b99fc;
  border: 1px solid transparent;
}
.search-notebooks-query__item .search-notebooks-query__icon-group .search-notebooks-query__icon.btn--primary:focus {
  background-color: #e7f3ff;
  color: #3b99fc;
}
.search-notebooks-query__item .search-notebooks-query__icon-group .search-notebooks-query__icon.btn--primary:hover {
  background-color: #e7f3ff;
  color: #3b99fc;
}
.search-notebooks-query__item .search-notebooks-query__icon-group .search-notebooks-query__icon.btn--primary:active,
.search-notebooks-query__item .search-notebooks-query__icon-group .search-notebooks-query__icon.btn--primary.btn--active {
  background-color: #c4e0fe;
}
.search-notebooks-query__item .search-notebooks-query__icon-group .search-notebooks-query__icon.btn--primary[disabled],
.search-notebooks-query__item .search-notebooks-query__icon-group .search-notebooks-query__icon.btn--primary:disabled,
.search-notebooks-query__item .search-notebooks-query__icon-group .search-notebooks-query__icon.btn--primary.disabled {
  background-color: transparent;
  color: #c4e0fe;
  border: 1px solid transparent;
}
.search-notebooks-query__item .search-notebooks-query__icon-group .search-notebooks-query__icon.btn--primary[disabled]:hover,
.search-notebooks-query__item .search-notebooks-query__icon-group .search-notebooks-query__icon.btn--primary:disabled:hover,
.search-notebooks-query__item .search-notebooks-query__icon-group .search-notebooks-query__icon.btn--primary.disabled:hover,
.search-notebooks-query__item .search-notebooks-query__icon-group .search-notebooks-query__icon.btn--primary[disabled]:active,
.search-notebooks-query__item .search-notebooks-query__icon-group .search-notebooks-query__icon.btn--primary:disabled:active,
.search-notebooks-query__item .search-notebooks-query__icon-group .search-notebooks-query__icon.btn--primary.disabled:active {
  background-color: transparent;
  color: #c4e0fe;
  border: 1px solid transparent;
}
.search-notebooks-query__item .search-notebooks-query__icon-group .search-notebooks-query__icon.btn--primary[disabled] .caret,
.search-notebooks-query__item .search-notebooks-query__icon-group .search-notebooks-query__icon.btn--primary:disabled .caret,
.search-notebooks-query__item .search-notebooks-query__icon-group .search-notebooks-query__icon.btn--primary.disabled .caret {
  border-top-color: #c4e0fe;
  border-bottom-color: #c4e0fe;
}
.search-notebooks-query__item .search-notebooks-query__icon-group .search-notebooks-query__icon.btn--secondary {
  background-color: transparent;
  color: #333333;
  border: 1px solid transparent;
}
.search-notebooks-query__item .search-notebooks-query__icon-group .search-notebooks-query__icon.btn--secondary:focus {
  background-color: #dddddd;
  color: #333333;
}
.search-notebooks-query__item .search-notebooks-query__icon-group .search-notebooks-query__icon.btn--secondary:hover {
  background-color: #dddddd;
  color: #333333;
}
.search-notebooks-query__item .search-notebooks-query__icon-group .search-notebooks-query__icon.btn--secondary:active,
.search-notebooks-query__item .search-notebooks-query__icon-group .search-notebooks-query__icon.btn--secondary.btn--active {
  background-color: #cccccc;
}
.search-notebooks-query__item .search-notebooks-query__icon-group .search-notebooks-query__icon.btn--secondary[disabled],
.search-notebooks-query__item .search-notebooks-query__icon-group .search-notebooks-query__icon.btn--secondary:disabled,
.search-notebooks-query__item .search-notebooks-query__icon-group .search-notebooks-query__icon.btn--secondary.disabled {
  background-color: transparent;
  color: #cccccc;
  border: 1px solid transparent;
}
.search-notebooks-query__item .search-notebooks-query__icon-group .search-notebooks-query__icon.btn--secondary[disabled]:hover,
.search-notebooks-query__item .search-notebooks-query__icon-group .search-notebooks-query__icon.btn--secondary:disabled:hover,
.search-notebooks-query__item .search-notebooks-query__icon-group .search-notebooks-query__icon.btn--secondary.disabled:hover,
.search-notebooks-query__item .search-notebooks-query__icon-group .search-notebooks-query__icon.btn--secondary[disabled]:active,
.search-notebooks-query__item .search-notebooks-query__icon-group .search-notebooks-query__icon.btn--secondary:disabled:active,
.search-notebooks-query__item .search-notebooks-query__icon-group .search-notebooks-query__icon.btn--secondary.disabled:active {
  background-color: transparent;
  color: #cccccc;
  border: 1px solid transparent;
}
.search-notebooks-query__item .search-notebooks-query__icon-group .search-notebooks-query__icon.btn--secondary[disabled] .caret,
.search-notebooks-query__item .search-notebooks-query__icon-group .search-notebooks-query__icon.btn--secondary:disabled .caret,
.search-notebooks-query__item .search-notebooks-query__icon-group .search-notebooks-query__icon.btn--secondary.disabled .caret {
  border-top-color: #cccccc;
  border-bottom-color: #cccccc;
}
.search-notebooks-query__item .search-notebooks-query__icon-group .search-notebooks-query__icon.btn--success {
  background-color: transparent;
  color: #4caf50;
  border: 1px solid transparent;
}
.search-notebooks-query__item .search-notebooks-query__icon-group .search-notebooks-query__icon.btn--success:focus {
  background-color: #e8f5e9;
  color: #4caf50;
}
.search-notebooks-query__item .search-notebooks-query__icon-group .search-notebooks-query__icon.btn--success:hover {
  background-color: #e8f5e9;
  color: #4caf50;
}
.search-notebooks-query__item .search-notebooks-query__icon-group .search-notebooks-query__icon.btn--success:active,
.search-notebooks-query__item .search-notebooks-query__icon-group .search-notebooks-query__icon.btn--success.btn--active {
  background-color: #d7f0d6;
}
.search-notebooks-query__item .search-notebooks-query__icon-group .search-notebooks-query__icon.btn--success[disabled],
.search-notebooks-query__item .search-notebooks-query__icon-group .search-notebooks-query__icon.btn--success:disabled,
.search-notebooks-query__item .search-notebooks-query__icon-group .search-notebooks-query__icon.btn--success.disabled {
  background-color: transparent;
  color: #d7f0d6;
  border: 1px solid transparent;
}
.search-notebooks-query__item .search-notebooks-query__icon-group .search-notebooks-query__icon.btn--success[disabled]:hover,
.search-notebooks-query__item .search-notebooks-query__icon-group .search-notebooks-query__icon.btn--success:disabled:hover,
.search-notebooks-query__item .search-notebooks-query__icon-group .search-notebooks-query__icon.btn--success.disabled:hover,
.search-notebooks-query__item .search-notebooks-query__icon-group .search-notebooks-query__icon.btn--success[disabled]:active,
.search-notebooks-query__item .search-notebooks-query__icon-group .search-notebooks-query__icon.btn--success:disabled:active,
.search-notebooks-query__item .search-notebooks-query__icon-group .search-notebooks-query__icon.btn--success.disabled:active {
  background-color: transparent;
  color: #d7f0d6;
  border: 1px solid transparent;
}
.search-notebooks-query__item .search-notebooks-query__icon-group .search-notebooks-query__icon.btn--success[disabled] .caret,
.search-notebooks-query__item .search-notebooks-query__icon-group .search-notebooks-query__icon.btn--success:disabled .caret,
.search-notebooks-query__item .search-notebooks-query__icon-group .search-notebooks-query__icon.btn--success.disabled .caret {
  border-top-color: #d7f0d6;
  border-bottom-color: #d7f0d6;
}
.search-notebooks-query__item .search-notebooks-query__icon-group .search-notebooks-query__icon.btn--danger {
  background-color: transparent;
  color: #dd5969;
  border: 1px solid transparent;
}
.search-notebooks-query__item .search-notebooks-query__icon-group .search-notebooks-query__icon.btn--danger:focus {
  background-color: #f9e3e5;
  color: #dd5969;
}
.search-notebooks-query__item .search-notebooks-query__icon-group .search-notebooks-query__icon.btn--danger:hover {
  background-color: #f9e3e5;
  color: #dd5969;
}
.search-notebooks-query__item .search-notebooks-query__icon-group .search-notebooks-query__icon.btn--danger:active,
.search-notebooks-query__item .search-notebooks-query__icon-group .search-notebooks-query__icon.btn--danger.btn--active {
  background-color: #f0b8bf;
}
.search-notebooks-query__item .search-notebooks-query__icon-group .search-notebooks-query__icon.btn--danger[disabled],
.search-notebooks-query__item .search-notebooks-query__icon-group .search-notebooks-query__icon.btn--danger:disabled,
.search-notebooks-query__item .search-notebooks-query__icon-group .search-notebooks-query__icon.btn--danger.disabled {
  background-color: transparent;
  color: #f0b8bf;
  border: 1px solid transparent;
}
.search-notebooks-query__item .search-notebooks-query__icon-group .search-notebooks-query__icon.btn--danger[disabled]:hover,
.search-notebooks-query__item .search-notebooks-query__icon-group .search-notebooks-query__icon.btn--danger:disabled:hover,
.search-notebooks-query__item .search-notebooks-query__icon-group .search-notebooks-query__icon.btn--danger.disabled:hover,
.search-notebooks-query__item .search-notebooks-query__icon-group .search-notebooks-query__icon.btn--danger[disabled]:active,
.search-notebooks-query__item .search-notebooks-query__icon-group .search-notebooks-query__icon.btn--danger:disabled:active,
.search-notebooks-query__item .search-notebooks-query__icon-group .search-notebooks-query__icon.btn--danger.disabled:active {
  background-color: transparent;
  color: #f0b8bf;
  border: 1px solid transparent;
}
.search-notebooks-query__item .search-notebooks-query__icon-group .search-notebooks-query__icon.btn--danger[disabled] .caret,
.search-notebooks-query__item .search-notebooks-query__icon-group .search-notebooks-query__icon.btn--danger:disabled .caret,
.search-notebooks-query__item .search-notebooks-query__icon-group .search-notebooks-query__icon.btn--danger.disabled .caret {
  border-top-color: #f0b8bf;
  border-bottom-color: #f0b8bf;
}
.search-notebooks-query__item .search-notebooks-query__icon-group .search-notebooks-query__icon:hover {
  background-color: #dddddd;
  border: none;
  border-radius: 50%;
}
.search-notebooks-query__item .search-notebooks-query__icon-group .search-notebooks-query__icon i {
  display: inline-block;
}
.search-notebooks-query__item .search-notebooks-query__icon-group .search-notebooks-query__icon i:before {
  width: 10px;
}
.search-notebooks-shaker-table {
  background-color: #f2f2f2;
}
.search-notebooks-table-view {
  background-color: #ffffff !important;
  padding: 0px 11px 0px 20px !important;
}
.search-notebooks-tab-group {
  display: flex;
  border-bottom: 1px solid #dddddd;
  height: 30px;
  padding-top: 10px;
}
.search-notebooks-tab-group .tab {
  cursor: pointer;
  width: 50%;
  text-align: center;
  border-bottom: 2px solid transparent;
}
.search-notebooks-tab-group .active {
  font-weight: 600;
  border-bottom-color: #dddddd;
}
.search-notebook-table .shaker .table-view-header .filters-wrapper {
  background-color: #ffffff;
}
.filter-modal .modal-body .filter-editor {
  min-height: 124px;
}
.filter-modal .modal-body .filter-conditions-editor {
  max-height: none;
  overflow: visible;
}
.filter-modal .modal-body .filter-conditions-editor .operator-selector .boolean-operator {
  width: 54px !important;
  padding-right: 4px;
  text-align-last: center;
}
.filter-modal .modal-body .filter-conditions-editor .operator .bootstrap-select {
  width: 170px !important;
}
.filter-modal .modal-body .filter-conditions-editor .bootstrap-select,
.filter-modal .modal-body .filter-conditions-editor input {
  width: 140px;
}
.filter-modal .modal-body .filter-conditions-editor .operator div {
  width: 95px;
}
.filter-editor .filter-conditions-editor,
.if-then .filter-conditions-editor {
  overflow: visible !important;
}
.filter-editor .more-filter-condition-dropdown,
.if-then .more-filter-condition-dropdown {
  height: fit-content;
  position: absolute;
  top: 100% !important;
}
.more-filter-condition-dropdown li a {
  display: flex;
}
.filter-editor,
.computed-column-step-editor,
.if-then {
  /* Color invalid dataset uniqueness issues, even when non dirty */
}
.filter-editor input[type=checkbox],
.computed-column-step-editor input[type=checkbox],
.if-then input[type=checkbox] {
  /* Work-around misalignment */
  margin-top: 1px;
}
.filter-editor input,
.computed-column-step-editor input,
.if-then input,
.filter-editor textarea,
.computed-column-step-editor textarea,
.if-then textarea,
.filter-editor select,
.computed-column-step-editor select,
.if-then select,
.filter-editor .help-inline,
.computed-column-step-editor .help-inline,
.if-then .help-inline,
.filter-editor .uneditable-input,
.computed-column-step-editor .uneditable-input,
.if-then .uneditable-input,
.filter-editor .input-prepend,
.computed-column-step-editor .input-prepend,
.if-then .input-prepend,
.filter-editor .input-append,
.computed-column-step-editor .input-append,
.if-then .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,
.if-then .hide {
  display: none;
}
.filter-editor .control-group,
.computed-column-step-editor .control-group,
.if-then .control-group {
  margin-bottom: 20px;
  *zoom: 1;
}
.filter-editor .control-group:before,
.computed-column-step-editor .control-group:before,
.if-then .control-group:before,
.filter-editor .control-group:after,
.computed-column-step-editor .control-group:after,
.if-then .control-group:after {
  display: table;
  content: "";
  line-height: 0;
}
.filter-editor .control-group:after,
.computed-column-step-editor .control-group:after,
.if-then .control-group:after {
  clear: both;
}
.filter-editor .control-label,
.computed-column-step-editor .control-label,
.if-then .control-label {
  float: left;
  width: 160px;
  padding-top: 5px;
  text-align: right;
}
.filter-editor .controls,
.computed-column-step-editor .controls,
.if-then .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,
.if-then .controls:first-child {
  *padding-left: 180px;
}
.filter-editor .help-block,
.computed-column-step-editor .help-block,
.if-then .help-block {
  margin-bottom: 0;
}
.filter-editor input + .help-block,
.computed-column-step-editor input + .help-block,
.if-then input + .help-block,
.filter-editor select + .help-block,
.computed-column-step-editor select + .help-block,
.if-then select + .help-block,
.filter-editor textarea + .help-block,
.computed-column-step-editor textarea + .help-block,
.if-then textarea + .help-block,
.filter-editor .uneditable-input + .help-block,
.computed-column-step-editor .uneditable-input + .help-block,
.if-then .uneditable-input + .help-block,
.filter-editor .input-prepend + .help-block,
.computed-column-step-editor .input-prepend + .help-block,
.if-then .input-prepend + .help-block,
.filter-editor .input-append + .help-block,
.computed-column-step-editor .input-append + .help-block,
.if-then .input-append + .help-block {
  margin-top: 10px;
}
.filter-editor .form-actions,
.computed-column-step-editor .form-actions,
.if-then .form-actions {
  padding-left: 180px;
}
.filter-editor .control-group:not(:first-child),
.computed-column-step-editor .control-group:not(:first-child),
.if-then .control-group:not(:first-child) {
  margin-top: 19px;
  margin-bottom: 0;
}
.filter-editor label.control-label,
.computed-column-step-editor label.control-label,
.if-then 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,
.if-then label.control-label.disabled {
  color: #999999;
}
.filter-editor label.control-label-compact,
.computed-column-step-editor label.control-label-compact,
.if-then label.control-label-compact {
  width: 120px;
}
.filter-editor label.control-label-multiline,
.computed-column-step-editor label.control-label-multiline,
.if-then label.control-label-multiline {
  height: auto;
}
.filter-editor .controls,
.computed-column-step-editor .controls,
.if-then .controls {
  margin-left: 230px;
}
.filter-editor .controls-compact,
.computed-column-step-editor .controls-compact,
.if-then .controls-compact {
  margin-left: 130px;
}
.filter-editor input[type=text],
.computed-column-step-editor input[type=text],
.if-then input[type=text],
.filter-editor input[type=email],
.computed-column-step-editor input[type=email],
.if-then input[type=email],
.filter-editor input[type=url],
.computed-column-step-editor input[type=url],
.if-then input[type=url],
.filter-editor input[type=number],
.computed-column-step-editor input[type=number],
.if-then input[type=number],
.filter-editor input[type=date],
.computed-column-step-editor input[type=date],
.if-then input[type=date],
.filter-editor input[type=time],
.computed-column-step-editor input[type=time],
.if-then input[type=time],
.filter-editor input[type=datetime-local],
.computed-column-step-editor input[type=datetime-local],
.if-then input[type=datetime-local],
.filter-editor input[type=password],
.computed-column-step-editor input[type=password],
.if-then input[type=password],
.filter-editor textarea,
.computed-column-step-editor textarea,
.if-then textarea,
.filter-editor select,
.computed-column-step-editor select,
.if-then select,
.filter-editor button.btn.selectpicker,
.computed-column-step-editor button.btn.selectpicker,
.if-then 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,
.if-then input[type=text]:focus,
.filter-editor input[type=email]:focus,
.computed-column-step-editor input[type=email]:focus,
.if-then input[type=email]:focus,
.filter-editor input[type=url]:focus,
.computed-column-step-editor input[type=url]:focus,
.if-then input[type=url]:focus,
.filter-editor input[type=number]:focus,
.computed-column-step-editor input[type=number]:focus,
.if-then input[type=number]:focus,
.filter-editor input[type=date]:focus,
.computed-column-step-editor input[type=date]:focus,
.if-then input[type=date]:focus,
.filter-editor input[type=time]:focus,
.computed-column-step-editor input[type=time]:focus,
.if-then input[type=time]:focus,
.filter-editor input[type=datetime-local]:focus,
.computed-column-step-editor input[type=datetime-local]:focus,
.if-then input[type=datetime-local]:focus,
.filter-editor input[type=password]:focus,
.computed-column-step-editor input[type=password]:focus,
.if-then input[type=password]:focus,
.filter-editor textarea:focus,
.computed-column-step-editor textarea:focus,
.if-then textarea:focus,
.filter-editor select:focus,
.computed-column-step-editor select:focus,
.if-then select:focus,
.filter-editor button.btn.selectpicker:focus,
.computed-column-step-editor button.btn.selectpicker:focus,
.if-then button.btn.selectpicker:focus,
.filter-editor input[type=text]:hover,
.computed-column-step-editor input[type=text]:hover,
.if-then input[type=text]:hover,
.filter-editor input[type=email]:hover,
.computed-column-step-editor input[type=email]:hover,
.if-then input[type=email]:hover,
.filter-editor input[type=url]:hover,
.computed-column-step-editor input[type=url]:hover,
.if-then input[type=url]:hover,
.filter-editor input[type=number]:hover,
.computed-column-step-editor input[type=number]:hover,
.if-then input[type=number]:hover,
.filter-editor input[type=date]:hover,
.computed-column-step-editor input[type=date]:hover,
.if-then input[type=date]:hover,
.filter-editor input[type=time]:hover,
.computed-column-step-editor input[type=time]:hover,
.if-then input[type=time]:hover,
.filter-editor input[type=datetime-local]:hover,
.computed-column-step-editor input[type=datetime-local]:hover,
.if-then input[type=datetime-local]:hover,
.filter-editor input[type=password]:hover,
.computed-column-step-editor input[type=password]:hover,
.if-then input[type=password]:hover,
.filter-editor textarea:hover,
.computed-column-step-editor textarea:hover,
.if-then textarea:hover,
.filter-editor select:hover,
.computed-column-step-editor select:hover,
.if-then select:hover,
.filter-editor button.btn.selectpicker:hover,
.computed-column-step-editor button.btn.selectpicker:hover,
.if-then button.btn.selectpicker:hover {
  color: #333333;
}
.filter-editor input[type=text]:focus,
.computed-column-step-editor input[type=text]:focus,
.if-then input[type=text]:focus,
.filter-editor input[type=email]:focus,
.computed-column-step-editor input[type=email]:focus,
.if-then input[type=email]:focus,
.filter-editor input[type=url]:focus,
.computed-column-step-editor input[type=url]:focus,
.if-then input[type=url]:focus,
.filter-editor input[type=number]:focus,
.computed-column-step-editor input[type=number]:focus,
.if-then input[type=number]:focus,
.filter-editor input[type=date]:focus,
.computed-column-step-editor input[type=date]:focus,
.if-then input[type=date]:focus,
.filter-editor input[type=time]:focus,
.computed-column-step-editor input[type=time]:focus,
.if-then input[type=time]:focus,
.filter-editor input[type=datetime-local]:focus,
.computed-column-step-editor input[type=datetime-local]:focus,
.if-then input[type=datetime-local]:focus,
.filter-editor input[type=password]:focus,
.computed-column-step-editor input[type=password]:focus,
.if-then input[type=password]:focus,
.filter-editor textarea:focus,
.computed-column-step-editor textarea:focus,
.if-then textarea:focus,
.filter-editor select:focus,
.computed-column-step-editor select:focus,
.if-then select:focus,
.filter-editor button.btn.selectpicker:focus,
.computed-column-step-editor button.btn.selectpicker:focus,
.if-then 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,
.if-then input[type=text].ng-dirty.ng-invalid,
.filter-editor input[type=email].ng-dirty.ng-invalid,
.computed-column-step-editor input[type=email].ng-dirty.ng-invalid,
.if-then input[type=email].ng-dirty.ng-invalid,
.filter-editor input[type=url].ng-dirty.ng-invalid,
.computed-column-step-editor input[type=url].ng-dirty.ng-invalid,
.if-then 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,
.if-then 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,
.if-then 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,
.if-then input[type=time].ng-dirty.ng-invalid,
.filter-editor input[type=datetime-local].ng-dirty.ng-invalid,
.computed-column-step-editor input[type=datetime-local].ng-dirty.ng-invalid,
.if-then input[type=datetime-local].ng-dirty.ng-invalid,
.filter-editor input[type=password].ng-dirty.ng-invalid,
.computed-column-step-editor input[type=password].ng-dirty.ng-invalid,
.if-then input[type=password].ng-dirty.ng-invalid,
.filter-editor textarea.ng-dirty.ng-invalid,
.computed-column-step-editor textarea.ng-dirty.ng-invalid,
.if-then textarea.ng-dirty.ng-invalid,
.filter-editor select.ng-dirty.ng-invalid,
.computed-column-step-editor select.ng-dirty.ng-invalid,
.if-then 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,
.if-then button.btn.selectpicker.ng-dirty.ng-invalid {
  border: 1px solid #ce1228;
}
.filter-editor input[type=text].invalid-ignores-dirty.ng-invalid,
.computed-column-step-editor input[type=text].invalid-ignores-dirty.ng-invalid,
.if-then input[type=text].invalid-ignores-dirty.ng-invalid,
.filter-editor input[type=email].invalid-ignores-dirty.ng-invalid,
.computed-column-step-editor input[type=email].invalid-ignores-dirty.ng-invalid,
.if-then input[type=email].invalid-ignores-dirty.ng-invalid,
.filter-editor input[type=url].invalid-ignores-dirty.ng-invalid,
.computed-column-step-editor input[type=url].invalid-ignores-dirty.ng-invalid,
.if-then input[type=url].invalid-ignores-dirty.ng-invalid,
.filter-editor input[type=number].invalid-ignores-dirty.ng-invalid,
.computed-column-step-editor input[type=number].invalid-ignores-dirty.ng-invalid,
.if-then input[type=number].invalid-ignores-dirty.ng-invalid,
.filter-editor input[type=date].invalid-ignores-dirty.ng-invalid,
.computed-column-step-editor input[type=date].invalid-ignores-dirty.ng-invalid,
.if-then input[type=date].invalid-ignores-dirty.ng-invalid,
.filter-editor input[type=time].invalid-ignores-dirty.ng-invalid,
.computed-column-step-editor input[type=time].invalid-ignores-dirty.ng-invalid,
.if-then input[type=time].invalid-ignores-dirty.ng-invalid,
.filter-editor input[type=datetime-local].invalid-ignores-dirty.ng-invalid,
.computed-column-step-editor input[type=datetime-local].invalid-ignores-dirty.ng-invalid,
.if-then input[type=datetime-local].invalid-ignores-dirty.ng-invalid,
.filter-editor input[type=password].invalid-ignores-dirty.ng-invalid,
.computed-column-step-editor input[type=password].invalid-ignores-dirty.ng-invalid,
.if-then input[type=password].invalid-ignores-dirty.ng-invalid,
.filter-editor textarea.invalid-ignores-dirty.ng-invalid,
.computed-column-step-editor textarea.invalid-ignores-dirty.ng-invalid,
.if-then textarea.invalid-ignores-dirty.ng-invalid,
.filter-editor select.invalid-ignores-dirty.ng-invalid,
.computed-column-step-editor select.invalid-ignores-dirty.ng-invalid,
.if-then select.invalid-ignores-dirty.ng-invalid,
.filter-editor button.btn.selectpicker.invalid-ignores-dirty.ng-invalid,
.computed-column-step-editor button.btn.selectpicker.invalid-ignores-dirty.ng-invalid,
.if-then button.btn.selectpicker.invalid-ignores-dirty.ng-invalid,
.invalid-ignores-dirty .filter-editor input[type=text].ng-invalid,
.invalid-ignores-dirty .computed-column-step-editor input[type=text].ng-invalid,
.invalid-ignores-dirty .if-then input[type=text].ng-invalid,
.invalid-ignores-dirty .filter-editor input[type=email].ng-invalid,
.invalid-ignores-dirty .computed-column-step-editor input[type=email].ng-invalid,
.invalid-ignores-dirty .if-then input[type=email].ng-invalid,
.invalid-ignores-dirty .filter-editor input[type=url].ng-invalid,
.invalid-ignores-dirty .computed-column-step-editor input[type=url].ng-invalid,
.invalid-ignores-dirty .if-then input[type=url].ng-invalid,
.invalid-ignores-dirty .filter-editor input[type=number].ng-invalid,
.invalid-ignores-dirty .computed-column-step-editor input[type=number].ng-invalid,
.invalid-ignores-dirty .if-then input[type=number].ng-invalid,
.invalid-ignores-dirty .filter-editor input[type=date].ng-invalid,
.invalid-ignores-dirty .computed-column-step-editor input[type=date].ng-invalid,
.invalid-ignores-dirty .if-then input[type=date].ng-invalid,
.invalid-ignores-dirty .filter-editor input[type=time].ng-invalid,
.invalid-ignores-dirty .computed-column-step-editor input[type=time].ng-invalid,
.invalid-ignores-dirty .if-then input[type=time].ng-invalid,
.invalid-ignores-dirty .filter-editor input[type=datetime-local].ng-invalid,
.invalid-ignores-dirty .computed-column-step-editor input[type=datetime-local].ng-invalid,
.invalid-ignores-dirty .if-then input[type=datetime-local].ng-invalid,
.invalid-ignores-dirty .filter-editor input[type=password].ng-invalid,
.invalid-ignores-dirty .computed-column-step-editor input[type=password].ng-invalid,
.invalid-ignores-dirty .if-then input[type=password].ng-invalid,
.invalid-ignores-dirty .filter-editor textarea.ng-invalid,
.invalid-ignores-dirty .computed-column-step-editor textarea.ng-invalid,
.invalid-ignores-dirty .if-then textarea.ng-invalid,
.invalid-ignores-dirty .filter-editor select.ng-invalid,
.invalid-ignores-dirty .computed-column-step-editor select.ng-invalid,
.invalid-ignores-dirty .if-then select.ng-invalid,
.invalid-ignores-dirty .filter-editor button.btn.selectpicker.ng-invalid,
.invalid-ignores-dirty .computed-column-step-editor button.btn.selectpicker.ng-invalid,
.invalid-ignores-dirty .if-then button.btn.selectpicker.ng-invalid {
  border: 1px solid #ce1228;
}
.filter-editor button.btn.selectpicker,
.computed-column-step-editor button.btn.selectpicker,
.if-then 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,
.if-then button.btn.selectpicker:hover {
  background-color: #f2f2f2;
}
.filter-editor button.btn.selectpicker.none-selected-text .filter-option,
.computed-column-step-editor button.btn.selectpicker.none-selected-text .filter-option,
.if-then button.btn.selectpicker.none-selected-text .filter-option {
  color: var(--dku-select-placeholder-color, #999999);
}
.filter-editor button.btn.selectpicker.none-selected-text .filter-option::before,
.computed-column-step-editor button.btn.selectpicker.none-selected-text .filter-option::before,
.if-then button.btn.selectpicker.none-selected-text .filter-option::before {
  content: var(--dku-select-placeholder-emphasis--before, '- ');
}
.filter-editor button.btn.selectpicker.none-selected-text .filter-option::after,
.computed-column-step-editor button.btn.selectpicker.none-selected-text .filter-option::after,
.if-then button.btn.selectpicker.none-selected-text .filter-option::after {
  content: var(--dku-select-placeholder-emphasis--after, ' -');
}
.filter-editor button.btn.selectpicker.disabled.none-selected-text .filter-option,
.computed-column-step-editor button.btn.selectpicker.disabled.none-selected-text .filter-option,
.if-then button.btn.selectpicker.disabled.none-selected-text .filter-option {
  color: #cccccc;
}
.filter-editor button.btn.selectpicker.disabled,
.computed-column-step-editor button.btn.selectpicker.disabled,
.if-then button.btn.selectpicker.disabled {
  background-color: #f2f2f2;
}
.filter-editor button.btn.selectpicker.disabled:hover,
.computed-column-step-editor button.btn.selectpicker.disabled:hover,
.if-then button.btn.selectpicker.disabled:hover {
  background-color: #f2f2f2;
}
.filter-editor button.btn.selectpicker.disabled:focus,
.computed-column-step-editor button.btn.selectpicker.disabled:focus,
.if-then button.btn.selectpicker.disabled:focus {
  border: 1px #bbbbbb solid;
}
.filter-editor input[type=checkbox],
.computed-column-step-editor input[type=checkbox],
.if-then input[type=checkbox],
.filter-editor input[type=radio],
.computed-column-step-editor input[type=radio],
.if-then input[type=radio] {
  margin: 0 5px 0 0;
  float: none;
}
.filter-editor input[type=radio],
.computed-column-step-editor input[type=radio],
.if-then input[type=radio] {
  position: relative;
  top: -1px;
}
.filter-editor input:focus,
.computed-column-step-editor input:focus,
.if-then input:focus {
  border: 1px #31708f solid;
}
.filter-editor input.ng-invalid-dataset-name-unique,
.computed-column-step-editor input.ng-invalid-dataset-name-unique,
.if-then input.ng-invalid-dataset-name-unique {
  border-color: #d53648;
}
.filter-editor textarea,
.computed-column-step-editor textarea,
.if-then textarea {
  line-height: 14px;
  height: auto;
  padding: 4px 4px;
}
.filter-editor a:hover,
.computed-column-step-editor a:hover,
.if-then a:hover {
  text-decoration: none;
}
.filter-editor a:focus,
.computed-column-step-editor a:focus,
.if-then a:focus {
  outline: none;
}
.filter-editor .alert,
.computed-column-step-editor .alert,
.if-then .alert {
  border-radius: 0;
}
.filter-editor input[type="date"]::-webkit-clear-button,
.computed-column-step-editor input[type="date"]::-webkit-clear-button,
.if-then 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,
.if-then .bootstrap-select.bootstrap-select.bootstrap-select.bootstrap-select.bootstrap-select,
.filter-editor .ng-select,
.computed-column-step-editor .ng-select,
.if-then .ng-select {
  width: 206px;
}
.filter-editor .bootstrap-select.bootstrap-select.bootstrap-select.bootstrap-select.bootstrap-select.input-xlarge,
.computed-column-step-editor .bootstrap-select.bootstrap-select.bootstrap-select.bootstrap-select.bootstrap-select.input-xlarge,
.if-then .bootstrap-select.bootstrap-select.bootstrap-select.bootstrap-select.bootstrap-select.input-xlarge,
.filter-editor .ng-select.input-xlarge,
.computed-column-step-editor .ng-select.input-xlarge,
.if-then .ng-select.input-xlarge {
  width: 270px;
}
.filter-editor .bootstrap-select.bootstrap-select.bootstrap-select.bootstrap-select.bootstrap-select.input-xxlarge,
.computed-column-step-editor .bootstrap-select.bootstrap-select.bootstrap-select.bootstrap-select.bootstrap-select.input-xxlarge,
.if-then .bootstrap-select.bootstrap-select.bootstrap-select.bootstrap-select.bootstrap-select.input-xxlarge,
.filter-editor .ng-select.input-xxlarge,
.computed-column-step-editor .ng-select.input-xxlarge,
.if-then .ng-select.input-xxlarge {
  width: 430px;
}
.filter-editor .bootstrap-select.bootstrap-select.bootstrap-select.bootstrap-select.bootstrap-select.input-half-size,
.computed-column-step-editor .bootstrap-select.bootstrap-select.bootstrap-select.bootstrap-select.bootstrap-select.input-half-size,
.if-then .bootstrap-select.bootstrap-select.bootstrap-select.bootstrap-select.bootstrap-select.input-half-size,
.filter-editor .ng-select.input-half-size,
.computed-column-step-editor .ng-select.input-half-size,
.if-then .ng-select.input-half-size {
  width: 102px;
}
.filter-editor .bootstrap-select.bootstrap-select.bootstrap-select.bootstrap-select.bootstrap-select.input-fit-content,
.computed-column-step-editor .bootstrap-select.bootstrap-select.bootstrap-select.bootstrap-select.bootstrap-select.input-fit-content,
.if-then .bootstrap-select.bootstrap-select.bootstrap-select.bootstrap-select.bootstrap-select.input-fit-content,
.filter-editor .ng-select.input-fit-content,
.computed-column-step-editor .ng-select.input-fit-content,
.if-then .ng-select.input-fit-content {
  width: fit-content;
  width: -moz-fit-content;
}
.filter-editor .double-select .bootstrap-select.bootstrap-select.bootstrap-select.bootstrap-select.bootstrap-select,
.computed-column-step-editor .double-select .bootstrap-select.bootstrap-select.bootstrap-select.bootstrap-select.bootstrap-select,
.if-then .double-select .bootstrap-select.bootstrap-select.bootstrap-select.bootstrap-select.bootstrap-select,
.filter-editor .double-select .ng-select,
.computed-column-step-editor .double-select .ng-select,
.if-then .double-select .ng-select {
  width: 176px;
}
.filter-editor input[type=file],
.computed-column-step-editor input[type=file],
.if-then input[type=file] {
  padding-top: 4px;
  height: 24px;
  line-height: initial;
}
.filter-editor .help-inline,
.computed-column-step-editor .help-inline,
.if-then .help-inline {
  color: #666666;
  font-size: 12px;
  width: 230px;
}
.filter-editor .help-inline.help-inline--fit-content,
.computed-column-step-editor .help-inline.help-inline--fit-content,
.if-then .help-inline.help-inline--fit-content {
  width: fit-content;
  width: -moz-fit-content;
}
.filter-editor .help-inline.help-inline--full-width,
.computed-column-step-editor .help-inline.help-inline--full-width,
.if-then .help-inline.help-inline--full-width {
  width: 100%;
}
.filter-editor .help-inline.disabled,
.computed-column-step-editor .help-inline.disabled,
.if-then .help-inline.disabled {
  color: #999999;
}
.filter-editor .dss-object-selector-mainzone,
.computed-column-step-editor .dss-object-selector-mainzone,
.if-then .dss-object-selector-mainzone {
  width: 206px;
  background: #ffffff;
}
.filter-editor .control-error-message,
.computed-column-step-editor .control-error-message,
.if-then .control-error-message {
  padding-top: 4px;
  color: #ce1228;
  font-size: 10px;
  line-height: 15px;
}
.filter-editor .control-error-message.help-inline,
.computed-column-step-editor .control-error-message.help-inline,
.if-then .control-error-message.help-inline {
  padding-top: 0;
  padding-left: 8px;
  line-height: 13px;
}
.filter-editor fieldset,
.computed-column-step-editor fieldset,
.if-then fieldset {
  min-width: 0;
}
.filter-editor .CodeMirror,
.computed-column-step-editor .CodeMirror,
.if-then .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,
.if-then .filter-mode .bootstrap-select {
  width: 230px !important;
  margin-left: 4px !important;
}
.filter-editor .filter-dropdown,
.computed-column-step-editor .filter-dropdown,
.if-then .filter-dropdown {
  padding-bottom: 16px;
}
.filter-editor .filter-location,
.computed-column-step-editor .filter-location,
.if-then .filter-location {
  margin-left: 0px;
  padding-left: 77px;
}
.filter-editor .var-col-selector,
.computed-column-step-editor .var-col-selector,
.if-then .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,
.if-then .var-col-selector .selector-list {
  overflow: visible;
  height: 114px;
}
.filter-editor .var-col-selector .selector-list .column-name-line,
.computed-column-step-editor .var-col-selector .selector-list .column-name-line,
.if-then .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,
.if-then .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,
.if-then .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,
.if-then .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,
.if-then .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,
.if-then .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,
.if-then .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,
.if-then .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,
.if-then .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,
.if-then .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,
.if-then .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,
.if-then .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,
.if-then .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,
.if-then .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,
.if-then input {
  padding-right: 10px !important;
}
.filter-editor input.ng-invalid,
.computed-column-step-editor input.ng-invalid,
.if-then input.ng-invalid {
  border: 1px solid #ce1228;
}
.filter-editor input,
.computed-column-step-editor input,
.if-then input,
.filter-editor select,
.computed-column-step-editor select,
.if-then select {
  margin: 2px 1px;
}
.filter-editor input[type=time],
.computed-column-step-editor input[type=time],
.if-then input[type=time] {
  width: 100px;
}
.filter-editor input[type=date],
.computed-column-step-editor input[type=date],
.if-then input[type=date] {
  width: 150px;
}
.filter-editor .target-select .bootstrap-select,
.computed-column-step-editor .target-select .bootstrap-select,
.if-then .target-select .bootstrap-select {
  width: 100px !important;
  padding-right: 4px;
}
.filter-editor .operator .bootstrap-select,
.computed-column-step-editor .operator .bootstrap-select,
.if-then .operator .bootstrap-select {
  padding-right: 4px;
  width: 170px !important;
}
.filter-editor .operator .bootstrap-select .filter-option,
.computed-column-step-editor .operator .bootstrap-select .filter-option,
.if-then .operator .bootstrap-select .filter-option {
  display: inline-block !important;
}
.filter-editor .operator .bootstrap-select .filter-option:after,
.computed-column-step-editor .operator .bootstrap-select .filter-option:after,
.if-then .operator .bootstrap-select .filter-option:after {
  display: none;
}
.filter-editor .input-column-date,
.computed-column-step-editor .input-column-date,
.if-then .input-column-date {
  display: inline-block;
  width: 40px;
  text-align: center;
}
.filter-editor .boolean-operator,
.computed-column-step-editor .boolean-operator,
.if-then .boolean-operator {
  width: 54px !important;
  padding-right: 4px;
  text-align-last: center;
}
.filter-editor .no-selected-boolean-operator,
.computed-column-step-editor .no-selected-boolean-operator,
.if-then .no-selected-boolean-operator {
  width: 54px !important;
  padding-left: 4px;
  color: #333333;
}
.filter-editor .selected-boolean-operator,
.computed-column-step-editor .selected-boolean-operator,
.if-then .selected-boolean-operator {
  width: 54px !important;
  padding-left: 4px;
}
.filter-editor .selected-boolean-operator-text,
.computed-column-step-editor .selected-boolean-operator-text,
.if-then .selected-boolean-operator-text {
  padding-left: 4px;
  color: #333333;
}
.filter-editor .filter-condition-actions-button,
.computed-column-step-editor .filter-condition-actions-button,
.if-then .filter-condition-actions-button {
  padding-bottom: 8px;
}
.filter-editor .action-buttons-from-prepare,
.computed-column-step-editor .action-buttons-from-prepare,
.if-then .action-buttons-from-prepare {
  float: right;
}
.filter-editor .add-filter-condition,
.computed-column-step-editor .add-filter-condition,
.if-then .add-filter-condition {
  padding-right: 8px;
  padding-left: 8px;
}
.filter-editor .add-button,
.computed-column-step-editor .add-button,
.if-then .add-button {
  text-align: center;
  max-width: 550px;
  padding: 5px;
}
.filter-editor .message-bar,
.computed-column-step-editor .message-bar,
.if-then .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,
.if-then .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,
.if-then .message-bar .alert-success {
  margin-bottom: 0;
}
.filter-editor .conditionPosition,
.computed-column-step-editor .conditionPosition,
.if-then .conditionPosition {
  padding-left: 62px;
}
.filter-editor .conditionSpacing,
.computed-column-step-editor .conditionSpacing,
.if-then .conditionSpacing {
  padding-bottom: 8px;
}
.filter-editor .pad4-right,
.computed-column-step-editor .pad4-right,
.if-then .pad4-right {
  padding-right: 4px;
}
.filter-editor .mar4-right,
.computed-column-step-editor .mar4-right,
.if-then .mar4-right {
  margin-right: 4px;
}
.filter-editor .condition-item-list,
.computed-column-step-editor .condition-item-list,
.if-then .condition-item-list {
  padding: 4px;
  box-shadow: 2px 2px 8px 1px #cccccc;
  position: fixed;
  z-index: 4001;
  overflow: auto;
  background-color: white;
}
.filter-editor .condition-item-list-value,
.computed-column-step-editor .condition-item-list-value,
.if-then .condition-item-list-value {
  border-bottom: 1px solid #dddddd;
  padding-bottom: 4px;
  padding-top: 4px;
}
.filter-editor .condition-item-list-add-group,
.computed-column-step-editor .condition-item-list-add-group,
.if-then .condition-item-list-add-group {
  display: inline-block;
  padding-top: 4px;
}
.filter-conditions-editor .bootstrap-select.btn-group .filter-option {
  text-align: left !important;
  padding-left: 3px;
}
.filter-conditions-editor .operator-selector .bootstrap-select.btn-group .filter-option {
  width: unset !important;
}
.filter-value-range {
  display: inline-block;
}
.filter-value-range div {
  display: inline-block;
}
.filter-value-range div input {
  width: 100px !important;
}
.filter-value-range div + div {
  margin-left: 4px;
}
.modal-body .filter-editor {
  overflow: inherit;
}
.filter-parent {
  overflow: auto;
}
.filter-parent .filter-editor {
  overflow: inherit;
}
.filter-editor {
  white-space: nowrap;
}
.filter-editor .custom-sql-filter {
  width: 240px;
  height: 150px;
  margin-right: 10px;
}
.filter-editor .custom-sql-filter .input-columns-custom {
  height: 114px;
  margin-top: 5px;
  overflow: scroll !important;
}
.filter-editor .custom-sql-filter .input-columns-sql {
  overflow: auto;
  height: 114px;
}
.filter-editor .sql-filter-editor {
  width: 240px;
  margin-top: 6px;
}
.filter-editor .div-grel-editor {
  width: 240px;
  margin-top: 6px;
}
.split-recipe .filter-editor .message-bar {
  margin-bottom: 0;
}
.boolean-operator-from-prepare {
  padding-top: 8px;
}
.update-recipe-filter-editor {
  overflow-y: auto;
}
/* Reused components */
/* Body styles */
/* Page-specific styles */
.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 .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;
}
.filter-modal {
  overflow: auto;
  max-width: 800px;
  max-height: 600px;
  width: fit-content;
}
.filter-modal .filter-editor .filter-formula-or-sql {
  width: 700px;
}
.filter-modal .filter-editor .filter-formula-or-sql .filter-modal-alert {
  overflow-x: scroll;
}
.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;
}
.nested-filter .filterBox {
  margin: 16px;
}
.nested-filter .filterBoxColoring {
  margin: 0px 16px 16px;
}
.nested-filter .moreButtonHoverDarkBackground:hover {
  background-color: #cccccc;
}
.nested-filter .moreButtonHoverLightBackground:hover {
  background-color: #f2f2f2;
}
.nested-filter .backgroundFilter {
  background-color: white;
}
.nested-filter .gray1 {
  background-color: #f2f2f2;
  border-color: #f2f2f2;
}
.nested-filter .gray2 {
  background-color: #dddddd;
  border-color: #dddddd;
}
.nested-filter .no-selected-boolean-operator {
  width: 54px !important;
  padding-left: 4px;
  display: inline-block;
}
.nested-filter .selected-boolean-operator {
  width: 54px !important;
  padding-left: 4px;
  display: inline-block;
}
.nested-filter .selected-boolean-operator-text {
  padding-left: 4px;
  color: #333333;
}
.nested-filter .filter-condition-editor {
  display: inline-block;
}
.nested-filter .filter-no-conditions {
  display: inline-block;
  vertical-align: top;
  margin-left: 58px;
}
.nested-filter .filter-operator {
  display: inline-block;
  vertical-align: top;
}
.nested-filter .filter-gray-box {
  border-width: 0px;
  margin-bottom: 0px;
  margin-top: 5px;
}
.nested-filter .add-filter-div {
  display: inline-block;
  padding-left: 0px;
}
.nested-filter .add-filter-button:focus {
  background-color: transparent;
}
.nested-filter .add-filter-button:hover {
  background-color: #E7F3FF;
}
.nested-filter .add-filter-button:active {
  background: #c4e0fe;
}
.nested-filter .caret-button {
  width: 26px !important;
  justify-content: center;
}
.nested-filter .button-separator {
  background-color: #3b99fc;
  width: 1px;
  height: 16px;
  display: inline-block;
  vertical-align: middle;
}
.nested-filter .more-filter-button {
  padding-left: 8px !important;
}
.nested-filter .more-filter-dropdown {
  position: absolute;
  height: fit-content;
  top: 100% !important;
  left: 20%;
}
.nested-filter .more-filter-dropdown li a {
  display: flex;
}
.nested-filter .dropdown-add-a-condition {
  height: fit-content;
  position: absolute;
  top: 100% !important;
  right: 0 !important;
}
.nested-filter .add-filter-condition {
  padding-right: 8px;
  padding-left: 8px;
}
.nested-filter .add-filter-dropdown {
  display: inline-block;
  margin-left: 0px;
}
.nested-filter .standaloneGroups {
  position: relative !important;
  top: -16px !important;
}
.paddedFilterAddDiv {
  padding-left: 60px;
}
.visual-if--if-text {
  text-align: left;
  vertical-align: bottom;
  color: black;
  margin-right: 48px;
  font-weight: 500;
  font-size: 17px;
}
.visual-if--else-if-text {
  text-align: left;
  vertical-align: bottom;
  color: black;
  margin-right: 16px;
  font-weight: 500;
  font-size: 17px;
}
.if-then__nested-filter {
  width: max-content;
}
.then-editor {
  background-color: white;
  margin-top: 16px;
}
.final-else .then-editor .submit-on-blur {
  width: 192px;
  height: 16px;
}
.visual-if--then-left-text {
  text-align: left;
  color: black;
  margin-right: 22px;
  margin-left: 16px;
  font-weight: 500;
  font-size: 17px;
  display: inline-block;
}
.visual-if--else-left-text {
  text-align: left;
  color: black;
  margin-right: 26px;
  margin-left: 20px;
  font-weight: 500;
  font-size: 17px;
  display: inline-block;
}
.visual-if--then-left-blank {
  margin-right: 62px;
  margin-left: 16px;
}
.action-operator {
  padding-left: 4px;
  padding-right: 4px;
  width: 100px !important;
}
.action-operator .dku-select-button:focus {
  background-color: white;
}
.action-operator .dku-select-button:hover {
  background-color: #f2f2f2;
}
.elseThenActionTextInput {
  width: 192px !important;
  height: 16px !important;
}
.then-editor-grel-editor .CodeMirror {
  width: 270px;
  height: 100px;
}
.final-else-action-column-select {
  display: inline-block;
}
.final-else-action-column-select .bootstrap-select {
  width: 206px !important;
}
.add-action {
  display: inline-block;
  padding-left: 8px;
}
.add-filter-div {
  display: inline-block;
  padding-left: 8px;
}
.then-delete-button {
  display: inline-block;
  padding-left: 16px;
}
.then-plus-action-button {
  background-color: inherit;
}
.then-plus-action-button:hover {
  background-color: #f2f2f2 !important;
}
.visualif-formula-alert-error {
  max-width: 238px;
  max-height: 100px;
  white-space: initial;
  line-height: 100%;
  overflow-y: auto;
}
.visual-if-editor {
  background: #ffffff;
  height: 300px;
  padding: 5px 0 10px;
  margin-bottom: 5px;
  box-shadow: 0px 2px 1px 0px #cccccc;
  height: 100%;
}
.visual-if-editor .split {
  height: calc(100% - 34px);
}
.visual-if-editor .split .half-pane {
  padding: 0px;
}
.visual-if-editor .split form {
  margin-bottom: 0;
}
.visual-if-editor .editor-header {
  line-height: 32px;
  height: 32px;
  margin: 0px 20px 5px 20px;
  position: relative;
}
.visual-if-editor .editor-header > div > div > div,
.visual-if-editor .editor-header > div > div > h4 {
  margin: 0;
  display: inline-block;
  line-height: 32px;
}
.visual-if-editor .editor-header > div > div > div {
  margin-top: 2px;
}
.visual-if-editor .editor-header .totem {
  margin-right: 10px;
  font-weight: 400;
  font-size: 20px;
}
.visual-if-editor .editor-header h4 {
  font-weight: 400;
  font-size: 24px;
}
.visual-if-editor .editor-header .name {
  font-weight: 400;
  font-size: 17.5px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.visual-if-editor .editor-header .name input {
  margin-bottom: 0;
  height: 16px;
  vertical-align: baseline;
  padding: 4px;
}
.visual-if-editor .editor-header .buttons {
  float: right;
}
.visual-if-editor .editor-header .buttons .validation {
  border-color: #4caf50;
  color: #4caf50;
}
.visual-if-editor .editor-header .formula-editor-header__column-name-editor {
  display: flex;
  align-items: baseline;
  gap: 8px;
}
.visual-if-editor .editor-header .formula-editor-header__column-name-editor label {
  margin-bottom: 0;
}
.visual-if-editor .editor-header .formula-editor-header__column-name-editor input {
  margin-bottom: 0;
}
.visual-if-editor--white-background {
  background: white;
}
.visual-if-editor__position {
  padding-left: 32px;
  padding-bottom: 24px;
  overflow-x: auto;
  white-space: nowrap;
}
.visual-if-editor__alert {
  margin-bottom: 4px;
  margin-left: 20px;
  margin-right: 20px;
}
.else-if-group-button {
  background-color: white;
  display: inline-block;
  padding-left: 12px;
}
.else-if-delete-button {
  display: inline-block;
  padding-left: 4px;
}
.shaker .table-view-header .visual-if-rule {
  line-height: 10px !important;
  background-color: white !important;
}
.visual-if-rule--resizable-editor {
  overflow: hidden;
  resize: vertical;
  height: 300px;
}
.visual-if-rule-with-shadow {
  margin-bottom: 3px;
  box-shadow: 0 2px 1px 0 #cccccc !important;
}
.separation-line {
  color: #666666;
  margin: 16px;
}
.visual-if-rule .visual-if-editor {
  box-shadow: 0 0 0 0 #cccccc;
}
.color0 {
  border-left: 4px solid #28a9dd;
  border-radius: 4px;
}
.color1 {
  border-left: 4px solid #8541aa;
  border-radius: 4px;
}
.color2 {
  border-left: 4px solid #29af5d;
  border-radius: 4px;
}
.color3 {
  border-left: 4px solid #f28c38;
  border-radius: 4px;
}
.color4 {
  border-left: 4px solid #4785a4;
  border-radius: 4px;
}
.add-else-if-group-button:focus {
  background-color: white !important;
}
.add-else-if-group-button:hover {
  background-color: #e7f3ff !important;
}
.btn--close:focus {
  background-color: white !important;
}
.btn--close:hover {
  background-color: #dddddd !important;
}
.conditional-statements-text {
  color: #666666;
}
.top-if-then-else-element {
  margin-bottom: 5px;
}
.then-text {
  display: inline-block;
}
.else-if-text {
  padding-right: 10px;
  margin-bottom: 5px;
}
.purple-action-element {
  color: #770088;
}
.brown-action-element {
  color: brown;
}
.drawer-button {
  background: transparent;
  border: none;
  margin-left: 4px;
  padding: 0 6px;
}
.drawer-button:hover {
  background-color: #f2f2f2;
}
.afg-relationship-icons__icon i {
  margin: 0;
}
.afg-dataset-modal .afg-dataset-modal__modal-body,
.cutoff-time-modal .afg-dataset-modal__modal-body,
.afg-dataset-modal .cutoff-time-modal__modal-body,
.cutoff-time-modal .cutoff-time-modal__modal-body {
  position: initial;
  overflow: visible;
}
.afg-dataset-modal .afg-dataset-modal__modal-body .disabled-dropdown,
.cutoff-time-modal .afg-dataset-modal__modal-body .disabled-dropdown,
.afg-dataset-modal .cutoff-time-modal__modal-body .disabled-dropdown,
.cutoff-time-modal .cutoff-time-modal__modal-body .disabled-dropdown {
  pointer-events: none;
  opacity: 0.6;
}
.afg-dataset-modal .afg-dataset-modal__modal-body .text-weak,
.cutoff-time-modal .afg-dataset-modal__modal-body .text-weak,
.afg-dataset-modal .cutoff-time-modal__modal-body .text-weak,
.cutoff-time-modal .cutoff-time-modal__modal-body .text-weak {
  color: #666666;
}
.afg-dataset-modal .cutoff-time-modal__modal-body,
.cutoff-time-modal .cutoff-time-modal__modal-body {
  position: initial;
}
.afg-dataset-modal .cutoff-time-selected,
.cutoff-time-modal .cutoff-time-selected {
  background-color: #d9e6ed;
  padding: 16px 16px 0 16px;
}
.afg-dataset-modal__modal-small {
  width: 560px;
}
.afg-dataset-modal__modal-big {
  width: 776px;
}
.dataset-modal__bold-label,
.cutoff-time-modal__bold-label {
  font-weight: bold;
}
.dataset-modal__cutoff-time-column,
.cutoff-time-modal__cutoff-time-column {
  display: inline-flex;
}
.dataset-modal__cutoff-time-column-position {
  margin-right: 24px;
  margin-top: 2px;
}
.dataset-modal__primary-dataset-icon,
.cutoff-time-modal__primary-dataset-icon {
  color: #28a9dd;
  margin-right: 4px;
}
/* to be used combined with dataset-bullet and afg service getDatasetColorClass(datasetIndex) */
.dataset-modal__enrichment-dataset-icon {
  margin-right: 4px;
}
.dataset-modal__primary-dataset-label,
.cutoff-time-modal__primary-dataset-label {
  text-overflow: ellipsis;
  overflow: hidden;
  width: 400px;
}
.time-settings__helper {
  cursor: pointer;
}
.time-settings__helper-title {
  font-weight: bold;
}
.time-settings__helper-desc {
  max-width: 600px;
  display: block;
}
.time-settings__helper-img {
  background-color: #e7f3ff;
  margin: 16px;
}
.time-settings__helper-img-note {
  font-weight: 500;
  font-size: 13px;
}
.time-settings__helper-img-position {
  display: flex;
  justify-content: center;
}
.columns-for-computation {
  margin: 16px;
}
.columns-for-computation .fattable-default-style .fattable-viewport > div > div > div span.mx-textellipsis {
  width: fit-content;
}
.columns-for-computation .caret {
  visibility: initial;
}
.columns-for-computation.closed.is-last {
  padding-bottom: 16px;
}
.columns-for-computation.closed:not(.is-last) {
  border-bottom: 1px solid #dddddd;
}
.columns-for-computation__column-count {
  margin-left: 4px;
}
.columns-for-computation__dataset_title h2 {
  font-size: 18px;
  font-weight: 500;
}
.columns-for-computation__dataset_title-icon {
  padding: 0 8px;
}
.columns-for-computation__search-bar input {
  width: 18em;
}
.columns-for-computation__table-header {
  color: #222222;
  font-weight: 600;
  font-size: 13px;
}
.columns-for-computation__table-cell-types {
  color: #666666;
  text-transform: none;
}
.columns-for-computation__table-cell_checkbox:not(.selected) {
  visibility: hidden;
}
.columns-for-computation__variable-type-icon {
  width: 16px;
  text-align: center;
  display: inline-block;
}
.columns-for-computation__variable-type-list_icon {
  float: right;
}
.columns-for-computation__table-header-variable-type {
  margin-left: calc(11px);
}
.columns-for-computation__table-types-columns {
  width: 24%;
}
.columns_for_computation__table-columns {
  display: inline-flex;
  max-width: 88%;
  padding-top: 8px;
}
.columns_for_computation__table-columns .columns_for_computation__table-columns_column-name {
  width: fit-content;
  margin-top: 2px;
}
.columns_for_computation__table-columns .columns_for_computation__table-columns_join-key-icon {
  margin-top: 2px;
}
.columns-for-computation__table-types-columns_selection.disabled {
  pointer-events: none;
  opacity: 0.6;
}
.columns-for-computation__dataset-info {
  top: 4px;
  position: relative;
}
.dataset-modal__modal-body {
  overflow: visible;
}
.dataset-modal__date-selection {
  display: table;
}
.dataset-modal__enrichment-dataset {
  margin-top: 2px;
}
.dataset-modal__time-window-group {
  display: flex;
}
.dataset-modal__time-window-label {
  margin-right: 2px;
}
.dataset-modal__time-window-title {
  cursor: default;
}
.dataset-modal__time-window {
  width: 56px;
}
.dataset-modal__add-time-window {
  margin-left: 114px;
}
.dataset-modal__time-window-unit {
  width: fit-content;
}
.dataset-modal__time-window-button {
  pointer-events: none;
}
.dataset-modal__time-index-value {
  display: inline-block;
}
.dataset-modal__cursor-state {
  cursor: default;
}
.dataset-modal__dataset-selector .dss-object-selector-mainzone:not(.has-dataset) {
  height: 24px;
  line-height: 22px;
}
.dataset-modal__enrichment-dataset-separation-line {
  border-top: 1px solid #dddddd;
  margin: 16px 0;
}
.features-count__container {
  border-top: 1px solid #dddddd;
  display: flex;
  justify-content: space-between;
  color: #222222;
  padding: 4px 8px;
  font-weight: 500;
}
.features-count__container .features-count__title__container {
  display: flex;
}
.features-count__container .features-count__title__container .features-count__title {
  margin-right: 4px;
}
.features-count__container .features-count__title__container .features-count__tooltip {
  font-size: 17px;
}
.afg-recipe .container-features {
  display: flex;
  justify-content: space-between;
  padding: 0 16px 32px 16px;
}
.afg-recipe .container-feature {
  display: flex;
  flex: 20%;
  flex-direction: column;
}
.container-feature_header {
  padding: 4px;
}
.variable-type_icon {
  width: 13px;
  text-align: center;
  display: inline-block;
  margin-right: 5px;
}
.feat-type-desc {
  font-weight: bold;
}
.features__info {
  margin: 16px;
  background-color: #d9e6ed;
  color: #144c71;
}
.features__info dl {
  list-style-type: disc;
  margin-left: 16px;
  margin-bottom: 8px;
}
.features__info dl dd {
  display: list-item;
}
.features__type-info {
  font-weight: bold;
}
.homepage-empty-state-project-tile {
  width: 280px;
  height: 160px;
  padding: 0;
  border: none;
  outline: 2px dashed #dddddd;
  outline-offset: -1px;
  background-color: #f8f8f8;
  display: flex;
  align-items: center;
}
.homepage-empty-state-project-tile .homepage-empty-state-project-tile__left-panel {
  flex: 0 0 64px;
  align-self: stretch;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #bbbbbb;
  background: linear-gradient(to left, #f5f5f5 50%, #d9d9d9 50%) right;
  background-size: 200% 100%;
  background-position: right;
  transition: 0.25s ease-out;
}
.homepage-empty-state-project-tile .homepage-empty-state-project-tile__left-panel .homepage-empty-state-project-tile__icon-container {
  position: relative;
  width: 32px;
  height: 32px;
  line-height: 32px;
}
.homepage-empty-state-project-tile .homepage-empty-state-project-tile__left-panel .homepage-empty-state-project-tile__icon-container > * {
  position: absolute;
  top: 0;
  left: 0;
  transition: opacity 0.25s linear;
}
.homepage-empty-state-project-tile .homepage-empty-state-project-tile__left-panel .homepage-empty-state-project-tile__icon-container .homepage-empty-state-project-tile__icon {
  opacity: 1;
}
.homepage-empty-state-project-tile .homepage-empty-state-project-tile__left-panel .homepage-empty-state-project-tile__icon-container .homepage-empty-state-project-tile__animation {
  opacity: 0;
}
.homepage-empty-state-project-tile .homepage-empty-state-project-tile__description {
  flex: 1 1 auto;
  padding-left: 16px;
  display: flex;
  flex-direction: column;
  align-items: start;
  gap: 8px;
  text-align: start;
  color: #222222;
  line-height: 20px;
}
.homepage-empty-state-project-tile .homepage-empty-state-project-tile__description h3 {
  font-family: 'SourceSansPro';
  font-weight: 500;
  font-size: 16px;
  line-height: 20px;
  margin: 0;
}
.homepage-empty-state-project-tile .homepage-empty-state-project-tile__description p {
  font-family: 'SourceSansPro';
  font-weight: 400;
  font-size: 13px;
}
.homepage-empty-state-project-tile:hover,
.homepage-empty-state-project-tile:focus {
  box-shadow: 0px 4px 4px 0px #00000040;
}
.homepage-empty-state-project-tile:hover .homepage-empty-state-project-tile__left-panel,
.homepage-empty-state-project-tile:focus .homepage-empty-state-project-tile__left-panel {
  background-position: left;
}
.homepage-empty-state-project-tile:hover .homepage-empty-state-project-tile__left-panel .homepage-empty-state-project-tile__icon,
.homepage-empty-state-project-tile:focus .homepage-empty-state-project-tile__left-panel .homepage-empty-state-project-tile__icon {
  opacity: 0;
}
.homepage-empty-state-project-tile:hover .homepage-empty-state-project-tile__left-panel .homepage-empty-state-project-tile__animation,
.homepage-empty-state-project-tile:focus .homepage-empty-state-project-tile__left-panel .homepage-empty-state-project-tile__animation {
  opacity: 1;
}
.homepage-empty-state {
  height: 180px;
  display: flex;
  flex-flow: row nowrap;
  align-items: center;
  gap: 40px;
}
.homepage-empty-state .homepage-empty-state__animation {
  flex: 0 0 auto;
  width: 120px;
  height: 120px;
}
.homepage-empty-state .homepage-empty-state__description {
  flex: 1 1 auto;
}
.homepage-empty-state .homepage-empty-state__description p {
  margin-bottom: 8px;
  font-weight: 400;
  font-size: 16px;
  line-height: 22px;
  color: #222222;
}
.homepage-projects-empty-state {
  padding-bottom: 20px;
  display: flex;
  gap: 32px;
}
.my-items-content {
  display: flex;
  flex-flow: column;
  padding: 16px 0 0 0;
  background-color: white;
}
.my-items-content .my-items__right-content-banner__title {
  margin-left: 24px;
  font-size: 16px;
  justify-content: space-between;
}
.my-items-content .my-items__right-content-banner__title p {
  margin: 0;
}
.my-items-content .my-items__right-content-banner__no-items-text {
  font-size: 14px;
  margin-top: 24px;
  margin-left: 24px;
}
.my-items-content .my-items__right-content-banner {
  width: 296px;
  margin-left: 24px;
  padding-bottom: 16px;
  flex-shrink: 1;
  min-height: 0px;
  overflow: auto;
}
.my-items-content .my-items__right-content-banner .scrollable-content {
  overflow: auto;
}
.my-items-content .my-items__right-content-banner .my-items__project-subtitle {
  margin-top: 16px;
  font-weight: 500;
  font-size: 13px;
}
.my-items-content .my-items__right-content-banner .my-items__project-subtitle a {
  margin: 0;
  max-width: 250px;
  text-decoration: none;
  cursor: pointer;
  color: black;
}
.my-items-content .my-items__right-content-banner .my-items__project-subtitle a:hover {
  text-decoration: underline;
}
.my-items-content .my-items__right-content-banner .my-items__project-hr {
  margin: 4px 24px 4px 0;
  border: 1px solid #dddddd;
}
.my-items-content .my-items__right-content-banner .my-items__project-items-list {
  position: relative;
}
.my-items-content .my-items__right-content-banner .my-items__project-items-list .my-items__item {
  width: 270px;
  justify-content: space-between;
  height: 32px;
}
.my-items-content .my-items__right-content-banner .my-items__project-items-list .my-items__item .item-link {
  text-decoration: none;
  width: 100%;
}
.my-items-content .my-items__right-content-banner .my-items__project-items-list .my-items__item .item-link .my-items__item-subtitle {
  font-size: 13px;
  margin-left: 4px;
}
.my-items-content .my-items__right-content-banner .my-items__project-items-list .my-items__item .item-link .my-items__item-subtitle p {
  margin: 0;
  max-width: 200px;
  color: black;
}
.my-items-content .my-items__right-content-banner .my-items__project-items-list .my-items__item .item-link:hover p {
  text-decoration: underline;
}
.my-items-content .my-items__right-content-banner .my-items__project-items-list .my-items__item .illustration {
  width: 24px;
  height: 24px;
  border-radius: 16px;
  margin-right: 4px;
}
.my-items-content .my-items__right-content-banner .my-items__project-items-list .my-items__item .interests-star {
  cursor: pointer;
}
.my-items-content .flex-align {
  display: flex;
  align-items: center;
}
.my-items-content .flex-center {
  display: flex;
  justify-content: center;
}
.my-items-content .overflow-ellipsis {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.my-items-v2 standardized-side-panel .right-panel {
  z-index: 1;
}
.my-items-v2 standardized-side-panel .right-panel--opened {
  left: calc(100% - 360px);
}
.my-items-v2 standardized-side-panel .right-panel--opened .right-panel__content {
  width: 320px;
}
.generate-documentation-approval-button {
  color: #3b99fc;
  background-color: transparent;
}
.generate-documentation-approval-button:hover,
.generate-documentation-approval-button.selected {
  color: #3b99fc;
  background-color: #e7f3ff;
}
.generate-documentation-approval-button:active {
  color: #3b99fc;
  background-color: transparent;
}
.generate-documentation-dismiss-button {
  background-color: transparent;
}
.generate-documentation-dismiss-button:hover,
.generate-documentation-dismiss-button.selected {
  color: #dd5969;
  background-color: #f9e3e5;
}
.generate-documentation-dismiss-button:active {
  background-color: transparent;
}
.generate-documentation-modal-body_settings-header {
  display: flex;
  gap: 16px;
  align-items: center;
  flex-wrap: wrap;
}
.generate-documentation-modal-body_settings-language {
  font-weight: bold;
}
.generate-documentation-modal-body_settings-generate-btn {
  display: flex;
  align-items: center;
  border-color: #2ab1ac;
  color: #2ab1ac;
}
.generate-documentation-modal-body_settings-generate-btn:hover {
  color: #2ab1ac;
}
.generate-documentation-modal-body_dataset-descriptions-tab__title {
  text-align: center;
  font-weight: bold;
  padding-top: 16px;
}
.generate-documentation-modal-body_dataset-descriptions-tab__descriptions {
  padding-top: 16px;
  font-weight: bold;
}
.generate-documentation-modal-body_dataset-descriptions-ai-generated-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.generate-documentation-modal-body_dataset-descriptions-approval-buttons {
  margin-top: 8px;
}
.generate-documentation-modal-body_dataset-descriptions-ai-generated .generate-documentation-modal-body_dataset-descriptions-ai-generated-header:last-of-type div {
  margin-top: 10px;
}
.generate-documentation-modal-body_dataset-descriptions-tab-short-descriptions {
  padding: 8px;
  flex: 2;
}
.generate-documentation-modal-body_dataset-descriptions-tab-long-descriptions {
  padding: 8px;
  flex: 8;
  max-height: 200px;
}
.generate-documentation-modal-body_dataset-descriptions-tab-empty-descriptions {
  display: flex;
  background-color: #f2f2f2;
}
.generate-documentation-modal-body_dataset-descriptions-existing {
  display: flex;
  padding: 0 20px 20px 0;
}
.generate-documentation-modal-body_dataset-descriptions-ai-generated {
  display: flex;
  padding: 0 0 20px 20px;
}
.generate-documentation-modal-body_column-descriptions-tab-table-row {
  height: 43px;
}
.schedule-scenario-modal__section {
  padding: 8px 8px;
}
.dkuform-modal-horizontal .schedule-scenario-modal__section .control-group {
  margin-top: 8px;
  margin-bottom: 8px;
}
.schedule-scenario-modal__subtitle {
  font-size: 18px;
  line-height: 36px;
  font-weight: 400;
  color: #333333;
  margin-top: 0;
  margin-bottom: 12px;
}
.schedule-scenario-modal__control-group {
  margin-top: 8px;
  margin-bottom: 8px;
  width: 100%;
}
.schedule-scenario-modal__control-group .control-group {
  margin-top: 8px;
  margin-bottom: 8px;
}
.schedule-scenario-modal__section div.shorter.shorter.shorter.shorter.shorter.shorter.bootstrap-select {
  width: 142px;
}
.pinned-items-list {
  --pin-menu-max-height: 100vh;
  max-height: var(--pin-menu-max-height);
  overflow-y: auto;
}
.add_dataset_workflow__selection-pane--wide {
  width: var(--menu-width);
}
.add_dataset_workflow__selection-pane--wide .view-list {
  --list-min-height: 280px;
  min-height: var(--list-min-height);
  height: var(--menu-height);
  overflow-y: auto;
  overflow-x: clip;
}
.add_dataset_workflow__selection-pane--wide .view-list .multi_column {
  columns: var(--column-count);
  column-fill: var(--column-fill);
  column-rule: 1px solid #f2f2f2;
  border-top: 1px solid #f2f2f2;
  box-sizing: border-box;
  margin: 0 0 4px 0;
  min-height: var(--list-min-height);
  height: var(--internal-list-height);
}
.add_dataset_workflow__selection-pane--wide .view-list .multi_column .list-section-header {
  margin: 8px 4px 8px 4px;
  padding-bottom: 0;
}
.add_dataset_workflow__selection-pane--wide .view-list .multi_column > li {
  break-inside: avoid;
}
.add_dataset_workflow__selection-pane--wide .view-list .multi_column > li:has( ul > li:nth-child(11)) {
  break-inside: auto;
}
.add_dataset_workflow__selection-pane--wide .view-list .multi_column .list-section {
  margin-left: 0;
  padding: 0;
}
.add_dataset_workflow__selection-pane--wide .view-list .multi_column .list-section div {
  padding-left: 8px;
}
.add_dataset_workflow__selection-pane--wide .view-list .multi_column .list-section > ul > li {
  padding-left: 16px;
}
.add_dataset_workflow__selection-pane--wide .view-list .multi_column > li:hover {
  background-color: #ffffff;
}
.add_dataset_workflow__selection-pane--wide .view-list .multi_column a[disabled],
.add_dataset_workflow__selection-pane--wide .view-list .multi_column a:disabled,
.add_dataset_workflow__selection-pane--wide .view-list .multi_column a.disabled {
  opacity: 0.5;
  cursor: default;
  pointer-events: none;
}
.add_dataset_workflow__selection-pane--wide .view-list .multi_column .list-section:not(:first-child) {
  border-top: 1px solid #f2f2f2;
}
.add_dataset_workflow__selection-pane--wide .view-list .multi_column li.pinnable .pinned .pin-filled {
  color: #bbbbbb;
  display: block;
}
.add-dataset-workflow-modal {
  max-height: 90vh;
}
.add-dataset-workflow-modal-body.add-dataset-workflow-modal-body {
  --modal-container-height: 660px;
  --column-count: 3;
  --column-width: 258px;
  --internal-list-height: var(--modal-container-height);
  --column-fill: balanced;
  --menu-width: calc(var(--column-width) * var(--column-count));
  padding: 0;
  margin: 0;
  position: relative;
  max-height: none;
  overflow-y: auto;
}
.add-dataset-workflow-modal-body.add-dataset-workflow-modal-body .add_dataset_workflow__selection-pane--wide {
  margin: 8px;
  border: none;
  max-height: min(var(--modal-container-height), calc(90vh - 90px));
}
.add-dataset-workflow-modal-body.add-dataset-workflow-modal-body .add_dataset_workflow__selection-pane--wide .view-list {
  height: auto;
}
button.add_dataset_workflow__button {
  padding: 6.4px 8px;
  font-size: 13px;
  display: flex;
  align-items: center;
  font-family: 'SourceSansPro';
  border-radius: 2px !important;
  line-height: 16px;
  font-weight: 500;
  gap: 4px;
}
button.add_dataset_workflow__button .btn--secondary {
  white-space: nowrap;
}
#flow-widgets-container add-dataset-workflow-container {
  pointer-events: none;
}
#flow-widgets-container add-dataset-workflow-container > * {
  pointer-events: initial;
}
.add_dataset_workflow__wrapper {
  display: flex;
  flex-direction: column;
}
.add_dataset_workflow__dropdown {
  box-sizing: border-box;
  --column-count: 2;
  --menu-height: 60vh;
  --column-width: 250px;
  --internal-list-height: auto;
  --column-fill: auto;
  --menu-width: calc(var(--column-width) * var(--column-count));
  max-width: var(--menu-width);
  margin-top: 4px;
}
.add_dataset_workflow__selection-pane {
  width: var(--column-width);
  min-width: var(--column-width);
  --column-width: 250px;
}
.add_dataset_workflow__selection-pane,
.add_dataset_workflow__selection-pane--wide {
  font-family: 'SourceSansPro';
  color: #333333;
  font-size: 13px;
  border: 1px solid #dddddd;
  border-radius: 2px;
  box-sizing: border-box;
  /*
    Search bar section
   */
  /*
    End searchbar section
   */
  /**
   Pinning section
   */
  /**
   End Pinning section
   */
}
.add_dataset_workflow__selection-pane .dropdown-menu,
.add_dataset_workflow__selection-pane--wide .dropdown-menu {
  box-shadow: none;
}
.add_dataset_workflow__selection-pane .search-bar-wrapper,
.add_dataset_workflow__selection-pane--wide .search-bar-wrapper {
  width: 100%;
  padding-top: 6px;
  padding-bottom: 6px;
  background-color: #ffffff;
  position: sticky;
  display: flex;
  justify-content: space-between;
  top: 0;
  z-index: 1;
}
.add_dataset_workflow__selection-pane .search-bar-wrapper .add_dataset_workflow__selection-pane__connection_count_wrapper,
.add_dataset_workflow__selection-pane--wide .search-bar-wrapper .add_dataset_workflow__selection-pane__connection_count_wrapper {
  display: flex;
  align-items: center;
}
.add_dataset_workflow__selection-pane .search-bar-wrapper .add_dataset_workflow__selection-pane__connection_count_wrapper .add_dataset_workflow__selection-pane__connection_count,
.add_dataset_workflow__selection-pane--wide .search-bar-wrapper .add_dataset_workflow__selection-pane__connection_count_wrapper .add_dataset_workflow__selection-pane__connection_count {
  font-weight: 400;
  color: #666666;
  font-size: 13px;
  line-height: 16px;
}
.add_dataset_workflow__selection-pane .search-bar-wrapper basic-search-box,
.add_dataset_workflow__selection-pane--wide .search-bar-wrapper basic-search-box {
  --search-box-margins: 45px;
  --basic-search-box-input-width: calc(var(--column-width) - var(--search-box-margins));
  margin-left: 8px;
}
.add_dataset_workflow__selection-pane .search-bar-wrapper basic-search-box .basic-search-box__addon-icon,
.add_dataset_workflow__selection-pane--wide .search-bar-wrapper basic-search-box .basic-search-box__addon-icon {
  background: #ffffff;
}
.add_dataset_workflow__selection-pane .search-bar-wrapper basic-search-box input,
.add_dataset_workflow__selection-pane--wide .search-bar-wrapper basic-search-box input {
  padding-left: 0px;
  border-left: 0;
}
.add_dataset_workflow__selection-pane .search-bar-wrapper basic-search-box input:focus,
.add_dataset_workflow__selection-pane--wide .search-bar-wrapper basic-search-box input:focus {
  border: 1px solid #dddddd;
  border-left: 0;
  box-shadow: none;
}
.add_dataset_workflow__selection-pane .pin_wrapper,
.add_dataset_workflow__selection-pane--wide .pin_wrapper {
  width: 16px;
  margin-right: 5px;
}
.add_dataset_workflow__selection-pane .pin,
.add_dataset_workflow__selection-pane--wide .pin,
.add_dataset_workflow__selection-pane .pin-filled,
.add_dataset_workflow__selection-pane--wide .pin-filled {
  color: #444444;
  cursor: pointer;
  display: none;
}
.add_dataset_workflow__selection-pane li.pinnable,
.add_dataset_workflow__selection-pane--wide li.pinnable {
  display: flex;
}
.add_dataset_workflow__selection-pane li.pinnable > a,
.add_dataset_workflow__selection-pane--wide li.pinnable > a {
  flex: 1;
}
.add_dataset_workflow__selection-pane li.pinnable:hover .pin,
.add_dataset_workflow__selection-pane--wide li.pinnable:hover .pin,
.add_dataset_workflow__selection-pane li.pinnable:focus .pin,
.add_dataset_workflow__selection-pane--wide li.pinnable:focus .pin {
  display: block;
}
.add_dataset_workflow__selection-pane li.pinnable:hover .pin-filled,
.add_dataset_workflow__selection-pane--wide li.pinnable:hover .pin-filled,
.add_dataset_workflow__selection-pane li.pinnable:focus .pin-filled,
.add_dataset_workflow__selection-pane--wide li.pinnable:focus .pin-filled {
  display: none;
}
.add_dataset_workflow__selection-pane li.pinnable:hover .pin_wrapper.pinned .pin,
.add_dataset_workflow__selection-pane--wide li.pinnable:hover .pin_wrapper.pinned .pin,
.add_dataset_workflow__selection-pane li.pinnable:focus .pin_wrapper.pinned .pin,
.add_dataset_workflow__selection-pane--wide li.pinnable:focus .pin_wrapper.pinned .pin {
  display: none;
}
.add_dataset_workflow__selection-pane li.pinnable:hover .pin_wrapper.pinned .pin-filled,
.add_dataset_workflow__selection-pane--wide li.pinnable:hover .pin_wrapper.pinned .pin-filled,
.add_dataset_workflow__selection-pane li.pinnable:focus .pin_wrapper.pinned .pin-filled,
.add_dataset_workflow__selection-pane--wide li.pinnable:focus .pin_wrapper.pinned .pin-filled {
  color: #444444;
  display: block;
}
.add_dataset_workflow__selection-pane .list-section-header,
.add_dataset_workflow__selection-pane--wide .list-section-header {
  padding-left: 8px;
  padding-bottom: 2px;
  margin: 8px 2px 8px 2px;
  font-size: 13px;
  line-height: 15px;
  color: #333333;
  font-weight: 500;
}
.add_dataset_workflow__selection-pane ul,
.add_dataset_workflow__selection-pane--wide ul {
  list-style: none;
  margin: 0;
  /* Submenu section */
  /* end Submenu section */
}
.add_dataset_workflow__selection-pane ul li,
.add_dataset_workflow__selection-pane--wide ul li {
  margin: 0;
  padding: 4px 4px 4px 8px;
  overflow-x: hidden;
}
.add_dataset_workflow__selection-pane ul li.divider,
.add_dataset_workflow__selection-pane--wide ul li.divider {
  padding: 0;
}
.add_dataset_workflow__selection-pane ul li:last-of-type,
.add_dataset_workflow__selection-pane--wide ul li:last-of-type {
  padding-bottom: 8px;
}
.add_dataset_workflow__selection-pane ul li a,
.add_dataset_workflow__selection-pane--wide ul li a {
  font-weight: normal;
  line-height: 20px;
  color: #333333;
  text-decoration: none;
  width: calc(95%);
  overflow-x: hidden;
  text-overflow: ellipsis;
}
.add_dataset_workflow__selection-pane ul li:hover,
.add_dataset_workflow__selection-pane--wide ul li:hover {
  background-image: none;
  background-color: #f2f2f2;
  color: #333333;
}
.add_dataset_workflow__selection-pane ul li:hover button,
.add_dataset_workflow__selection-pane--wide ul li:hover button {
  background-image: none;
  background-color: #f2f2f2;
  color: #333333;
}
.add_dataset_workflow__selection-pane ul li:has(>a:focus),
.add_dataset_workflow__selection-pane--wide ul li:has(>a:focus) {
  background-image: none;
  background-color: #f2f2f2;
  color: #333333;
}
.add_dataset_workflow__selection-pane ul li button span,
.add_dataset_workflow__selection-pane--wide ul li button span,
.add_dataset_workflow__selection-pane ul li a span,
.add_dataset_workflow__selection-pane--wide ul li a span {
  flex: 1;
}
.add_dataset_workflow__selection-pane ul li button i,
.add_dataset_workflow__selection-pane--wide ul li button i,
.add_dataset_workflow__selection-pane ul li a i,
.add_dataset_workflow__selection-pane--wide ul li a i {
  display: inline-block;
  margin-left: 8px;
  margin-right: 8px;
  text-align: center;
  width: 16px;
}
.add_dataset_workflow__selection-pane ul li button:focus,
.add_dataset_workflow__selection-pane--wide ul li button:focus,
.add_dataset_workflow__selection-pane ul li a:focus,
.add_dataset_workflow__selection-pane--wide ul li a:focus {
  background-image: none;
  background-color: #f2f2f2;
  color: #333333;
}
.add_dataset_workflow__selection-pane ul li button,
.add_dataset_workflow__selection-pane--wide ul li button {
  text-align: left;
  font-family: 'SourceSansPro';
  color: #333333;
  font-size: 13px;
  margin: 0;
  border: none;
  padding: 0;
  background-color: #ffffff;
  gap: 4px;
  --after-element-width: 10px;
  width: calc(100% - var(--after-element-width));
  display: flex;
}
.add_dataset_workflow__selection-pane ul li button:hover,
.add_dataset_workflow__selection-pane--wide ul li button:hover {
  background-image: none;
  background-color: #f2f2f2;
  color: #333333;
}
.add_dataset_workflow__selection-pane ul li.dropdown-submenu .dropdown-menu,
.add_dataset_workflow__selection-pane--wide ul li.dropdown-submenu .dropdown-menu {
  margin-right: 0;
  border: 1px solid #dddddd;
  border-radius: 2px;
}
.add_dataset_workflow__selection-pane ul li.dropdown-submenu .dropdown-menu li:not(.divider),
.add_dataset_workflow__selection-pane--wide ul li.dropdown-submenu .dropdown-menu li:not(.divider) {
  padding: 0 4px 4px 0;
}
.add_dataset_workflow__selection-pane ul li.dropdown-submenu .dropdown-menu li:not(.divider) a i,
.add_dataset_workflow__selection-pane--wide ul li.dropdown-submenu .dropdown-menu li:not(.divider) a i {
  margin-left: 4px;
}
.add_dataset_workflow__selection-pane ul li.dropdown-submenu button:after,
.add_dataset_workflow__selection-pane--wide ul li.dropdown-submenu button:after {
  position: relative;
  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;
}
.add_dataset_workflow__selection-pane .new-streaming-endpoint-menu__container,
.add_dataset_workflow__selection-pane--wide .new-streaming-endpoint-menu__container {
  width: 100%;
}
.add_dataset_workflow__selection-pane hr,
.add_dataset_workflow__selection-pane--wide hr {
  margin: 0;
  border: 1px solid #f2f2f2;
  border-bottom: #ffffff;
}
.add_dataset_workflow__selection-pane .placeholder,
.add_dataset_workflow__selection-pane--wide .placeholder {
  padding: 8px;
  color: #666666;
  text-align: center;
}
.add_dataset_workflow__selection-pane .button_multiline,
.add_dataset_workflow__selection-pane--wide .button_multiline {
  display: flex;
  flex-direction: column;
  justify-items: start;
}
.add_dataset_workflow__selection-pane .button_multiline div,
.add_dataset_workflow__selection-pane--wide .button_multiline div {
  display: flex;
  text-align: left;
}
.add_dataset_workflow__selection-pane .alert-error,
.add_dataset_workflow__selection-pane--wide .alert-error {
  padding: 8px;
  text-align: center;
}
.add_dataset_workflow__selection-pane .list_item__label,
.add_dataset_workflow__selection-pane--wide .list_item__label {
  line-height: 20px;
  font-size: 13px;
  color: #222222;
}
.add_dataset_workflow__selection-pane .list_item__description,
.add_dataset_workflow__selection-pane--wide .list_item__description {
  line-height: 15px;
  font-size: 10px;
  color: #666666;
}
.conditional-formatting-group-editor {
  height: 100%;
  padding: 4px 4px 0px 4px;
}
.conditional-formatting-group-editor.disabled {
  opacity: 0.7;
  pointer-events: none;
}
.conditional-formatting-group-editor h2 {
  font-size: 13px;
  font-weight: 400;
  line-height: 16px;
  margin: 4px 0 0 0;
}
.conditional-formatting-group-editor .columns {
  margin-bottom: 12px;
  min-height: 42px;
}
.conditional-formatting-group-editor .columns .control-group {
  margin: 0;
}
.conditional-formatting-group-editor .columns .selected-columns .btn-group,
.conditional-formatting-group-editor .columns .no-selected-columns .btn-group {
  width: 100% !important;
}
.conditional-formatting-group-editor .columns .no-selected-columns .btn-group {
  border: 1px solid #ce1228;
}
.conditional-formatting-group-editor .columns .error-msg {
  color: #ce1228;
}
.conditional-formatting-group-editor .schemes {
  margin-bottom: 6px;
}
.conditional-formatting-group-editor .schemes label {
  display: block;
  font-size: 12px;
  margin: 1px 0 0 4px;
  width: fit-content;
}
.conditional-formatting-group-editor .schemes label input {
  float: left;
  margin: 3px 5px 0 0;
}
.conditional-formatting-group-editor .rules-btn-wrapper {
  display: flex;
  margin-top: 3px;
  position: absolute;
  right: 4px;
  text-align: center;
}
.conditional-formatting-group-editor .rules-btn-wrapper a {
  background-color: transparent;
  height: 18px;
  width: 18px;
}
.conditional-formatting-group-editor .rules-btn-wrapper .btn-collapse,
.conditional-formatting-group-editor .rules-btn-wrapper .btn-expand {
  color: #666666;
  text-decoration: none;
}
.conditional-formatting-group-editor .rules-btn-wrapper .btn-collapse:hover,
.conditional-formatting-group-editor .rules-btn-wrapper .btn-expand:hover {
  color: #196bfa;
}
.conditional-formatting-group-editor .scale {
  margin-bottom: 4px;
  margin-top: 10px;
}
.conditional-formatting-group-editor .scale .palette {
  margin-top: 2px;
}
.conditional-formatting-group-editor .scale .palette .ng-select {
  max-width: 100%;
  width: 100%;
}
.conditional-formatting-group-editor .scale .export-content {
  margin-top: 4px;
}
.conditional-formatting-group-editor .scale .export-content .params-header {
  cursor: pointer;
  display: flex;
}
.conditional-formatting-group-editor .scale .export-content .params-header .toggle-icon {
  margin-left: 4px;
  margin-top: 2px;
}
.conditional-formatting-group-editor .scale .export-content .numerical {
  display: grid;
}
.conditional-formatting-group-editor .scale .export-content .numerical div {
  display: flex;
  padding-top: 6px;
}
.conditional-formatting-group-editor .scale .export-content .numerical div input {
  margin: 0;
  width: 100%;
}
.conditional-formatting-group-editor .scale .export-content .numerical div input[type="number"].ng-invalid {
  border: 1px solid #ce1228;
  color: #ce1228;
}
.conditional-formatting-group-editor .scale .export-content .numerical div span {
  align-content: center;
  overflow: hidden;
  padding-right: 4px;
  padding-left: 4px;
  text-align: left;
  text-overflow: ellipsis;
  white-space: nowrap;
  width: 48px;
}
.conditional-formatting-group-editor .scale .export-warning {
  color: #f28c37;
  display: inline-block;
}
.conditional-formatting-group-editor .scale .export-warning .warn-icon {
  position: relative;
  top: 3px;
}
.conditional-formatting-group-editor .cf-rules,
.cf-rules.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: O;
}
.conditional-formatting-group-editor .cf-rules > li,
.cf-rules.angular-ui-tree-nodes.angular-ui-tree-drag > li {
  border: 1px #dddddd solid;
  font-size: 12px;
  list-style: none;
  margin: 2px 0 6px 0;
  background-color: #ffffff;
}
.conditional-formatting-group-editor .cf-rules > li.angular-ui-tree-placeholder,
.cf-rules.angular-ui-tree-nodes.angular-ui-tree-drag > li.angular-ui-tree-placeholder {
  background-color: transparent !important;
  background: transparent !important;
  border: 1px dashed #dddddd;
}
.conditional-formatting-group-editor .cf-rules > li .rule-header,
.cf-rules.angular-ui-tree-nodes.angular-ui-tree-drag > li .rule-header {
  display: flex;
}
.conditional-formatting-group-editor .cf-rules > li .rule-header .toggle-zone,
.cf-rules.angular-ui-tree-nodes.angular-ui-tree-drag > li .rule-header .toggle-zone {
  cursor: pointer;
  display: flex;
  padding-left: 3px;
  padding-top: 3px;
  width: -webkit-fill-available;
}
.conditional-formatting-group-editor .cf-rules > li .rule-header .toggle-zone .icons,
.cf-rules.angular-ui-tree-nodes.angular-ui-tree-drag > li .rule-header .toggle-zone .icons {
  display: flex;
}
.conditional-formatting-group-editor .cf-rules > li .rule-header .toggle-zone .icons .border,
.cf-rules.angular-ui-tree-nodes.angular-ui-tree-drag > li .rule-header .toggle-zone .icons .border {
  border-left: 6px solid transparent;
  height: 19px;
  margin-left: 4px;
}
.conditional-formatting-group-editor .cf-rules > li .rule-header .toggle-zone .icons .dragger,
.cf-rules.angular-ui-tree-nodes.angular-ui-tree-drag > li .rule-header .toggle-zone .icons .dragger {
  color: #999999;
}
.conditional-formatting-group-editor .cf-rules > li .rule-header .toggle-zone .title,
.cf-rules.angular-ui-tree-nodes.angular-ui-tree-drag > li .rule-header .toggle-zone .title {
  font-size: 13px;
  font-weight: 500;
  margin-left: 4px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  width: 190px;
}
.conditional-formatting-group-editor .cf-rules > li .rule-header .options-btn-wrapper,
.cf-rules.angular-ui-tree-nodes.angular-ui-tree-drag > li .rule-header .options-btn-wrapper {
  display: flex;
  margin-top: 2px;
  position: absolute;
  right: 3px;
  text-align: center;
}
.conditional-formatting-group-editor .cf-rules > li .rule-header .options-btn-wrapper a,
.cf-rules.angular-ui-tree-nodes.angular-ui-tree-drag > li .rule-header .options-btn-wrapper a {
  background-color: transparent;
  height: 18px;
  width: 18px;
}
.conditional-formatting-group-editor .cf-rules > li .rule-header .options-btn-wrapper .btn-options,
.cf-rules.angular-ui-tree-nodes.angular-ui-tree-drag > li .rule-header .options-btn-wrapper .btn-options {
  color: #333333;
  text-decoration: none;
}
.conditional-formatting-group-editor .cf-rules > li .rule-header .options-btn-wrapper .btn-options:hover,
.cf-rules.angular-ui-tree-nodes.angular-ui-tree-drag > li .rule-header .options-btn-wrapper .btn-options:hover {
  color: #196bfa;
}
.conditional-formatting-rule-editor {
  padding-left: 6px;
  margin: 2px 6px 6px 10px;
  border-left: 6px solid;
}
.conditional-formatting-rule-editor .inputs {
  margin: 2px 0 6px 0;
}
.conditional-formatting-rule-editor .inputs input[type="text"],
.conditional-formatting-rule-editor .inputs input[type="number"] {
  margin: 0;
  width: calc(100% - 14px);
}
.conditional-formatting-rule-editor .inputs input[type="date"],
.conditional-formatting-rule-editor .inputs input[type="time"] {
  margin: O 0 2px 0;
  width: 178px;
}
.conditional-formatting-rule-editor .inputs input[type="number"].ng-invalid {
  border: 1px solid #ce1228;
  color: #ce1228;
}
.conditional-formatting-rule-editor .inputs .input-read-only {
  background-color: white;
  cursor: pointer;
  margin: 0;
}
.conditional-formatting-rule-editor .inputs .date-units {
  display: flex;
  padding-top: 6px;
}
.conditional-formatting-rule-editor .inputs .date-units .btn-group {
  width: 120px !important;
}
.conditional-formatting-rule-editor .inputs .date-units .date-truncated {
  align-content: center;
  overflow: hidden;
  padding-right: 4px;
  text-align: left;
  text-overflow: ellipsis;
  white-space: nowrap;
  width: 68px;
}
.conditional-formatting-rule-editor .inputs .filter-value-range {
  display: flex;
}
.conditional-formatting-rule-editor .inputs .filter-value-range div input {
  width: 88px !important;
}
.conditional-formatting-rule-editor .inputs .filter-value-range .and-number {
  align-content: center;
  max-width: 100%;
  overflow: hidden;
  text-align: center;
  text-overflow: ellipsis;
  white-space: nowrap;
  width: 100%;
}
.conditional-formatting-rule-editor .inputs .condition-item-list {
  background-color: white;
  box-shadow: 2px 2px 8px 1px #cccccc;
  margin-left: 2px;
  overflow: auto;
  padding: 0 4px 4px 4px;
  position: relative;
  width: calc(100% - 12px);
  z-index: 4001;
}
.conditional-formatting-rule-editor .inputs .condition-item-list table {
  width: 100%;
}
.conditional-formatting-rule-editor .inputs .condition-item-list-value {
  border-bottom: 1px solid #dddddd;
  padding-bottom: 4px;
  padding-top: 4px;
  width: calc(100% - 14px);
}
.conditional-formatting-rule-editor .inputs .condition-item-list-value .condition-item-value {
  display: flex;
}
.conditional-formatting-rule-editor .inputs .condition-item-list-value .condition-item-value .trash {
  align-content: center;
  margin-left: 4px;
}
.conditional-formatting-rule-editor .inputs .condition-item-list-add-value {
  display: inline-block;
  padding-top: 4px;
}
.conditional-formatting-rule-editor .operator-select .btn-group {
  width: 100% !important;
}
.conditional-formatting-rule-editor .apply-colors {
  display: flex;
}
.conditional-formatting-rule-editor .apply-colors .filter-option.shaker-color-rule--red-background,
.conditional-formatting-rule-editor .apply-colors .filter-option.shaker-color-rule--orange-background,
.conditional-formatting-rule-editor .apply-colors .filter-option.shaker-color-rule--green-background {
  max-width: 103px;
  min-width: 103px;
  padding-left: 4px;
  padding-right: 7px;
  padding-top: 1px;
}
.conditional-formatting-rule-editor .apply-colors .filter-option.shaker-color-rule--red-text,
.conditional-formatting-rule-editor .apply-colors .filter-option.shaker-color-rule--orange-text,
.conditional-formatting-rule-editor .apply-colors .filter-option.shaker-color-rule--green-text,
.conditional-formatting-rule-editor .apply-colors .filter-option.shaker-color-rule--custom {
  padding-left: 4px;
  padding-top: 1px;
  width: 117px !important;
}
.conditional-formatting-rule-editor .apply-colors .color-select {
  margin: 0;
  width: 144px !important;
}
.conditional-formatting-rule-editor .apply-colors .pickers {
  display: flex;
  height: 25px;
  position: absolute;
  right: 6px;
}
.conditional-formatting-rule-editor .apply-colors .pickers .color-picker-item-icon {
  height: 100%;
}
.cf-spinner-container {
  top: 50% !important;
  left: 50% !important;
  margin: -30px 0 0 -30px !important;
  border-radius: 30px !important;
  width: 60px !important;
  height: 60px !important;
}
.conditional-formatting-editor {
  display: flex;
  flex-direction: column;
  height: calc(100% - 40px);
  max-height: 100%;
  overflow: auto;
  position: absolute;
  width: 100%;
}
.conditional-formatting-editor .cf-header {
  border-bottom: 1px solid #dddddd;
  color: #bbbbbb;
  display: flex;
  flex: 0 0 auto;
  flex-direction: row;
  font-size: 12px;
  margin: 0;
  padding: 0;
}
.conditional-formatting-editor .groups-wrapper {
  flex: 1 1 0;
  margin: 8px;
}
.conditional-formatting-editor .groups-wrapper.nogroup-wrapper {
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.conditional-formatting-editor .groups-wrapper .nogroup {
  text-align: center;
}
.conditional-formatting-editor .groups-wrapper .nogroup h4 {
  color: #666666;
  font-size: 16px;
  font-weight: 600;
  margin: 24px 0 8px 0;
}
.conditional-formatting-editor .groups-wrapper .nogroup img {
  height: 200px;
}
.conditional-formatting-editor .groups-wrapper .nogroup p {
  color: #666666;
  margin: 0;
}
.conditional-formatting-editor .groups-wrapper .nogroup span {
  color: #666666;
}
.conditional-formatting-editor .groups-wrapper .cf-groups,
.cf-groups.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: 0;
}
.conditional-formatting-editor .groups-wrapper .cf-groups > li,
.cf-groups.angular-ui-tree-nodes.angular-ui-tree-drag > li {
  font-size: 12px;
  list-style: none;
  margin-bottom: 8px;
}
.conditional-formatting-editor .groups-wrapper .cf-groups > li.angular-ui-tree-placeholder,
.cf-groups.angular-ui-tree-nodes.angular-ui-tree-drag > li.angular-ui-tree-placeholder {
  background-color: transparent !important;
  background: transparent !important;
  border: 1px dashed #dddddd;
}
.conditional-formatting-editor .groups-wrapper .cf-groups > li.active,
.cf-groups.angular-ui-tree-nodes.angular-ui-tree-drag > li.active {
  background-color: #ffffff;
  box-shadow: 0px 2px 1px 0px #cccccc;
}
.conditional-formatting-editor .groups-wrapper .cf-groups > li.active .group,
.cf-groups.angular-ui-tree-nodes.angular-ui-tree-drag > li.active .group {
  box-shadow: none;
}
.conditional-formatting-editor .groups-wrapper .cf-groups > li .group,
.cf-groups.angular-ui-tree-nodes.angular-ui-tree-drag > li .group {
  border: 1px #dddddd solid;
  padding: 3px;
  background-color: #f9f9f9;
}
.conditional-formatting-editor .groups-wrapper .cf-groups > li .group.disabled,
.cf-groups.angular-ui-tree-nodes.angular-ui-tree-drag > li .group.disabled {
  opacity: 0.7;
}
.conditional-formatting-editor .groups-wrapper .cf-groups > li .group.focused,
.cf-groups.angular-ui-tree-nodes.angular-ui-tree-drag > li .group.focused {
  border: 1px solid #3b99fc;
  box-shadow: none;
}
.conditional-formatting-editor .groups-wrapper .cf-groups > li .group .group-header,
.cf-groups.angular-ui-tree-nodes.angular-ui-tree-drag > li .group .group-header {
  display: flex;
}
.conditional-formatting-editor .groups-wrapper .cf-groups > li .group .group-header .dragger-zone,
.cf-groups.angular-ui-tree-nodes.angular-ui-tree-drag > li .group .group-header .dragger-zone {
  display: flex;
}
.conditional-formatting-editor .groups-wrapper .cf-groups > li .group .group-header .dragger-zone .icons,
.cf-groups.angular-ui-tree-nodes.angular-ui-tree-drag > li .group .group-header .dragger-zone .icons {
  display: flex;
}
.conditional-formatting-editor .groups-wrapper .cf-groups > li .group .group-header .dragger-zone .icons .dragger,
.cf-groups.angular-ui-tree-nodes.angular-ui-tree-drag > li .group .group-header .dragger-zone .icons .dragger {
  color: #999999;
}
.conditional-formatting-editor .groups-wrapper .cf-groups > li .group .group-header .dragger-zone span.selector,
.cf-groups.angular-ui-tree-nodes.angular-ui-tree-drag > li .group .group-header .dragger-zone span.selector {
  color: #bbbbbb;
  margin-right: 2px;
  opacity: 1;
}
.conditional-formatting-editor .groups-wrapper .cf-groups > li .group .group-header .toggle-zone,
.cf-groups.angular-ui-tree-nodes.angular-ui-tree-drag > li .group .group-header .toggle-zone {
  cursor: pointer;
  display: flex;
  width: -webkit-fill-available;
}
.conditional-formatting-editor .groups-wrapper .cf-groups > li .group .group-header .toggle-zone .title,
.cf-groups.angular-ui-tree-nodes.angular-ui-tree-drag > li .group .group-header .toggle-zone .title {
  font-size: 13px;
  font-weight: 600;
  margin-left: 4px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  width: 192px;
}
.conditional-formatting-editor .groups-wrapper .cf-groups > li .group .group-header .options-btn-wrapper,
.cf-groups.angular-ui-tree-nodes.angular-ui-tree-drag > li .group .group-header .options-btn-wrapper {
  display: flex;
  margin-top: -1px;
  position: absolute;
  right: 3px;
  text-align: center;
}
.conditional-formatting-editor .groups-wrapper .cf-groups > li .group .group-header .options-btn-wrapper a,
.cf-groups.angular-ui-tree-nodes.angular-ui-tree-drag > li .group .group-header .options-btn-wrapper a {
  background-color: transparent;
  height: 18px;
  width: 18px;
}
.conditional-formatting-editor .groups-wrapper .cf-groups > li .group .group-header .options-btn-wrapper .btn-options,
.cf-groups.angular-ui-tree-nodes.angular-ui-tree-drag > li .group .group-header .options-btn-wrapper .btn-options {
  color: #333333;
  text-decoration: none;
}
.conditional-formatting-editor .groups-wrapper .cf-groups > li .group .group-header .options-btn-wrapper .btn-options:hover,
.cf-groups.angular-ui-tree-nodes.angular-ui-tree-drag > li .group .group-header .options-btn-wrapper .btn-options:hover {
  color: #196bfa;
}
.conditional-formatting-editor .groups-wrapper .cf-groups > li .group .group-header .options-btn-wrapper .cf-toggle,
.cf-groups.angular-ui-tree-nodes.angular-ui-tree-drag > li .group .group-header .options-btn-wrapper .cf-toggle {
  display: flex;
  margin: 5px 0px 8px 0px;
}
.conditional-formatting-editor .groups-wrapper .cf-groups > li .group .group-header .options-btn-wrapper .cf-toggle .dku-toggle.dku-toggle,
.cf-groups.angular-ui-tree-nodes.angular-ui-tree-drag > li .group .group-header .options-btn-wrapper .cf-toggle .dku-toggle.dku-toggle {
  margin: 0;
  top: 0;
}
.conditional-formatting-editor .groups-wrapper .cf-groups > li .group .group-header .options-btn-wrapper .cf-toggle .dku-toggle.dku-toggle input + *,
.cf-groups.angular-ui-tree-nodes.angular-ui-tree-drag > li .group .group-header .options-btn-wrapper .cf-toggle .dku-toggle.dku-toggle input + * {
  height: 10px;
  width: 20px;
}
.conditional-formatting-editor .groups-wrapper .cf-groups > li .group .group-header .options-btn-wrapper .cf-toggle .dku-toggle.dku-toggle input + *:before,
.cf-groups.angular-ui-tree-nodes.angular-ui-tree-drag > li .group .group-header .options-btn-wrapper .cf-toggle .dku-toggle.dku-toggle input + *:before {
  content: '';
  height: 10px;
  width: 20px;
}
.conditional-formatting-editor .groups-wrapper .cf-groups > li .group .group-header .options-btn-wrapper .cf-toggle .dku-toggle.dku-toggle input + *:after,
.cf-groups.angular-ui-tree-nodes.angular-ui-tree-drag > li .group .group-header .options-btn-wrapper .cf-toggle .dku-toggle.dku-toggle input + *:after {
  content: '';
  height: 8px;
  width: 9px;
}
.conditional-formatting-editor .groups-wrapper .cf-groups > li .group .group-header .options-btn-wrapper .cf-toggle .dku-toggle.dku-toggle input:checked + *:after,
.cf-groups.angular-ui-tree-nodes.angular-ui-tree-drag > li .group .group-header .options-btn-wrapper .cf-toggle .dku-toggle.dku-toggle input:checked + *:after {
  left: 10px;
}
.conditional-formatting-editor .groups-wrapper .cf-groups > li .group .content,
.cf-groups.angular-ui-tree-nodes.angular-ui-tree-drag > li .group .content {
  cursor: pointer;
  margin-top: 2px;
  padding-left: 7px;
}
.conditional-formatting-editor .groups-wrapper .cf-groups > li .group .content .rules,
.cf-groups.angular-ui-tree-nodes.angular-ui-tree-drag > li .group .content .rules {
  border-left: 6px solid;
  margin: 0px 0px 4px 0px;
  overflow: hidden;
  padding-left: 4px;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.conditional-formatting-editor .groups-wrapper .cf-groups > li .group .content .scale,
.cf-groups.angular-ui-tree-nodes.angular-ui-tree-drag > li .group .content .scale {
  display: flex;
  margin-bottom: 4px;
}
.conditional-formatting-editor .groups-wrapper .cf-groups > li .group .content .scale .border-gradient,
.cf-groups.angular-ui-tree-nodes.angular-ui-tree-drag > li .group .content .scale .border-gradient {
  height: 20px;
  width: 6px;
}
.conditional-formatting-editor .groups-wrapper .cf-groups > li .group .content .scale span,
.cf-groups.angular-ui-tree-nodes.angular-ui-tree-drag > li .group .content .scale span {
  overflow: hidden;
  padding-left: 4px;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.cf-btn-zone {
  padding: 0 30px;
}
.cf-btn-zone a.btn {
  text-decoration: none;
}
.cf-btn-zone .cf-btn-new-group,
.cf-btn-zone .cf-btn-new-rule {
  background-color: transparent;
  color: #3b99fc;
  justify-content: center;
}
.cf-btn-zone .cf-btn-new-group:hover,
.cf-btn-zone .cf-btn-new-rule:hover {
  background-color: #e7f3ff;
}
.cf-btn-zone .cf-btn-new-group:disabled,
.cf-btn-zone .cf-btn-new-rule:disabled {
  color: #9dccfe;
  cursor: not-allowed;
}
.cf-btn-zone .cf-btn-new-rule {
  margin-bottom: 3px;
}
.cf-applied-to-whole-rows {
  cursor: auto;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  width: 185px;
}
.cf-applied-to-whole-rows .btn {
  background-color: transparent;
  color: #3b99fc;
  line-height: 13px;
  position: absolute !important;
  right: 4px;
}
.cf-applied-to-whole-rows .btn:hover {
  background-color: #e7f3ff;
}
.z-index-10000 {
  z-index: 10000;
}