@charset "UTF-8";
/*!
 *
 * FME Server Web UI
 * Version: 2017.0
 *
 */
/* latin-ext */
@font-face {
  font-family: "Lato";
  font-style: normal;
  font-weight: 300;
  src: local("Lato Light"),local("Lato-Light"),url(../fonts/Lato/Lato-Light.ttf);
  unicode-range: U+0100-024F,U+1E00-1EFF,U+20A0-20AB,U+20AD-20CF,U+2C60-2C7F,U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: "Lato";
  font-style: normal;
  font-weight: 300;
  src: local("Lato Light"),local("Lato-Light"),url(../fonts/Lato/Lato-Light.ttf);
  unicode-range: U+0000-00FF,U+0131,U+0152-0153,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2074,U+20AC,U+2212,U+2215,U+E0FF,U+EFFD,U+F000;
}
/* latin-ext */
@font-face {
  font-family: "Lato";
  font-style: normal;
  font-weight: 400;
  src: local("Lato Regular"),local("Lato-Regular"),url(../fonts/Lato/Lato-Regular.ttf);
  unicode-range: U+0100-024F,U+1E00-1EFF,U+20A0-20AB,U+20AD-20CF,U+2C60-2C7F,U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: "Lato";
  font-style: normal;
  font-weight: 400;
  src: local("Lato Regular"),local("Lato-Regular"),url(../fonts/Lato/Lato-Regular.ttf);
  unicode-range: U+0000-00FF,U+0131,U+0152-0153,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2074,U+20AC,U+2212,U+2215,U+E0FF,U+EFFD,U+F000;
}
/* latin-ext */
@font-face {
  font-family: "Lato";
  font-style: normal;
  font-weight: 700;
  src: local("Lato Bold"),local("Lato-Bold"),url(../fonts/Lato/Lato-Bold.ttf);
  unicode-range: U+0100-024F,U+1E00-1EFF,U+20A0-20AB,U+20AD-20CF,U+2C60-2C7F,U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: "Lato";
  font-style: normal;
  font-weight: 700;
  src: local("Lato Bold"),local("Lato-Bold"),url(../fonts/Lato/Lato-Bold.ttf);
  unicode-range: U+0000-00FF,U+0131,U+0152-0153,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2074,U+20AC,U+2212,U+2215,U+E0FF,U+EFFD,U+F000;
}
/* latin-ext */
@font-face {
  font-family: "Lato";
  font-style: italic;
  font-weight: 300;
  src: local("Lato Light Italic"),local("Lato-LightItalic"),url(../fonts/Lato/Lato-LightItalic.ttf);
  unicode-range: U+0100-024F,U+1E00-1EFF,U+20A0-20AB,U+20AD-20CF,U+2C60-2C7F,U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: "Lato";
  font-style: italic;
  font-weight: 300;
  src: local("Lato Light Italic"),local("Lato-LightItalic"),url(../fonts/Lato/Lato-LightItalic.ttf);
  unicode-range: U+0000-00FF,U+0131,U+0152-0153,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2074,U+20AC,U+2212,U+2215,U+E0FF,U+EFFD,U+F000;
}
/* latin-ext */
@font-face {
  font-family: "Lato";
  font-style: italic;
  font-weight: 400;
  src: local("Lato Italic"),local("Lato-Italic"),url(../fonts/Lato/Lato-Italic.ttf);
  unicode-range: U+0100-024F,U+1E00-1EFF,U+20A0-20AB,U+20AD-20CF,U+2C60-2C7F,U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: "Lato";
  font-style: italic;
  font-weight: 400;
  src: local("Lato Italic"),local("Lato-Italic"),url(../fonts/Lato/Lato-Italic.ttf);
  unicode-range: U+0000-00FF,U+0131,U+0152-0153,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2074,U+20AC,U+2212,U+2215,U+E0FF,U+EFFD,U+F000;
}
/* latin-ext */
@font-face {
  font-family: "Lato";
  font-style: italic;
  font-weight: 700;
  src: local("Lato Bold Italic"),local("Lato-BoldItalic"),url(../fonts/Lato/Lato-BoldItalic.ttf);
  unicode-range: U+0100-024F,U+1E00-1EFF,U+20A0-20AB,U+20AD-20CF,U+2C60-2C7F,U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: "Lato";
  font-style: italic;
  font-weight: 700;
  src: local("Lato Bold Italic"),local("Lato-BoldItalic"),url(../fonts/Lato/Lato-BoldItalic.ttf);
  unicode-range: U+0000-00FF,U+0131,U+0152-0153,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2074,U+20AC,U+2212,U+2215,U+E0FF,U+EFFD,U+F000;
}
/* latin-ext */
@font-face {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 300;
  src: local("Roboto Light"),local("Roboto-Light"),url(../fonts/Roboto/Roboto-Light.ttf);
  unicode-range: U+0100-024F,U+1E00-1EFF,U+20A0-20AB,U+20AD-20CF,U+2C60-2C7F,U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 300;
  src: local("Roboto Light"),local("Roboto-Light"),url(../fonts/Roboto/Roboto-Light.ttf);
  unicode-range: U+0000-00FF,U+0131,U+0152-0153,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2074,U+20AC,U+2212,U+2215,U+E0FF,U+EFFD,U+F000;
}
/* latin-ext */
@font-face {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 400;
  src: local("Roboto"),local("Roboto-Regular"),url(../fonts/Roboto/Roboto-Regular.ttf);
  unicode-range: U+0100-024F,U+1E00-1EFF,U+20A0-20AB,U+20AD-20CF,U+2C60-2C7F,U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 400;
  src: local("Roboto"),local("Roboto-Regular"),url(../fonts/Roboto/Roboto-Regular.ttf);
  unicode-range: U+0000-00FF,U+0131,U+0152-0153,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2074,U+20AC,U+2212,U+2215,U+E0FF,U+EFFD,U+F000;
}
/* latin-ext */
@font-face {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 700;
  src: local("Roboto Bold"),local("Roboto-Bold"),url(../fonts/Roboto/Roboto-Bold.ttf);
  unicode-range: U+0100-024F,U+1E00-1EFF,U+20A0-20AB,U+20AD-20CF,U+2C60-2C7F,U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 700;
  src: local("Roboto Bold"),local("Roboto-Bold"),url(../fonts/Roboto/Roboto-Bold.ttf);
  unicode-range: U+0000-00FF,U+0131,U+0152-0153,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2074,U+20AC,U+2212,U+2215,U+E0FF,U+EFFD,U+F000;
}
/* latin-ext */
@font-face {
  font-family: "Roboto";
  font-style: italic;
  font-weight: 300;
  src: local("Roboto Light Italic"),local("Roboto-LightItalic"),url(../fonts/Roboto/Roboto-LightItalic.ttf);
  unicode-range: U+0100-024F,U+1E00-1EFF,U+20A0-20AB,U+20AD-20CF,U+2C60-2C7F,U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: "Roboto";
  font-style: italic;
  font-weight: 300;
  src: local("Roboto Light Italic"),local("Roboto-LightItalic"),url(../fonts/Roboto/Roboto-LightItalic.ttf);
  unicode-range: U+0000-00FF,U+0131,U+0152-0153,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2074,U+20AC,U+2212,U+2215,U+E0FF,U+EFFD,U+F000;
}
/* latin-ext */
@font-face {
  font-family: "Roboto";
  font-style: italic;
  font-weight: 400;
  src: local("Roboto Italic"),local("Roboto-Italic"),url(../fonts/Roboto/Roboto-Italic.ttf);
  unicode-range: U+0100-024F,U+1E00-1EFF,U+20A0-20AB,U+20AD-20CF,U+2C60-2C7F,U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: "Roboto";
  font-style: italic;
  font-weight: 400;
  src: local("Roboto Italic"),local("Roboto-Italic"),url(../fonts/Roboto/Roboto-Italic.ttf);
  unicode-range: U+0000-00FF,U+0131,U+0152-0153,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2074,U+20AC,U+2212,U+2215,U+E0FF,U+EFFD,U+F000;
}
/* latin-ext */
@font-face {
  font-family: "Roboto";
  font-style: italic;
  font-weight: 700;
  src: local("Roboto Bold Italic"),local("Roboto-BoldItalic"),url(../fonts/Roboto/Roboto-BoldItalic.ttf);
  unicode-range: U+0100-024F,U+1E00-1EFF,U+20A0-20AB,U+20AD-20CF,U+2C60-2C7F,U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: "Roboto";
  font-style: italic;
  font-weight: 700;
  src: local("Roboto Bold Italic"),local("Roboto-BoldItalic"),url(../fonts/Roboto/Roboto-BoldItalic.ttf);
  unicode-range: U+0000-00FF,U+0131,U+0152-0153,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2074,U+20AC,U+2212,U+2215,U+E0FF,U+EFFD,U+F000;
}
/*
 * Reference in-house svg icons here
 * svg files are stored at ../webapp/images/icons/svg/
 */
.safe-ico svg {
  display: inline-block;
  width: 18px;
  height: 14px;
  fill: #0D0D0C;
}

/*
 * Font library of custom Safe icons
 * ---------------------------------
 * Font files are stored at ../webapp/images/fonts/Custom
 * Font library is generated via IcoMoon.io
 * See README.txt for how to modify library
 */
@font-face {
  font-family: "custom-server-icons";
  src: url("../fonts/Custom/custom-server-icons.eot?9decht");
  src: url("../fonts/Custom/custom-server-icons.eot?9decht#iefix") format("embedded-opentype"),url("../fonts/Custom/custom-server-icons.ttf?9decht") format("truetype"),url("../fonts/Custom/custom-server-icons.woff?9decht") format("woff"),url("../fonts/Custom/custom-server-icons.svg?9decht#custom-server-icons") format("svg");
  font-weight: normal;
  font-style: normal;
  font-display: block;
}
[class^=cs-], [class*=" cs-"] {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: "custom-server-icons" !important;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.cs-engine-slash:before {
  content: "";
}

.cs-engine:before {
  content: "";
}

.cs-bookmark:before {
  content: "";
}

.cs-annotation:before {
  content: "";
}

.cs-auto-layout:before {
  content: "";
}

@layer legacy {
  fieldset {
    padding: 0;
    margin: 0;
    border: 0;
    min-width: 0;
  }

  legend {
    display: block;
    width: 100%;
    padding: 0;
    margin-bottom: 21px;
    font-size: 21px;
    line-height: inherit;
    color: #3a3f51;
    border: 0;
    border-bottom: 1px solid #e5e5e5;
  }

  label {
    display: inline-block;
    max-width: 100%;
    margin-bottom: 5px;
    font-weight: bold;
  }

  input[type=search] {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
  }

  input[type=radio],
input[type=checkbox] {
    margin: 4px 0 0;
    margin-top: 1px \9;
    line-height: normal;
  }

  input[type=file] {
    display: block;
  }

  input[type=range] {
    display: block;
    width: 100%;
  }

  select[multiple],
select[size] {
    height: auto;
  }

  input[type=file]:focus,
input[type=radio]:focus,
input[type=checkbox]:focus {
    outline: 5px auto -webkit-focus-ring-color;
    outline-offset: -2px;
  }

  output {
    display: block;
    padding-top: 7px;
    font-size: 14px;
    line-height: 1.528571429;
    color: #3a3f51;
  }

  .form-control {
    display: block;
    width: 100%;
    height: 35px;
    padding: 6px 16px;
    font-size: 14px;
    line-height: 1.528571429;
    color: #3a3f51;
    background-color: #fff;
    background-image: none;
    border: 1px solid #dde6e9;
    border-radius: 4px;
    -webkit-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-color ease-in-out 0.15s,box-shadow ease-in-out 0.15s;
    -o-transition: border-color ease-in-out 0.15s,box-shadow ease-in-out 0.15s;
    transition: border-color ease-in-out 0.15s,box-shadow ease-in-out 0.15s;
  }
  .form-control:focus {
    border-color: #66afe9;
    outline: 0;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,0.075),0 0 8px rgba(102,175,233,0.6);
    box-shadow: inset 0 1px 1px rgba(0,0,0,0.075),0 0 8px rgba(102,175,233,0.6);
  }
  .form-control::-moz-placeholder {
    color: #B3B3B3;
    opacity: 1;
  }
  .form-control:-ms-input-placeholder {
    color: #B3B3B3;
  }
  .form-control::-webkit-input-placeholder {
    color: #B3B3B3;
  }
  .form-control::-ms-expand {
    border: 0;
    background-color: transparent;
  }
  .form-control[disabled], .form-control[readonly], fieldset[disabled] .form-control {
    background-color: #edf1f2;
    opacity: 1;
  }
  .form-control[disabled], fieldset[disabled] .form-control {
    cursor: not-allowed;
  }

  textarea.form-control {
    height: auto;
  }

  input[type=search] {
    -webkit-appearance: none;
  }

  @media screen and (-webkit-min-device-pixel-ratio: 0) {
    input[type=date].form-control,
input[type=time].form-control,
input[type=datetime-local].form-control,
input[type=month].form-control {
      line-height: 35px;
    }
    input[type=date].input-sm, .input-group-sm input[type=date],
input[type=time].input-sm,
.input-group-sm input[type=time],
input[type=datetime-local].input-sm,
.input-group-sm input[type=datetime-local],
input[type=month].input-sm,
.input-group-sm input[type=month] {
      line-height: 30px;
    }
    input[type=date].input-lg, .input-group-lg input[type=date],
input[type=time].input-lg,
.input-group-lg input[type=time],
input[type=datetime-local].input-lg,
.input-group-lg input[type=datetime-local],
input[type=month].input-lg,
.input-group-lg input[type=month] {
      line-height: 46px;
    }
  }
  .form-group {
    margin-bottom: 15px;
  }

  .radio,
.checkbox {
    position: relative;
    display: block;
    margin-top: 10px;
    margin-bottom: 10px;
  }
  .radio label,
.checkbox label {
    min-height: 21px;
    padding-left: 20px;
    margin-bottom: 0;
    font-weight: normal;
    cursor: pointer;
  }

  .radio input[type=radio],
.radio-inline input[type=radio],
.checkbox input[type=checkbox],
.checkbox-inline input[type=checkbox] {
    position: absolute;
    margin-left: -20px;
    margin-top: 4px \9;
  }

  .radio + .radio,
.checkbox + .checkbox {
    margin-top: -5px;
  }

  .radio-inline,
.checkbox-inline {
    position: relative;
    display: inline-block;
    padding-left: 20px;
    margin-bottom: 0;
    vertical-align: middle;
    font-weight: normal;
    cursor: pointer;
  }

  .radio-inline + .radio-inline,
.checkbox-inline + .checkbox-inline {
    margin-top: 0;
    margin-left: 10px;
  }

  input[type=radio][disabled], input[type=radio].disabled, fieldset[disabled] input[type=radio],
input[type=checkbox][disabled],
input[type=checkbox].disabled,
fieldset[disabled] input[type=checkbox] {
    cursor: not-allowed;
  }

  .radio-inline.disabled, fieldset[disabled] .radio-inline,
.checkbox-inline.disabled,
fieldset[disabled] .checkbox-inline {
    cursor: not-allowed;
  }

  .radio.disabled label, fieldset[disabled] .radio label,
.checkbox.disabled label,
fieldset[disabled] .checkbox label {
    cursor: not-allowed;
  }

  .form-control-static {
    padding-top: 7px;
    padding-bottom: 7px;
    margin-bottom: 0;
    min-height: 35px;
  }
  .form-control-static.input-lg, .form-control-static.input-sm {
    padding-left: 0;
    padding-right: 0;
  }

  .input-sm {
    height: 30px;
    padding: 5px 10px;
    font-size: 12px;
    line-height: 1.5;
    border-radius: 3px;
  }

  select.input-sm {
    height: 30px;
    line-height: 30px;
  }

  textarea.input-sm,
select[multiple].input-sm {
    height: auto;
  }

  .form-group-sm .form-control {
    height: 30px;
    padding: 5px 10px;
    font-size: 12px;
    line-height: 1.5;
    border-radius: 3px;
  }
  .form-group-sm select.form-control {
    height: 30px;
    line-height: 30px;
  }
  .form-group-sm textarea.form-control,
.form-group-sm select[multiple].form-control {
    height: auto;
  }
  .form-group-sm .form-control-static {
    height: 30px;
    min-height: 33px;
    padding: 6px 10px;
    font-size: 12px;
    line-height: 1.5;
  }

  .input-lg {
    height: 46px;
    padding: 10px 20px;
    font-size: 18px;
    line-height: 1.33;
    border-radius: 6px;
  }

  select.input-lg {
    height: 46px;
    line-height: 46px;
  }

  textarea.input-lg,
select[multiple].input-lg {
    height: auto;
  }

  .form-group-lg .form-control {
    height: 46px;
    padding: 10px 20px;
    font-size: 18px;
    line-height: 1.33;
    border-radius: 6px;
  }
  .form-group-lg select.form-control {
    height: 46px;
    line-height: 46px;
  }
  .form-group-lg textarea.form-control,
.form-group-lg select[multiple].form-control {
    height: auto;
  }
  .form-group-lg .form-control-static {
    height: 46px;
    min-height: 39px;
    padding: 11px 20px;
    font-size: 18px;
    line-height: 1.33;
  }

  .has-feedback {
    position: relative;
  }
  .has-feedback .form-control {
    padding-right: 43.75px;
  }

  .form-control-feedback {
    position: absolute;
    top: 0;
    right: 0;
    z-index: 2;
    display: block;
    width: 35px;
    height: 35px;
    line-height: 35px;
    text-align: center;
    pointer-events: none;
  }

  .input-lg + .form-control-feedback,
.input-group-lg + .form-control-feedback,
.form-group-lg .form-control + .form-control-feedback {
    width: 46px;
    height: 46px;
    line-height: 46px;
  }

  .input-sm + .form-control-feedback,
.input-group-sm + .form-control-feedback,
.form-group-sm .form-control + .form-control-feedback {
    width: 30px;
    height: 30px;
    line-height: 30px;
  }

  .has-success .help-block,
.has-success .control-label,
.has-success .radio,
.has-success .checkbox,
.has-success .radio-inline,
.has-success .checkbox-inline, .has-success.radio label, .has-success.checkbox label, .has-success.radio-inline label, .has-success.checkbox-inline label {
    color: #27c24c;
  }
  .has-success .form-control {
    border-color: #27c24c;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,0.075);
    box-shadow: inset 0 1px 1px rgba(0,0,0,0.075);
  }
  .has-success .form-control:focus {
    border-color: #1e983b;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,0.075),0 0 6px #6de289;
    box-shadow: inset 0 1px 1px rgba(0,0,0,0.075),0 0 6px #6de289;
  }
  .has-success .input-group-addon {
    color: #27c24c;
    border-color: #27c24c;
    background-color: #dff0d8;
  }
  .has-success .form-control-feedback {
    color: #27c24c;
  }

  .has-warning .help-block,
.has-warning .control-label,
.has-warning .radio,
.has-warning .checkbox,
.has-warning .radio-inline,
.has-warning .checkbox-inline, .has-warning.radio label, .has-warning.checkbox label, .has-warning.radio-inline label, .has-warning.checkbox-inline label {
    color: #ff902b;
  }
  .has-warning .form-control {
    border-color: #ff902b;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,0.075);
    box-shadow: inset 0 1px 1px rgba(0,0,0,0.075);
  }
  .has-warning .form-control:focus {
    border-color: #f77600;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,0.075),0 0 6px #ffc591;
    box-shadow: inset 0 1px 1px rgba(0,0,0,0.075),0 0 6px #ffc591;
  }
  .has-warning .input-group-addon {
    color: #ff902b;
    border-color: #ff902b;
    background-color: #fcf8e3;
  }
  .has-warning .form-control-feedback {
    color: #ff902b;
  }

  .has-error .help-block,
.has-error .control-label,
.has-error .radio,
.has-error .checkbox,
.has-error .radio-inline,
.has-error .checkbox-inline, .has-error.radio label, .has-error.checkbox label, .has-error.radio-inline label, .has-error.checkbox-inline label {
    color: #f05050;
  }
  .has-error .form-control {
    border-color: #f05050;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,0.075);
    box-shadow: inset 0 1px 1px rgba(0,0,0,0.075);
  }
  .has-error .form-control:focus {
    border-color: #ec2121;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,0.075),0 0 6px #f8aeae;
    box-shadow: inset 0 1px 1px rgba(0,0,0,0.075),0 0 6px #f8aeae;
  }
  .has-error .input-group-addon {
    color: #f05050;
    border-color: #f05050;
    background-color: #f2dede;
  }
  .has-error .form-control-feedback {
    color: #f05050;
  }

  .has-feedback label ~ .form-control-feedback {
    top: 26px;
  }
  .has-feedback label.sr-only ~ .form-control-feedback {
    top: 0;
  }

  .help-block {
    display: block;
    margin-top: 5px;
    margin-bottom: 10px;
    color: #4f4f49;
  }

  @media (min-width: 768px) {
    .form-inline .form-group {
      display: inline-block;
      margin-bottom: 0;
      vertical-align: middle;
    }
    .form-inline .form-control {
      display: inline-block;
      width: auto;
      vertical-align: middle;
    }
    .form-inline .form-control-static {
      display: inline-block;
    }
    .form-inline .input-group {
      display: inline-table;
      vertical-align: middle;
    }
    .form-inline .input-group .input-group-addon,
.form-inline .input-group .input-group-btn,
.form-inline .input-group .form-control {
      width: auto;
    }
    .form-inline .input-group > .form-control {
      width: 100%;
    }
    .form-inline .control-label {
      margin-bottom: 0;
      vertical-align: middle;
    }
    .form-inline .radio,
.form-inline .checkbox {
      display: inline-block;
      margin-top: 0;
      margin-bottom: 0;
      vertical-align: middle;
    }
    .form-inline .radio label,
.form-inline .checkbox label {
      padding-left: 0;
    }
    .form-inline .radio input[type=radio],
.form-inline .checkbox input[type=checkbox] {
      position: relative;
      margin-left: 0;
    }
    .form-inline .has-feedback .form-control-feedback {
      top: 0;
    }
  }

  .form-horizontal .radio,
.form-horizontal .checkbox,
.form-horizontal .radio-inline,
.form-horizontal .checkbox-inline {
    margin-top: 0;
    margin-bottom: 0;
    padding-top: 7px;
  }
  .form-horizontal .radio,
.form-horizontal .checkbox {
    min-height: 28px;
  }
  .form-horizontal .form-group {
    margin-left: -15px;
    margin-right: -15px;
  }
  .form-horizontal .form-group:before, .form-horizontal .form-group:after {
    content: " ";
    display: table;
  }
  .form-horizontal .form-group:after {
    clear: both;
  }
  @media (min-width: 768px) {
    .form-horizontal .control-label {
      text-align: right;
      margin-bottom: 0;
      padding-top: 7px;
    }
  }
  .form-horizontal .has-feedback .form-control-feedback {
    right: 15px;
  }
  @media (min-width: 768px) {
    .form-horizontal .form-group-lg .control-label {
      padding-top: 11px;
      font-size: 18px;
    }
  }
  @media (min-width: 768px) {
    .form-horizontal .form-group-sm .control-label {
      padding-top: 6px;
      font-size: 12px;
    }
  }

  /* ========================================================================
       Component: media-queries
   ========================================================================== */
}
/*
 * Component: Buttons
 */
button.btn, a.btn {
  padding: 6px 15px;
  line-height: 20px;
  font-weight: bold;
  border: 1px solid #0d0d0c;
}
button.btn.btn-default, a.btn.btn-default {
  color: #0d0d0c;
  background-color: transparent;
  border: 1px solid #0d0d0c;
}
button.btn.btn-default[disabled], button.btn.btn-default[disabled]:hover, button.btn.btn-default[disabled]:focus, button.btn.btn-default[disabled]:active, button.btn.btn-default[disabled]:active:focus, button.btn.btn-default[disabled]:active:hover, a.btn.btn-default[disabled], a.btn.btn-default[disabled]:hover, a.btn.btn-default[disabled]:focus, a.btn.btn-default[disabled]:active, a.btn.btn-default[disabled]:active:focus, a.btn.btn-default[disabled]:active:hover {
  background-color: transparent;
  border-color: #CCCCCC;
  color: #CCCCCC;
}
button.btn.btn-default[disabled] span::before, button.btn.btn-default[disabled]:hover span::before, button.btn.btn-default[disabled]:focus span::before, button.btn.btn-default[disabled]:active span::before, button.btn.btn-default[disabled]:active:focus span::before, button.btn.btn-default[disabled]:active:hover span::before, a.btn.btn-default[disabled] span::before, a.btn.btn-default[disabled]:hover span::before, a.btn.btn-default[disabled]:focus span::before, a.btn.btn-default[disabled]:active span::before, a.btn.btn-default[disabled]:active:focus span::before, a.btn.btn-default[disabled]:active:hover span::before {
  color: #CCCCCC;
}
button.btn.btn-default:hover, a.btn.btn-default:hover {
  color: #FFF;
  background-color: #2c2c2b;
  border-color: #2c2c2b;
}
button.btn.btn-default:active, a.btn.btn-default:active {
  color: #FFF;
  background-color: #2c2c2b;
  border-color: #2c2c2b;
}
button.btn.btn-default.btn-small, a.btn.btn-default.btn-small {
  padding: 4px 8px !important;
  font-size: 13px;
  line-height: 0;
}
button.btn.btn-default.active, a.btn.btn-default.active {
  color: #FFF;
  background-color: #0d0d0c;
}
button.btn.btn-success.dropdown-toggle, button.btn.btn-success, a.btn.btn-success.dropdown-toggle, a.btn.btn-success {
  background-color: #0d0d0c;
  color: #FFF;
  border: 1px solid #0d0d0c;
}
button.btn.btn-success.dropdown-toggle:hover, button.btn.btn-success.dropdown-toggle:active:hover, button.btn.btn-success.dropdown-toggle:focus, button.btn.btn-success:hover, button.btn.btn-success:active:hover, button.btn.btn-success:focus, a.btn.btn-success.dropdown-toggle:hover, a.btn.btn-success.dropdown-toggle:active:hover, a.btn.btn-success.dropdown-toggle:focus, a.btn.btn-success:hover, a.btn.btn-success:active:hover, a.btn.btn-success:focus {
  background-color: #2c2c2b;
  border-color: #2c2c2b;
}
button.btn.btn-success.dropdown-toggle:active, button.btn.btn-success.dropdown-toggle:active:focus, button.btn.btn-success:active, button.btn.btn-success:active:focus, a.btn.btn-success.dropdown-toggle:active, a.btn.btn-success.dropdown-toggle:active:focus, a.btn.btn-success:active, a.btn.btn-success:active:focus {
  background-color: #2c2c2b;
  border-color: #2c2c2b;
}
button.btn.btn-cancel, a.btn.btn-cancel {
  background-color: transparent;
  color: #0d0d0c;
  border-color: #0d0d0c;
}
button.btn.btn-cancel:hover, a.btn.btn-cancel:hover {
  color: #FFF;
  border-color: #2c2c2b;
  background-color: #2c2c2b;
}
button.btn.btn-cancel:active, a.btn.btn-cancel:active {
  border-color: #2c2c2b;
  background-color: #2c2c2b;
}
button.btn.btn-cancel.btn-small, a.btn.btn-cancel.btn-small {
  padding: 4px 8px !important;
  font-size: 13px;
  line-height: 0;
}
button.btn.btn-start, a.btn.btn-start {
  background-color: #0d0d0c;
  color: #FFF;
  border-color: #0d0d0c;
}
button.btn.btn-start:hover, a.btn.btn-start:hover {
  opacity: 1;
  background-color: #2c2c2b;
  border-color: #2c2c2b;
}
button.btn.btn-danger, a.btn.btn-danger {
  background-color: #9D0707;
  border-color: #9D0707;
}
button.btn.btn-danger:hover, a.btn.btn-danger:hover {
  background-color: #CE0909;
  border-color: #CE0909;
}
button.btn[disabled], button.btn[disabled]:hover, button.btn[disabled]:focus, button.btn[disabled]:active, button.btn[disabled]:active:focus, button.btn[disabled]:active:hover, a.btn[disabled], a.btn[disabled]:hover, a.btn[disabled]:focus, a.btn[disabled]:active, a.btn[disabled]:active:focus, a.btn[disabled]:active:hover {
  background-color: #CCCCCC;
  border-color: #CCCCCC;
  color: #FFF;
  cursor: default;
  opacity: 1;
}

a.btn-tertiary, button.btn-tertiary {
  color: #0d0d0c !important;
  text-decoration: none;
}
a.btn-tertiary:hover, button.btn-tertiary:hover {
  color: #2c2c2b !important;
  text-decoration: none;
}

.resource-dialog-toolbar {
  width: 100%;
  border-bottom: 1px solid #F5F5F5;
  padding: 5px 10px;
}

.safe-grid-buttons button.btn, .button-row button.btn, .button-row a.btn, .job-buttons button.btn, .engine-buttons button.btn {
  margin: 0 13px 5px 0;
}

.safe-grid-buttons button:last-of-type, .button-row button:last-of-type {
  margin-right: 0;
}

.pager-controls button {
  border: 1px solid #009C00;
  background-color: #FFF;
  color: #009C00;
  /*padding: 9px 20px;*/
  cursor: default !important;
}

.btn-group .x-btn {
  margin-right: 0 !important;
  color: #0d0d0c;
  background-color: #FFF;
  border: 1px solid #0d0d0c;
  padding: 6px 15px;
}

.btn-group .x-btn:hover {
  color: #FFF !important;
  opacity: 1;
}

.btn-group .x-btn.active, .btn-group.dropdown .x-btn {
  opacity: 1;
  color: #FFF;
  background-color: #009C00;
}

.btn-group .x-btn.active:hover, .btn-group.dropdown .x-btn:hover {
  color: #FFF !important;
  opacity: 0.85;
}

@layer legacy {
  input[type=button]:focus,
input[type=submit]:focus,
input:focus,
.c-checkbox label input:focus ~ span,
:focus {
    border-color: #0d0d0c;
    outline: none;
  }

  a:focus-visible:not(.p-accordion-header-link), button:focus-visible, span:focus-visible:not(.p-element) {
    outline: none;
    outline-offset: 0px;
    box-shadow: 0 0 0 0.2em #ccc;
  }
}
input.ui-select-search:focus {
  box-shadow: none;
}

.btn-group.open .dropdown-toggle {
  box-shadow: none;
}

.button-row {
  padding: 10px;
}

.button-add {
  color: #1C7D3D;
}
.button-add:hover, .button-add:active, .button-add:active:focus, .button-add:active:hover, .button-add:focus {
  color: #25A751;
}
.button-add .fa-inverse:hover {
  color: #F5F5F5;
}
.button-add .fa-inverse {
  line-height: 36px;
}

.button-info {
  color: #0d0d0c;
}

.button-info:hover {
  color: #2c2c2b;
}

.input-group, .input-group-btn {
  height: 100% !important;
}

.btn-input-group-addon {
  color: #3a3f51;
  min-height: 34px;
}
.btn-input-group-addon:hover {
  color: #0d0d0c;
}
.btn-input-group-addon:focus {
  color: #FFF;
  background-color: #0d0d0c;
  outline: none !important;
}

.button-add[disabled] {
  color: #CCCCCC !important;
}

.button-add[disabled]:hover {
  color: #CCCCCC !important;
  cursor: default !important;
}

.button-add[disabled] *:hover {
  cursor: default !important;
}

.button-add[disabled]:hover .fa-inverse {
  color: white !important;
}

.btn-dropdown-menu {
  min-width: 250px;
  margin: -1px 0 0 0 !important;
  border-width: 1px;
  padding: 0;
}
.btn-dropdown-menu li {
  list-style-type: none !important;
  margin-left: 0 !important;
  display: block !important;
  padding: 14px 20px;
  border-bottom: 1px solid #E0E0E0;
}
.btn-dropdown-menu li:last-of-type {
  border-bottom: 0;
}
.btn-dropdown-menu li[disabled], .btn-dropdown-menu li[disabled]:hover {
  color: #CCCCCC;
  cursor: default;
}
.btn-dropdown-menu li[disabled]:hover, .btn-dropdown-menu li[disabled]:hover:hover {
  background-color: transparent;
}
.btn-dropdown-menu li:hover {
  background-color: #EBEBEB;
}

.input-group .form-control:not(:first-child):not(:last-child),
.input-group-addon:not(:first-child):not(:last-child),
.input-group-btn:not(:first-child):not(:last-child) {
  border-radius: 4px 0 0 4px;
}

.ui-button:disabled {
  opacity: 1 !important;
  background-color: #CCCCCC;
  border-color: #CCCCCC;
}

.darkMode .input-group > .ui-select-bootstrap.dropdown,
.darkMode .ui-select-multiple.ui-select-bootstrap {
  background-color: transparent;
}
.darkMode .input-group .x-form-text:not(:first-child):not(:last-child), .darkMode .input-group .select2-input:not(:first-child):not(:last-child), .darkMode .input-group-addon:not(:first-child):not(:last-child), .darkMode .input-group-btn:not(:first-child):not(:last-child) {
  background-color: #FFF !important;
}
@layer base {
  .darkMode .form-control, .darkMode .x-form-text, .darkMode .select2-input, .darkMode select, .darkMode .dropdown-menu {
    background-color: #0D0D0C;
    color: #FFF;
    box-shadow: 0 6px 12px rgba(0,0,0,0.85);
  }
}
.darkMode .btn.btn-default.ui-select-toggle, .darkMode .ui-select-multiple input.ui-select-search, .darkMode .btn-input-group-addon, .darkMode .input-group .form-control:not(:first-child):not(:last-child) {
  background-color: #0D0D0C;
  color: #FFF;
}
.darkMode .ui-select-container .fa-search {
  z-index: 4;
  pointer-events: none;
}
.darkMode .btn-default-focus {
  background-color: transparent;
}
.darkMode .btn-dropdown-menu li {
  border-bottom: 1px solid #272d33;
}
.darkMode .btn-dropdown-menu li:last-of-type {
  border-bottom: 0;
}
.darkMode .btn-dropdown-menu li:hover {
  background-color: #2C2C2B;
}
.darkMode .btn-dropdown-menu li[disabled] {
  color: #2C2C2B;
}
.darkMode button.btn.btn-default, .darkMode a.btn.btn-default {
  color: #94A7FF;
  background-color: transparent;
  border-color: #94A7FF;
}
.darkMode button.btn.btn-default:hover, .darkMode a.btn.btn-default:hover {
  color: #0D0D0C !important;
  background-color: #94A7FF;
  border-color: #94A7FF;
}
.darkMode button.btn.btn-default:active, .darkMode a.btn.btn-default:active {
  background-color: #ccc;
  border-color: #ccc;
  color: #0D0D0C;
}
.darkMode button.btn.btn-default.active, .darkMode a.btn.btn-default.active {
  background-color: #94A7FF;
  border-color: #94A7FF;
  color: #0D0D0C;
}
.darkMode button.btn, .darkMode a.btn {
  border-color: #94A7FF;
}
.darkMode button.btn[disabled], .darkMode button.btn[disabled]:hover, .darkMode button.btn[disabled]:focus, .darkMode button.btn[disabled]:active, .darkMode button.btn[disabled]:active:focus, .darkMode button.btn[disabled]:active:hover, .darkMode a.btn[disabled], .darkMode a.btn[disabled]:hover, .darkMode a.btn[disabled]:focus, .darkMode a.btn[disabled]:active, .darkMode a.btn[disabled]:active:focus, .darkMode a.btn[disabled]:active:hover {
  background-color: #5E5E5E !important;
  border-color: #5E5E5E !important;
  color: #FFF !important;
}
.darkMode button.btn.btn-default[disabled], .darkMode button.btn.btn-default[disabled]:hover, .darkMode button.btn.btn-default[disabled]:focus, .darkMode button.btn.btn-default[disabled]:active, .darkMode button.btn.btn-default[disabled]:active:focus, .darkMode button.btn.btn-default[disabled]:active:hover, .darkMode a.btn.btn-default[disabled], .darkMode a.btn.btn-default[disabled]:hover, .darkMode a.btn.btn-default[disabled]:focus, .darkMode a.btn.btn-default[disabled]:active, .darkMode a.btn.btn-default[disabled]:active:focus, .darkMode a.btn.btn-default[disabled]:active:hover {
  color: #999999 !important;
  background-color: transparent !important;
  border-color: #5E5E5E !important;
}
.darkMode button.btn.btn-success.dropdown-toggle, .darkMode button.btn.btn-success, .darkMode a.btn.btn-success.dropdown-toggle, .darkMode a.btn.btn-success {
  background-color: #2c2c2b;
  border-color: #2c2c2b;
}
.darkMode button.btn.btn-success.dropdown-toggle:hover, .darkMode button.btn.btn-success.dropdown-toggle:active:hover, .darkMode button.btn.btn-success.dropdown-toggle:focus, .darkMode button.btn.btn-success:hover, .darkMode button.btn.btn-success:active:hover, .darkMode button.btn.btn-success:focus, .darkMode a.btn.btn-success.dropdown-toggle:hover, .darkMode a.btn.btn-success.dropdown-toggle:active:hover, .darkMode a.btn.btn-success.dropdown-toggle:focus, .darkMode a.btn.btn-success:hover, .darkMode a.btn.btn-success:active:hover, .darkMode a.btn.btn-success:focus {
  background-color: #94A7FF;
  border-color: #94A7FF;
  color: #0D0D0C;
}
.darkMode button.btn.btn-success.dropdown-toggle:active, .darkMode button.btn.btn-success.dropdown-toggle:active:focus, .darkMode button.btn.btn-success:active, .darkMode button.btn.btn-success:active:focus, .darkMode a.btn.btn-success.dropdown-toggle:active, .darkMode a.btn.btn-success.dropdown-toggle:active:focus, .darkMode a.btn.btn-success:active, .darkMode a.btn.btn-success:active:focus {
  background-color: #ccc;
  border-color: #ccc;
  color: #0D0D0C;
}
.darkMode button.btn.btn-cancel, .darkMode a.btn.btn-cancel {
  background-color: transparent;
  color: #94A7FF;
  border-color: #94A7FF;
}
.darkMode button.btn.btn-cancel:hover, .darkMode a.btn.btn-cancel:hover {
  color: #0D0D0C;
  background-color: #94A7FF;
  border-color: #94A7FF;
}
.darkMode button.btn.btn-cancel:active, .darkMode a.btn.btn-cancel:active {
  background-color: #ccc;
  border-color: #ccc;
}
.darkMode button.btn.btn-start, .darkMode a.btn.btn-start {
  background-color: #1DBA1D;
  border-color: #1DBA1D;
  color: #0D0D0C;
}
.darkMode button.btn.btn-start:hover, .darkMode a.btn.btn-start:hover {
  background-color: #6FE16F;
  border-color: #6FE16F;
}
.darkMode button.btn.btn-danger, .darkMode a.btn.btn-danger {
  background-color: #F85E5E;
  border-color: #F85E5E;
  color: #0D0D0C;
}
.darkMode button.btn.btn-danger:hover, .darkMode a.btn.btn-danger:hover {
  background-color: #F97777;
  border-color: #F97777;
}
.darkMode a.btn-tertiary, .darkMode button.btn-tertiary {
  color: #94A7FF !important;
  text-decoration: none;
}
.darkMode a.btn-tertiary:hover, .darkMode button.btn-tertiary:hover {
  color: #ccc !important;
  text-decoration: none;
}
.darkMode label.btn-success {
  color: #202326;
}
.darkMode label.btn-success:active {
  color: #202326;
}
.darkMode .button-add[disabled]:hover .fa-inverse {
  color: #202326 !important;
}
.darkMode .button-add .fa-inverse {
  color: #202326;
}
.darkMode .ui-button:disabled {
  background-color: #5E5E5E;
  border-color: #5E5E5E;
  color: #202326;
}
.darkMode .form-control[disabled], fieldset[disabled] .darkMode .form-control, .darkMode .input-group[disabled], fieldset[disabled] .darkMode .input-group {
  color: #5E5E5E !important;
  background-color: #2C2C2B !important;
}
.darkMode input[type=button]:focus,
.darkMode input[type=submit]:focus,
.darkMode input:focus,
.darkMode .c-checkbox label input:focus ~ span,
.darkMode :focus {
  border-color: #94A7FF;
}

/*
 * Component: Colour Picker
 */
.colorPicker {
  display: table;
  position: relative;
  margin-bottom: 35px;
  width: 100%;
  height: 40px;
}

.colorPicker input {
  display: inline-block;
  margin-bottom: 0px;
}

.colorPicker .color-swatch {
  border-radius: 4px;
  position: absolute;
  border: 1px solid #E0E0E0;
  height: 28px;
  width: 28px;
  top: 3px;
  right: 3px;
}
.colorPicker .color-swatch.disabled {
  pointer-events: none;
}

.popover-input {
  position: relative !important;
  margin-bottom: 0px !important;
  width: 83% !important;
}

.angular-color-picker {
  padding: 0px !important;
  border: none !important;
}

.angular-color-picker > ._hues > ._cursor {
  width: 42px !important;
}

.colorpicker-close {
  margin-right: 5px;
  margin-bottom: 15px;
  font-size: 25px;
}

.darkMode .popover {
  background-color: #2C2C2B;
  border: 1px solid #2C2C2B !important;
  box-shadow: 0 1px 3px 0 rgba(0,0,0,0.3);
}
.darkMode .popover.top > .arrow:after {
  border-top-color: #2C2C2B;
}
.darkMode .popover-content {
  background-color: #2C2C2B;
}
.darkMode .angular-color-picker {
  background-color: #2C2C2B;
}
.darkMode .angular-color-picker > ._hues > ._cursor {
  border-left-color: white;
  border-right-color: white;
}
.darkMode .colorpicker-close {
  color: white;
  opacity: 0.3;
}
.darkMode .colorpicker-close:hover {
  opacity: 0.5;
}

/*
 * Forms
 */
.modal-content .edit-form {
  float: none;
}

.edit-form .button-row button {
  margin-top: 0;
}

.edit-form .button-row file-upload button {
  margin-bottom: 20px;
}

.edit-form .button-row {
  text-align: right;
  padding-top: 0;
  margin: 0 0 20px 0;
  width: 100%;
  clear: both;
}

.full-length-label {
  text-align: left !important;
}

.form-label-light {
  font-weight: normal;
}

.edit-form .error {
  margin: 8px 0;
}

.last-form-item {
  margin-bottom: 0 !important;
  margin-top: 15px;
}

fieldset .form-group {
  margin-bottom: 15px;
}

input:required:invalid {
  outline: none;
}

@layer primeng {
  input[type=text], input[type=url], input[type=email], input[type=number], input[type=password], button, textarea, select {
    -webkit-appearance: none;
    -moz-appearance: none;
    border-radius: 4px;
    padding: 6px 8px;
    background-color: #FFF;
    border: 1px solid #CCCCCC;
  }

  .darkMode button.permission-edit {
    background: transparent;
  }
}
@layer base {
  input[type=text]:focus, input[type=url]:focus, input[type=email]:focus, input[type=number]:focus, input[type=password]:focus, textarea:focus {
    border: 1px solid #2c2c2b;
    box-shadow: none;
  }
}
input[type=text], input[type=url], input[type=email], input[type=number], input[type=password], textarea, select {
  width: 100%;
}

input[type=text]:disabled,
input[type=password]:disabled,
input[type=url]:disabled,
.p-disabled,
.p-disabled label {
  cursor: not-allowed !important;
  color: #5E5E5E;
}

.p-dropdown > input[type=text] {
  border: none;
}

.ui-dropdown.p-disabled {
  background: #EBEBEB;
  opacity: 1;
}
.ui-dropdown.p-disabled .ui-dropdown-label {
  color: #5E5E5E;
}

.display-field {
  border: 0 !important;
  background-color: transparent !important;
  padding-left: 0.5em !important;
  padding-bottom: 7px !important;
  opacity: 1 !important;
}

.modal-footer .input-group input[type=text] {
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
}

select {
  background-image: url("../images/select-arrow.png") !important;
  background-repeat: no-repeat !important;
  background-size: 12px 16px !important;
  background-position: 100% 0;
}

.form-horizontal .control-label {
  word-break: break-word;
}

.input-group input[type=text] {
  width: 100%;
  margin: 0;
}

.input-group input[type=url] {
  width: 100%;
  margin: 0;
}

@layer base {
  .form-control, .x-form-text, .select2-input, select {
    border: 1px solid #CCCCCC;
    box-shadow: none !important;
    line-height: 1.2em;
    padding: 6px 8px;
    color: #0D0D0C;
  }
}
textarea.form-control {
  width: 100% !important;
  min-height: 34px;
  max-height: 320px;
}

.col-sm-6 input.form-control {
  margin: 0;
}

span.has-error, input.has-error.form-control.ng-invalid.ng-touched, input.has-error.form-control.ng-invalid.ng-dirty {
  border-color: #F51515;
}

input.has-error.form-control.ng-invalid {
  border-color: #FFF;
}

span.error-message {
  display: block;
  color: #F51515;
}

.has-error .form-control, .has-error .x-form-text, .has-error .select2-input,
.has-error .form-control:focus, .has-error .x-form-text:focus, .has-error .select2-input:focus {
  border-color: #FFF;
}

.has-error .ui-select-search {
  border-color: #FFF !important;
}

.has-error .help-block, .has-error .control-label, .has-error .radio, .has-error .checkbox,
.has-error .radio-inline, .has-error .checkbox-inline, .has-error.radio label, .has-error.checkbox label,
.has-error.radio-inline label, .has-error.checkbox-inline label {
  color: #0D0D0C;
}

.has-error input.form-control.ng-invalid, input.form-control.ng-invalid.ng-invalid-upload-error, .has-error .ng-invalid input,
.has-error select.form-control.ng-invalid, .has-error div.ng-invalid .ui-select-toggle,
.has-error fme-repo-chooser-ajs.ng-invalid #workspace > div.ui-dropdown,
.has-error fme-workspace-chooser-ajs.ng-invalid #workspace > div.ui-dropdown,
.has-error fme-dropdown-ajs.ng-invalid div.ui-dropdown,
.has-error category-select.ng-invalid {
  border-color: #F51515;
}

.has-error category-select.ng-invalid button, .has-error resource-field.ng-invalid button {
  border-right-color: #F51515 !important;
  border-top-color: #F51515 !important;
  border-bottom-color: #F51515 !important;
}

.has-error category-select.ng-invalid button.ui-button {
  border-top: 1px #F51515 solid;
  border-bottom: 1px #F51515 solid;
}

.error span {
  color: #F51515;
}

.form-group.last {
  margin-bottom: 0;
}

input[type=checkbox] {
  width: auto;
  vertical-align: middle;
  margin-left: -20px;
}

legend {
  font-size: 18px;
  color: #0D0D0C;
  border-bottom: 1px solid #E0E0E0;
}

.c-checkbox:hover span, .c-radio:hover span {
  border-color: #2c2c2b;
}

.c-checkbox input[type=checkbox]:checked + span,
.c-checkbox input[type=checkbox]:checked + span.error + span,
.c-checkbox input[type=checkbox]:checked + span,
.c-radio input[type=checkbox]:checked + span,
.c-checkbox input[type=radio]:checked + span,
.c-radio input[type=radio]:checked + span {
  border-color: #0d0d0c;
  background-color: #0d0d0c;
}

.c-checkbox input[type=checkbox]:checked + span:hover,
.c-checkbox input[type=checkbox]:checked + span.error + span:hover,
.c-checkbox input[type=checkbox]:checked + span:hover,
.c-radio input[type=checkbox]:checked + span:hover,
.c-checkbox input[type=radio]:checked + span:hover,
.c-radio input[type=radio]:checked + span:hover {
  border-color: #2c2c2b;
  background-color: #2c2c2b;
}

.c-checkbox input[type=checkbox]:disabled + span,
.c-radio input[type=checkbox]:disabled + span,
.c-checkbox input[type=radio]:disabled + span,
.c-radio input[type=radio]:disabled + span {
  border-color: #CCCCCC !important;
  background-color: #EBEBEB !important;
}

.switch span, .switch span:after {
  border-color: #CCCCCC;
}

.switch span {
  background-color: #CCCCCC;
}
.switch span:hover {
  background-color: #E0E0E0;
}

.switch input:checked + span {
  background-color: #0d0d0c;
  border-color: #0d0d0c;
}

.switch input:checked + span:hover {
  background-color: #2c2c2b;
  border-color: #2c2c2b;
}

.switch input:checked[disabled] + span {
  background-color: #CCCCCC;
  border-color: #CCCCCC;
}

.c-checkbox input[type=checkbox]:checked + span.error + span:before {
  color: #FFF;
  opacity: 1;
  transition: color 0.3s ease-out;
}

.c-checkbox {
  display: inline-block;
}
.c-checkbox.checkbox-small span {
  width: 15px;
  height: 15px;
  margin-left: -15px;
  background-color: #FFF;
  padding: 0;
}
.checkbox-cell .c-checkbox.checkbox-small span {
  vertical-align: middle;
}
.c-checkbox.checkbox-small span:before {
  line-height: 14px;
}
.c-checkbox.checkbox-small.checkbox-margin-right {
  margin-right: 10px;
}

.form-control:focus, .x-form-text:focus, .select2-input:focus {
  border-color: #2c2c2b;
}

fme-password-field input:focus {
  border-color: #2c2c2b;
  box-shadow: none;
}

.x-form-text:focus {
  box-shadow: 0 0 7px rgba(97,93,93,0.6);
}

.form-control[disabled], fieldset[disabled] .form-control {
  color: #5E5E5E;
  background-color: #EBEBEB;
}
.form-control[disabled]:hover, fieldset[disabled] .form-control:hover {
  background-color: #EBEBEB;
}
.form-control[disabled].ui-select-multiple, fieldset[disabled] .form-control.ui-select-multiple {
  background-color: white !important;
}
.form-control[disabled].ui-select-multiple.ui-select-bootstrap input.ui-select-search, fieldset[disabled] .form-control.ui-select-multiple.ui-select-bootstrap input.ui-select-search {
  background-color: #f8f8fa !important;
}
.form-control[readonly] {
  background-color: #EBEBEB;
}

.ui-multiselect.p-disabled {
  background-color: #EBEBEB;
  opacity: 1;
}

hr {
  border-top: 1px solid #E0E0E0;
}

.form-group .hint {
  font-size: 12px;
}

.p-dropdown-items .p-dropdown-item:active {
  background: #ccc !important;
}
.p-dropdown-items .p-dropdown-item.p-highlight {
  color: #0d0d0c !important;
}

.p-multiselect.p-disabled {
  background: #EBEBEB !important;
}

.p-multiselect-panel .p-multiselect-header .p-multiselect-filter-container .p-multiselect-filter-icon,
.p-dropdown-panel .p-dropdown-header .p-dropdown-filter-icon,
.p-dropdown .p-dropdown-clear-icon {
  margin-top: -0.5em;
}

.darkMode hr {
  border-top: 1px solid #5E5E5E;
}
.darkMode legend {
  color: #FFF;
  border-bottom: 1px solid #5E5E5E;
}
@layer primeng {
  .darkMode input[type=text], .darkMode input[type=email], .darkMode input[type=number], .darkMode input[type=password], .darkMode input[formcontrolname=number], .darkMode textarea, .darkMode select {
    background-color: #1E1E1C;
    color: #FFF;
    border: 1px solid #5E5E5E;
  }
}
.darkMode .p-dropdown > input[type=text] {
  border: none;
}
.darkMode ::placeholder {
  color: #5E5E5E !important;
}
.darkMode .safe-grid-footer input[type=number], .darkMode .safe-grid-footer select {
  background-color: #040403;
}
.darkMode input[type=checkbox]:disabled + span, .darkMode input[type=radio]:disabled + span {
  border-color: #5E5E5E !important;
  background-color: #5E5E5E !important;
}
.darkMode .has-error .help-block, .darkMode .has-error .control-label, .darkMode .has-error .radio, .darkMode .has-error .checkbox,
.darkMode .has-error .radio-inline, .darkMode .has-error .checkbox-inline, .darkMode .has-error.radio label, .darkMode .has-error.checkbox label,
.darkMode .has-error.radio-inline label, .darkMode .has-error.checkbox-inline label {
  color: #EBEBEB;
}
.darkMode .has-error input.form-control.ng-invalid, .darkMode input.form-control.ng-invalid.ng-invalid-upload-error, .darkMode .has-error .ng-invalid input,
.darkMode .has-error select.form-control.ng-invalid, .darkMode .has-error div.ng-invalid .ui-select-toggle {
  border-color: #F97777;
}
.darkMode .c-checkbox.checkbox-small span {
  background-color: transparent;
}
.darkMode .switch span {
  background-color: #1E1E1C;
  border-color: #5E5E5E;
}
.darkMode .switch span:hover {
  background-color: #2C2C2B;
}
.darkMode .switch input:checked + span {
  background-color: #2c2c2b;
  border-color: #2c2c2b;
}
.darkMode .switch input:checked + span:hover {
  background-color: #94A7FF;
  border-color: #94A7FF;
}
.darkMode .switch span:after,
.darkMode .switch input:checked + span:after {
  background-color: #FFF;
}
.darkMode input[type=text]:disabled,
.darkMode input[type=password]:disabled,
.darkMode .p-disabled {
  opacity: 1;
  color: #999999;
}
.darkMode input[type=text]:disabled .ui-dropdown-label,
.darkMode input[type=password]:disabled .ui-dropdown-label,
.darkMode .p-disabled .ui-dropdown-label {
  color: #999999 !important;
  background-color: #2C2C2B !important;
}
.darkMode .ui-dropdown.p-disabled {
  background-color: #2C2C2B;
}
.darkMode .form-control[disabled].ui-select-multiple.ui-select-bootstrap input.ui-select-search, fieldset[disabled] .darkMode .form-control.ui-select-multiple.ui-select-bootstrap input.ui-select-search {
  background-color: #2C2C2B !important;
}
.darkMode .form-control[readonly] {
  background-color: #2C2C2B;
}
.darkMode .form-control:focus, .darkMode .x-form-text:focus, .darkMode .select2-input:focus {
  border-color: #94A7FF;
}
.darkMode fme-password-field input:focus {
  border-color: #94A7FF;
}
.darkMode .c-checkbox input[type=checkbox]:checked + span,
.darkMode .c-checkbox input[type=checkbox]:checked + span.error + span,
.darkMode .c-checkbox input[type=checkbox]:checked + span,
.darkMode .c-radio input[type=checkbox]:checked + span,
.darkMode .c-checkbox input[type=radio]:checked + span,
.darkMode .c-radio input[type=radio]:checked + span {
  background-color: #2c2c2b;
  border-color: #2c2c2b;
}
.darkMode .c-radio input[type=radio]:checked + span:before {
  color: #FFF !important;
}
.darkMode .c-checkbox input[type=checkbox]:checked + span:hover,
.darkMode .c-checkbox input[type=checkbox]:checked + span.error + span:hover,
.darkMode .c-checkbox input[type=checkbox]:checked + span:hover,
.darkMode .c-radio input[type=checkbox]:checked + span:hover,
.darkMode .c-checkbox input[type=radio]:checked + span:hover,
.darkMode .c-radio input[type=radio]:checked + span:hover {
  background-color: #94A7FF;
  border-color: #94A7FF;
}
.darkMode .c-checkbox input[type=checkbox]:checked + span.error + span:before {
  color: #0D0D0C;
}
.darkMode .c-checkbox:hover span, .darkMode .c-radio:hover span {
  border-color: #94A7FF;
}
.darkMode span.has-error, .darkMode input.has-error.form-control.ng-invalid.ng-touched, .darkMode input.has-error.form-control.ng-invalid.ng-dirty,
.darkMode .has-error input.form-control.ng-invalid, .darkMode input.form-control.ng-invalid.ng-invalid-upload-error, .darkMode .has-error .ng-invalid input,
.darkMode .has-error select.form-control.ng-invalid, .darkMode .has-error div.ng-invalid .ui-select-toggle {
  border-color: #F97777 !important;
}
.darkMode span.error-message,
.darkMode .error span {
  color: #F97777;
}
.darkMode .dialog-body pre {
  background-color: #0D0D0C;
  color: #FFF;
}
.darkMode .p-dropdown-items .p-dropdown-item:active {
  background: #1E1E1C !important;
}
.darkMode .p-dropdown-items .p-dropdown-item.p-highlight {
  color: #94A7FF !important;
}
.darkMode .p-multiselect.p-disabled {
  background: #2C2C2B !important;
}

/*
 * Component: Location Bar
 */
.locationBar {
  float: left;
  margin-left: 10px;
}
.locationBar span {
  line-height: 40px;
}
.locationBar a, .locationBar a:visited, .locationBar .shared-resource-crumb {
  line-height: 40px;
  margin: 0 0px;
  word-wrap: break-word;
  max-width: 95%;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.locationBar .shared-resource-crumb {
  margin: 0;
  padding: 0;
  max-width: 100%;
}

/*
 * Component: Modals
 */
.modal-header {
  border-bottom: 1px solid #E0E0E0;
}

.modal-body {
  word-break: break-word;
}

.modal-body .applyMaxHeight {
  overflow-y: auto;
}

.modal-body .applyMaxHeight.fullWidth {
  margin: -15px;
  padding: 15px;
}

.modal-body .col-sm-8.applyMaxHeight {
  padding-left: 0;
}

.modal-body .col-sm-4.applyMaxHeight {
  padding: 0 15px;
}

.modal-content input[type=radio] {
  margin: 0 5px 0 10px;
  vertical-align: middle;
}

.modal-content .radioGroup {
  margin: 0 0 15px 0;
  display: block;
}

.modal .dialogSelections {
  /*
  margin-top: 14px;
  */
  display: inline-block;
  vertical-align: middle;
  line-height: 35px;
}

.modal .clearSelections {
  float: right;
  margin-bottom: 0;
  margin-left: 15px;
}

.modal-footer {
  border-top: 1px solid #E0E0E0;
  clear: both;
}

.modal-body ul.showListBullets {
  list-style-type: disc;
  margin-left: 2rem;
  margin-top: 1rem;
}

.modal-body .listed-modal .form-group:last-of-type {
  margin-bottom: 15px;
}
.modal-body .listed-modal .grouped-parameter {
  margin-bottom: 7px;
}

.darkMode .modal-content {
  color: #FFF;
  background-color: #2C2C2B;
}
.darkMode .modal-content .modal-title {
  color: #FFF;
}
.darkMode .modal-header {
  border-bottom: 1px solid #202326;
}
.darkMode .modal-body h1, .darkMode .modal-body h2, .darkMode .modal-body h3, .darkMode .modal-body h4 {
  color: #FFF;
}
.darkMode .modal-body .safe-table {
  border: 1px solid #202326 !important;
}
.darkMode .modal-body .safe-table thead tr {
  border: none;
}
.darkMode .modal-body .safe-table tr {
  border: none;
}
.darkMode .modal-body .safe-table .unclickable {
  background: #2C2C2B;
}
.darkMode .modal-body .nav-tabs > li > a {
  background: #0D0D0C;
  color: inherit;
}
.darkMode .modal-body .nav-tabs > li > a:hover, .darkMode .modal-body .nav-tabs > li > a:active, .darkMode .modal-body .nav-tabs > li > a:focus {
  color: #94A7FF;
}
.darkMode .modal-body .nav-tabs > li.active > a {
  background: #2C2C2B;
  border-bottom-color: #2C2C2B;
  color: inherit;
}
.darkMode .modal-footer {
  border-top: 1px solid #202326;
}

#safePromptForm > div {
  padding-left: 15px;
}

/*
 * Component: Panels
 */
.panel-footer {
  background-color: #FFF;
  border-top: none;
  padding: 0;
}

.panel-default .panel-heading {
  border-bottom: 1px solid #E0E0E0;
  background-color: #FFF;
}
.panel-default .panel-heading.no-border {
  border: 0;
}
.panel-default .panel-heading.has-body {
  margin-bottom: 0;
}
.panel-default .panel-heading.panel-heading-collapsed {
  margin-bottom: 0;
  border-bottom: 0;
}
.panel-default .panel-heading:hover .accordion-toggle {
  color: #2c2c2b;
}
.panel-default .panel-heading span {
  font-size: 1.75rem;
  vertical-align: middle;
  font-weight: 500;
  color: #0D0D0C;
}
.panel-default .panel-heading span:focus {
  outline: none !important;
}
tag .panel-default .panel-heading .fa {
  font-size: 25px;
}
.panel-default .panel-heading .btn-success span {
  color: #FFF !important;
}
.panel-default .panel-heading button:hover span {
  color: #FFF !important;
}
.panel-default .panel-heading button > span.fa, .panel-default .panel-heading button > span.glyphicon {
  line-height: 13px;
}
.panel-default .panel-heading.dark-panel-heading {
  color: #0D0D0C;
  border-bottom: none;
}
.panel-default .panel-heading.dark-panel-heading panel-actions .panel-icon {
  color: #0D0D0C;
}
.panel-default .panel-heading.dark-panel-heading panel-actions .panel-icon:hover {
  color: #2c2c2b;
}

.panel-icon {
  font-size: 14px;
}

.panel-heading > h3 {
  margin: 0;
}

.panel.panel-default {
  border: none;
}

.panel-body {
  padding: 15px;
}
.panel-body .job-status-title.status-title {
  margin-top: 20px;
}
.panel-body.table-panel {
  padding: 0;
}
.panel-body.table-panel .safe-table {
  border: 0;
}
.panel-body.table-panel .grid-title {
  padding: 5px 15px;
}
.panel-body.table-panel .grid-toolbar {
  padding: 5px 15px;
}
.panel-body.table-panel .grid-toolbar.safe-grid-select {
  margin-bottom: 0;
  margin-top: 5px;
}
.panel-body.table-panel safe-grid > div {
  margin-bottom: 0;
}
.panel-body.table-panel safe-grid > div .safe-table {
  border-top: 2px solid #E0E0E0;
}

panel-actions {
  display: inline;
}
panel-actions .panel-arrows .panel-icon {
  font-weight: bolder;
  font-size: 1em;
  margin-left: 10px;
}
panel-actions .panel-icon {
  cursor: pointer;
  font-size: 20px;
}
panel-actions .panel-icon:hover {
  color: #2c2c2b;
}

panel-actions > span {
  vertical-align: top !important;
}

panel-actions > span > ng-transclude {
  display: inline-block;
}

.panel-heading button.dropdown-toggle {
  padding: 5px 15px;
  margin-bottom: 5px;
}
.panel-heading button.dropdown-toggle > span {
  font-size: 13px;
  line-height: 18px;
  vertical-align: baseline;
}
.panel-heading button.dropdown-toggle .caret {
  margin-left: 5px;
}

.table-striped > tbody > tr:nth-of-type(odd) {
  background-color: #FFF;
}

.table-striped > tbody > tr {
  border-bottom: 1px solid #E0E0E0;
}

.table-striped > tbody > tr > td > strong {
  color: #0d0d0c;
  font-weight: 500;
  font-size: 1em;
}

.table-striped > tbody > tr:last-child {
  border-bottom: none;
}

.darkMode .table-striped > tbody > tr {
  border-bottom: 1px solid #5E5E5E;
}
.darkMode .panel-default .panel-heading {
  background: #2C2C2B;
  border-bottom: 1px solid #5E5E5E;
}
.darkMode .panel-default .panel-heading span {
  color: #FFF;
}
.darkMode .panel-default .panel-heading:hover .accordion-toggle {
  color: #94A7FF;
}
.darkMode .panel-default .panel-heading button > span {
  color: #94A7FF !important;
}
.darkMode .panel-default .panel-heading button:hover span {
  color: #0D0D0C !important;
}
.darkMode .panel-body {
  border-top: none !important;
}
.darkMode .panel-footer {
  border-top: none !important;
}
.darkMode .panel-icon:hover {
  color: #94A7FF !important;
}

/* angular progress bar */
.progress {
  margin: 0 0 35px 0;
  -webkit-box-shadow: none;
  box-shadow: none;
  border: 1px solid #0082B5;
  border-radius: 6px;
  height: 28px;
  position: relative;
  z-index: 100;
}

.progress-bar {
  background-color: #0082B5;
  line-height: 24px;
  -webkit-box-shadow: none;
  box-shadow: none;
  border-radius: 4px;
}

.progress-inline {
  margin: 0;
}

.field-progress.progress {
  margin: 0px;
  height: 5px;
  border: 0;
  border-radius: 0;
}

.field-progress .progress-bar {
  height: 5px;
  border-radius: 0;
  border-bottom: 1px solid #009C00;
  line-height: 32px;
  color: #0D0D0C !important;
  font-weight: bold;
}

.darkMode .field-progress .progress-bar {
  background-color: #0D0D0C;
  color: #FFF !important;
}
.darkMode .field-progress.progress {
  background-color: #0D0D0C;
}
.darkMode .progress-bar span {
  color: #202326 !important;
}

/*
 * Component: Refresh Token
 */
#tokenForm .tokenExpire {
  width: 60% !important;
  display: inline;
  margin-bottom: 5px;
}

#tokenForm .ui-select-bootstrap, #tokenForm select {
  width: 40%;
  margin: 0 0 5px 0;
  position: relative;
  display: inline-block;
  zoom: 1;
  vertical-align: middle;
}

.manage-token .panel-body {
  padding-top: 10px;
}

/* Select2 */
.select2-container {
  color: inherit !important;
}

.select2-container {
  width: 100%;
  margin-bottom: 35px;
}

.select2-search-field {
  margin-left: 0 !important;
}

.select2-drop-active,
.select2-container-multi .select2-choices {
  border: 1px solid #FFF !important;
  outline: none !important;
  border-radius: 4px;
  line-height: 13px;
}

.select2-drop-active {
  border-top-left-radius: 0 !important;
  border-top-right-radius: 0 !important;
  margin-top: -2px;
}

.select2-container .select2-choice,
.select2-container-multi .select2-choices .select2-search-choice {
  padding: 6px !important;
  color: #797979;
  background-color: #FFF;
  background-image: none !important;
}

.select2-results .select2-highlighted {
  background-color: #E0E0E0;
  color: black !important;
}

.select2-container,
.select2-drop,
.select2-dropdown-open .select2-choice,
.select2-container .select2-choice,
.select2-container .select2-choice > .select2-chosen,
.select2-container-active .select2-choice,
.select2-container-active .select2-choices,
.select2-drop-active,
.select2-container-active .select2-choice,
.select2-container-active .select2-choices,
.select2-container-multi.select2-container-active .select2-choices,
.select2-container-multi .select2-choices,
.select2-container-multi .select2-choices .select2-search-choice {
  border-color: #FFF !important;
  border-width: 1px !important;
  background: #FFF !important;
  box-shadow: none !important;
  outline: none !important;
  border-radius: 4px;
}

.select2-container .select2-choice .select2-arrow {
  background: transparent !important;
  border-left: 0 !important;
}

.select2-container-multi .select2-search-choice-close {
  top: 40%;
  left: 8px;
  margin-top: -5px;
}

.select2-search-choice-close {
  border-width: 1px !important;
}

.select2-search input {
  margin: 10px 0 5px 0;
}

.select2-dropdown-open .select2-choice,
.select2-container-active .select2-choice,
.select2-container-active .select2-choices,
.select2-drop-active,
.select2-container-active .select2-choice,
.select2-container-active .select2-choices,
.select2-dropdown-open.select2-drop-above .select2-choice,
.select2-dropdown-open.select2-drop-above .select2-choices,
.select2-container-multi.select2-container-active .select2-choices {
  border: 1px solid #0d0d0c !important;
}

.select2-container-active .select2-choices,
.select2-container-active .select2-choices,
.select2-container-multi.select2-container-active .select2-choices {
  border-color: #0d0d0c !important;
  border-top-right-radius: 0 !important;
}

.select2-container-multi .select2-choices .select2-search-field input {
  padding: 8px;
  line-height: 18px;
}

.select2-results .select2-result-label,
.select2-results .select2-no-results,
.select2-results .select2-searching,
.select2-results .select2-selection-limit {
  padding: 8px;
}

.select2-arrow-container {
  position: absolute;
  right: 3px;
  top: 1px;
}

.select2-arrow-container a {
  border: 0 !important;
}

.select2-drop {
  color: #0D0D0C;
}

.select2-drop, .select2-drop-above {
  background: #FFF !important;
  z-index: 99999;
}

.select2-drop.select2-drop-above {
  margin-top: 8px;
  border-top-left-radius: 6px !important;
  border-top-right-radius: 6px !important;
}

.select2-dropdown-open .select2-choice,
.select2-dropdown-open .select2-choices {
  border-bottom-left-radius: 0 !important;
  border-bottom-right-radius: 0 !important;
}

.select2-drop-above .select2-choice,
.select2-drop-above .select2-choices {
  border-radius: 0 0 6px 6px !important;
}

.redExtBorder .select2-choice {
  border-color: #F51515 !important;
}

.select2-choices {
  z-index: 999;
  width: auto;
  min-width: 100%;
}

.ui-select-multiple .select2-choice {
  border: 0 !important;
  height: 0;
  position: absolute;
  right: 2px;
  top: 2px;
}

.ui-select-dropdown ul li {
  list-style: none !important;
  margin: 0 !important;
}

.ui-select-choices-group {
  display: inline-block;
  min-width: 100%;
}

.ui-select-choices-group ul, .grid-tabs ul {
  margin: 0 !important;
}

.ui-select-choices {
  margin-top: 3px !important;
}

.select2-container-multi .select2-choices li {
  list-style: none !important;
}

.select2-results li {
  list-style: none !important;
  display: list-item;
  background-image: none;
}

ul.select2-choices {
  margin: 0 !important;
}

.ui-select-multiple {
  border: 0 !important;
  padding: 0 !important;
}

.ui-select-multiple input.ui-select-search {
  -webkit-appearance: none;
  -moz-appearance: none;
  border-radius: 4px;
  border: 1px solid #CCCCCC !important;
  padding: 6px 8px;
  background-color: #FFF !important;
  margin: 0 0 4px 0 !important;
  height: 34px !important;
  width: 100% !important;
}

.ui-select-multiple input.ui-select-search:focus {
  border-color: #0d0d0c !important;
}

.ui-select-multiple .ui-select-match-item {
  outline: 0;
  margin: 0 4px 4px 0;
  padding: 4px 8px;
  border-radius: 4px;
  border-color: #CCCCCC;
  border-radius: 20px;
}

.ui-select-multiple .ui-select-choices {
  position: absolute;
  top: 33px;
}

.ui-select-choices {
  min-width: 100%;
  overflow-x: auto !important;
}

.ui-select-multiple .fa-search {
  position: absolute;
  right: 9px;
  top: 9px;
  color: #0d0d0c;
}

.ui-select-multiple[tagging] .fa-search {
  display: none;
}

.select2-container .select2-choice,
.select2-container-multi .select2-choices .select2-search-choice {
  color: #3a3f51;
}

.select-locked:active,
.select-locked:focus,
.select-locked:hover {
  background-color: #FFF;
  color: #0D0D0C;
  cursor: default;
}

.select2-results-warning {
  clear: left;
  font-style: italic;
  padding: 3px 15px 0px 15px;
  background-color: #FFF;
  color: #0D0D0C;
  margin: 3px -15px -3px -15px;
  cursor: default;
}

.ui-select-highlight {
  font-weight: bold;
  background: #FFE999;
}

.ui-select-choices-row.active .ui-select-highlight {
  background: #FFE999 !important;
}

.ui-select-toggle:focus {
  border-color: #0d0d0c !important;
  outline: none !important;
}

.ui-select-container.focus {
  border-color: #0d0d0c !important;
  outline: none !important;
}

.ui-select-container[theme=bootstrap].direction-up .ui-select-dropdown {
  margin-top: -4px !important;
}

.darkMode .select2-container,
.darkMode .select2-drop,
.darkMode .select2-dropdown-open .select2-choice,
.darkMode .select2-container .select2-choice,
.darkMode .select2-container .select2-choice > .select2-chosen,
.darkMode .select2-container-active .select2-choice,
.darkMode .select2-container-active .select2-choices,
.darkMode .select2-drop-active,
.darkMode .select2-container-active .select2-choice,
.darkMode .select2-container-active .select2-choices,
.darkMode .select2-container-multi.select2-container-active .select2-choices,
.darkMode .select2-container-multi .select2-choices,
.darkMode .select2-container-multi .select2-choices .select2-search-choice {
  border-color: #FFF !important;
  border-width: #FFF !important;
  background: #0D0D0C !important;
  color: #FFF !important;
}
.darkMode .select2-results-warning {
  border-color: #FFF !important;
  border-width: #FFF !important;
  background: #0D0D0C !important;
  color: #FFF !important;
}
.darkMode .ui-select-choices-row:hover {
  background-color: #2C2C2B;
}
.darkMode .ui-select-toggle:focus {
  border-color: #6DA6FE !important;
}
.darkMode .ui-select-multiple input.ui-select-search:focus {
  border-color: #6DA6FE !important;
}
.darkMode .ui-select-multiple input.ui-select-search:focus {
  border-color: #6DA6FE !important;
}
.darkMode .ui-select-multiple .fa-search {
  color: #6DA6FE;
}
.darkMode .select2-results .select2-highlighted {
  background-color: #2C2C2B;
  color: #0D0D0C !important;
}
.darkMode .select2-search input {
  background: #0D0D0C;
}

/* States and Status Icons */
.job-state-icon, .state-icon {
  display: inline-block;
  margin: 0 auto;
  height: 22px;
  width: 22px;
  font-family: "simple-line-icons";
  line-height: 1;
  font-size: 22px;
  position: relative;
  z-index: 300;
  vertical-align: middle;
}

.job-state-icon .state-inner-circle, .state-icon .state-inner-circle {
  height: 20px;
  width: 20px;
  position: absolute;
  z-index: -1;
  top: 50%;
  left: 50%;
  margin-left: -10px;
  margin-top: -10px;
  border-radius: 10px;
}

.state-icon .state-inner-circle {
  height: 28px;
  width: 28px;
  margin-left: -14px;
  margin-top: -14px;
  border-radius: 14px;
}

.x-grid-row-over .state-icon .state-inner-circle,
.x-grid-row-selected .state-icon .state-inner-circle,
safe-grid .safe-table tr:hover .job-state-icon .state-inner-circle,
safe-grid .safe-table tr:hover .state-icon .state-inner-circle,
safe-grid .safe-table tr.selected .job-state-icon .state-inner-circle,
safe-grid .safe-table tr.selected .state-icon .state-inner-circle {
  height: 28px;
  width: 28px;
  margin-left: -17px;
  margin-top: -17px;
  border-radius: 17px;
}

.job-state-success:before {
  content: "";
  color: #009C00;
}

.job-state-icon-warning:before {
  content: "";
  color: #F55215;
}

.job-state-cancelled:before {
  content: "";
  color: #F51515;
}

.job-state-fme_failure:before,
.job-state-job_failure:before,
.job-state-failure:before {
  content: "";
  color: #F51515;
}

.job-state-queued:before,
.job-state-submitted:before {
  content: "";
  color: #0082B5;
}

.job-state-running,
.job-state-in_process {
  -webkit-animation: fa-spin 3s infinite linear;
  animation: fa-spin 3s infinite linear;
}

.job-state-running:before,
.job-state-in_process:before {
  content: "";
  color: #0082B5;
}

.state-connecting:before {
  content: "";
  color: #F55215;
}

.state-enabled:before, .state-success:before {
  content: "";
  color: #009C00;
}

.state-aborted:before {
  content: "";
  color: #F51515;
}

.state-disabled:before {
  content: "";
  color: #F51515;
}

.state-inactive:before {
  content: "";
  color: #5E5E5E;
}

.state-unsupported:before {
  content: "";
  color: #F55215;
}

.licenseDropzone .sm-status-icon {
  float: none !important;
  margin: 2px 0 0 10px;
}

.sm-status-icon {
  margin: 0 10px 0 0;
  float: left;
  font-size: 18px;
  height: 18px;
  width: 18px;
}
.sm-status-icon.no-float {
  float: none;
}

.sm-status-icon .state-inner-circle {
  height: 16px !important;
  width: 16px !important;
  margin-left: -8px !important;
  margin-top: -8px !important;
  border-radius: 8px !important;
}

.x-grid-row-over .sm-status-icon .state-inner-circle,
.x-grid-row-selected .sm-status-icon .state-inner-circle {
  height: 20px !important;
  width: 20px !important;
  margin-left: -10px !important;
  margin-top: -10px !important;
  border-radius: 10px !important;
}

.sm-status-icon img {
  height: 16px;
  width: 16px;
  vertical-align: top;
}

.darkMode .state-disabled:before,
.darkMode .state-aborted:before,
.darkMode .job-state-cancelled:before,
.darkMode .job-state-fme_failure:before,
.darkMode .job-state-job_failure:before,
.darkMode .job-state-failure:before {
  color: #F97777;
}
.darkMode .state-enabled:before,
.darkMode .state-success:before,
.darkMode .job-state-success:before {
  color: #6FE16F;
}

/*
 * Component: ATS Switch
 */
.ats-switch {
  border: 2px solid #009C00;
  border-radius: 6px;
}
.ats-switch:hover {
  border-color: #009C00;
  box-shadow: none;
  opacity: 0.85;
}
.ats-switch span {
  min-height: auto !important;
  padding: 6px 15px !important;
}
.ats-switch span.switch-left {
  background-color: #009C00;
  font-size: 14px !important;
}
.ats-switch span.switch-right {
  color: #009C00;
  background-color: #FFF;
  border-left: 2px solid #009C00;
  font-size: 14px !important;
}

/*
 * Component: Text Angular Editor
 */
.editor-toolbar-group {
  margin-right: 5px;
  margin-bottom: 5px;
}

.editor-toolbar-button {
  padding: 10px 10px;
  border: 1px solid #E0E0E0;
}

.editor-toolbar-button[disabled] {
  padding: 10px 10px;
  border: 1px solid #E0E0E0;
  color: #CCCCCC;
}

/* Tooltips */
.tooltipImg:before {
  display: inline-block;
  content: "";
  font-family: "Glyphicons Halflings";
  color: #5E5E5E;
  margin: 0 5px;
  cursor: pointer;
  font-size: 16px;
  vertical-align: middle;
}

div.tooltipImg {
  display: inline;
}

.tooltip-inner {
  background-color: #FFF;
  word-break: break-word;
  max-width: 450px !important;
}
.header-tip .tooltip-inner, .tip .tooltip-inner {
  min-width: 100px;
  max-width: 100%;
  padding: 10px;
  text-align: left;
}
.lastrun-tooltip .tooltip-inner {
  max-width: 300px;
  width: 300px;
  overflow-wrap: break-word !important;
  word-wrap: break-word;
  word-break: break-word;
  overflow: visible;
}
.workspace-tip .tooltip-inner {
  width: 150px;
}
.refresh-tooltip .tooltip-inner {
  width: 55px;
}
.trash-tooltip .tooltip-inner {
  width: 70px;
}

.tooltip.bottom .tooltip-arrow, .tooltip.bottom-left .tooltip-arrow, .tooltip.bottom-right .tooltip-arrow {
  border-bottom-color: #FFF;
}

.tooltip.right .tooltip-arrow {
  border-right-color: #FFF;
}

.tooltip.top .tooltip-arrow, .tooltip.top-left .tooltip-arrow, .tooltip.top-right .tooltip-arrow {
  border-top-color: #FFF;
}

.tooltip.left .tooltip-arrow {
  border-left-color: #FFF;
}

.tooltip.bottom-right .tooltip-arrow {
  border-bottom-color: #FFF;
}

.tooltip-image {
  width: 418px;
  height: 125px;
}

.param-tip {
  max-width: 400px;
}

.darkMode .tooltipImg:before {
  color: #CCCCCC;
}
.darkMode .p-tooltip-text {
  background: #F5F5F5 !important;
}
.darkMode .p-tooltip-bottom .p-tooltip-arrow, .darkMode .p-tooltip-bottom-left .p-tooltip-arrow, .darkMode .p-tooltip-bottom-right .p-tooltip-arrow {
  border-bottom-color: #F5F5F5 !important;
}
.darkMode .p-tooltip-right .p-tooltip-arrow {
  border-right-color: #F5F5F5 !important;
}
.darkMode .p-tooltip-top .p-tooltip-arrow, .darkMode .p-tooltip-top-left .p-tooltip-arrow, .darkMode .p-tooltip-top-right .p-tooltip-arrow {
  border-top-color: #F5F5F5 !important;
}
.darkMode .p-tooltip-left .p-tooltip-arrow {
  border-left-color: #F5F5F5 !important;
}
.darkMode .p-tooltip-bottom-right .p-tooltip-arrow {
  border-bottom-color: #F5F5F5 !important;
}

/*
 * Component: top-navbar
 */
.topnavbar {
  font-family: "Roboto",sans-serif;
  border-bottom: none;
  background-color: #2C2C2B;
}
.topnavbar .navbar-nav {
  margin: 0;
}
.topnavbar .navbar-header {
  height: auto;
  background-color: #2C2C2B;
  background-image: -webkit-linear-gradient(left,#2C2C2B 0%,#2C2C2B 100%);
  background-image: -o-linear-gradient(left,#2C2C2B 0%,#2C2C2B 100%);
  background-image: linear-gradient(to right,#2C2C2B 0%,#2C2C2B 100%);
  background-repeat: repeat-x;
}
.topnavbar .navbar-header .navbar-brand:focus {
  border: none;
  box-shadow: none;
}
.topnavbar .navbar-header .brand-logo {
  text-align: left;
  padding-top: 1em;
  padding-left: 15px;
  white-space: nowrap;
}
.topnavbar .navbar-header .brand-logo .topnav-logo {
  height: 2em;
  display: block;
  margin-left: auto;
  margin-right: auto;
}
.topnavbar .navbar-header .brand-logo .topnav-name {
  display: inline;
  vertical-align: middle;
  height: 1.25em;
}
.topnavbar .navbar-header .brand-logo.hamburger {
  display: initial;
  position: fixed;
  left: 0;
  font-size: 1.5em;
}
.topnavbar .navbar-header .brand-logo-collapsed {
  padding-left: 0.75em;
  padding-top: 10px;
}
.topnavbar .navbar-header .brand-logo-collapsed .topnav-logo {
  height: 2.5em;
}
.topnavbar .navbar-header .arrow-btn {
  position: absolute;
  top: 1.7em;
  right: -0.9em;
  -webkit-transition: transform 0.4s ease-in-out;
  -moz-transition: transform 0.4s ease-in-out;
  -o-transition: transform 0.4s ease-in-out;
  transition: transform 0.4s ease-in-out;
}
.topnavbar .navbar-header .arrow-btn > a {
  background-color: #3E3E3D;
  padding: 2px 7px;
  border: 3px solid #3E3E3D;
  border-radius: 50%;
}
.topnavbar .navbar-header .arrow-btn > a > .arrow {
  color: #FFF;
  font-size: 1em;
}
.topnavbar .navbar-header .arrow-btn > a:hover {
  background-color: #5E5E5E;
  border-color: #5E5E5E;
}
.topnavbar .navbar-nav > li > a,
.topnavbar .navbar-nav > .open > a {
  height: 55px;
  padding: 17px 15px;
  background-color: transparent;
  color: #FFF;
  font-size: 1.5em;
}
.topnavbar .navbar-nav > li > a#hamburgerBars,
.topnavbar .navbar-nav > .open > a#hamburgerBars {
  padding: 0;
  top: 3em;
  left: 1.4em;
}
.topnavbar .navbar-nav > li > a:hover, .topnavbar .navbar-nav > li > a:focus,
.topnavbar .navbar-nav > .open > a:hover,
.topnavbar .navbar-nav > .open > a:focus {
  color: #94A7FF;
}
.topnavbar #hamburgerBars {
  width: 1.1em;
  height: 1.25em;
  position: fixed;
}
.topnavbar #hamburgerBars > div {
  display: block;
  width: 1em;
  height: 0.15em;
  margin: 0.25em 0;
  border-right: 0.8em solid white;
  border-left: 0.3em solid white;
  background-color: white;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-transition-property: -webkit-transform,border-right,border-left,width;
  -moz-transition-property: -moz-transform,border-right,border-left,width;
  transition-property: transform,border-right,border-left,width;
  -webkit-transition-duration: 400ms;
  -moz-transition-duration: 400ms;
  transition-duration: 400ms;
}
.topnavbar #hamburgerBars > div:nth-of-type(2) {
  -webkit-transform: rotate(-180deg);
  -moz-transform: rotate(-180deg);
  -ms-transform: rotate(-180deg);
  -o-transform: rotate(-180deg);
  transform: rotate(-180deg);
}
.topnavbar #hamburgerBars:hover > div {
  border-left-color: #94A7FF;
  background-color: transparent;
}
.topnavbar #hamburgerBars:hover > div:nth-of-type(1) {
  border-right-width: 0;
  border-left-width: 1em;
}
.topnavbar #hamburgerBars:hover > div:nth-of-type(2) {
  border-right-width: 0.15em;
  border-left-width: 0.6em;
  width: 0.85em;
}
.topnavbar #hamburgerBars:hover > div:nth-of-type(3) {
  border-right-width: 0.15em;
  border-left-width: 0.8em;
}
.topnavbar #hamburgerBars.mobileHamburgerOpen > div:nth-of-type(1) {
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
  position: fixed;
  margin-top: 0.65em;
  margin-left: -3px;
  width: 1.5em;
}
.topnavbar #hamburgerBars.mobileHamburgerOpen > div:nth-of-type(2) {
  opacity: 0;
}
.topnavbar #hamburgerBars.mobileHamburgerOpen > div:nth-of-type(3) {
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  transform: rotate(-45deg);
  width: 1.5em;
  margin-left: -3px;
}
.topnavbar #hamburgerBars.mobileHamburgerOpen:hover > div:nth-of-type(1) {
  border-right-width: 0;
  border-left-width: 1.5em;
}
.topnavbar #hamburgerBars.mobileHamburgerOpen:hover > div:nth-of-type(3) {
  border-right-width: 0em;
  border-left-width: 1.5em;
}
.topnavbar .navbar-nav > .active > a, .topnavbar .navbar-nav > .active > a:hover, .topnavbar .navbar-nav > .active > a:focus,
.topnavbar .navbar-nav > .open > a,
.topnavbar .navbar-nav > .open > a:hover,
.topnavbar .navbar-nav > .open > a:focus {
  background-color: transparent;
}
.topnavbar .navbar-nav > li > [data-toggle=navbar-search] {
  color: #0D0D0C;
}
.topnavbar .nav-wrapper {
  background-color: transparent;
  background-image: -webkit-linear-gradient(left,transparent 0%,transparent 100%);
  background-image: -o-linear-gradient(left,transparent 0%,transparent 100%);
  background-image: linear-gradient(to right,transparent 0%,transparent 100%);
  background-repeat: repeat-x;
}

.list-group-item {
  padding: 0px;
}

.header-dropdown-menu {
  border-radius: 4px;
  border: 0 !important;
}

.dropdown-menu > li a {
  padding: 1em 0.5em 1em 1.25em !important;
  font-size: 1em;
  display: block;
}
.dropdown-menu > li a em {
  margin-right: 0.35em;
  font-size: 1.25em;
}
.dropdown-menu li.menu-split {
  border-top: 1px #2C2C2B solid;
}
.dropdown-menu > .last {
  padding-bottom: 0.75em;
}
.dropdown-menu > .dropdown-header {
  padding: 0.75em 1em;
  color: #FFF;
  background-color: #2C2C2B;
  letter-spacing: 2px;
  font-weight: 200;
  font-size: 1em;
}
.dropdown-menu.animated {
  animation-duration: 0.2s;
}

@media only screen and (min-width: 768px) {
  .topnavbar {
    background-color: #2C2C2B;
    background-image: -webkit-linear-gradient(left,transparent 0%,transparent 100%);
    background-image: -o-linear-gradient(left,transparent 0%,transparent 100%);
    background-image: linear-gradient(to right,transparent 0%,transparent 100%);
    background-repeat: repeat-x;
  }
  .topnavbar .navbar-header {
    background-image: none;
    height: 5em;
    background-color: #2C2C2B;
  }
  .topnavbar .navbar-nav > .open > a, .topnavbar .navbar-nav > .open > a:hover, .topnavbar .navbar-nav > .open > a:focus {
    box-shadow: 0 -3px 0 rgba(255,255,255,0.5) inset;
  }
  .topnavbar .navbar-nav > li > a,
.topnavbar .navbar-nav > .open > a {
    color: #0D0D0C;
    margin-top: 0.25em;
  }
  .topnavbar .navbar-nav > li > a:hover, .topnavbar .navbar-nav > li > a:focus,
.topnavbar .navbar-nav > .open > a:hover,
.topnavbar .navbar-nav > .open > a:focus {
    color: #2c2c2b;
  }
  .topnavbar .navbar-right > li > a:hover, .topnavbar .navbar-right > li > a:active, .topnavbar .navbar-right > li > a:focus {
    color: #2c2c2b !important;
  }
  .topnavbar .navbar-right > li > a:hover em, .topnavbar .navbar-right > li > a:active em, .topnavbar .navbar-right > li > a:focus em {
    -ms-transform: rotate(0deg);
    /* IE 9 */
    -webkit-transform: rotate(0deg);
    /* Chrome, Safari, Opera */
    transform: rotate(0deg);
  }
  .topnavbar .nav-wrapper {
    box-shadow: none;
    position: fixed;
    right: 0;
  }
}
@media (max-width: 767px) {
  .topnavbar .navbar-header {
    background-image: none;
  }
  .navbar-right > .open > a .topnavbar .navbar-right > li > a:hover, .topnavbar .navbar-right > li > a:active .topnavbar .navbar-right > li > a:focus {
    color: #2c2c2b;
  }
}
.bg-grey {
  background: #F5F5F5;
  border: 1px #c2c2c2 dashed;
}

.cloud-header {
  width: auto !important;
}

.topnav-name .tooltipImg:before {
  color: #FFF;
}

.topnav-name:hover .tooltipImg:before {
  color: #FFF;
}

@media only screen and (min-width: 768px) {
  .topnavbar .navbar-header {
    width: 245px;
    background-color: #2C2C2B;
    background-image: none;
  }

  .topnavbar .navbar-header .navbar-brand {
    width: 85%;
  }
}
.page-header {
  -webkit-transition: left 0.2s;
  -moz-transition: left 0.2s;
  -o-transition: left 0.2s;
  transition: left 0.2s;
}

.aside-collapsed .topnavbar .navbar-header {
  width: 70px !important;
}
.aside-collapsed .topnavbar .navbar-header .brand-logo .topnav-name {
  display: none;
}
.aside-collapsed .topnavbar .navbar-header .arrow-btn {
  -webkit-transform: rotate(-180deg);
  -moz-transform: rotate(-180deg);
  -ms-transform: rotate(-180deg);
  -o-transform: rotate(-180deg);
  transform: rotate(-180deg);
}
.aside-collapsed .topnavbar .navbar-header .arrow-btn > a > .arrow {
  -webkit-transform: translate(-1.3px,0.5px);
  -moz-transform: translate(-1.3px,0.5px);
  -ms-transform: translate(-1.3px,0.5px);
  -o-transform: translate(-1.3px,0.5px);
  transform: translate(-1.3px,0.5px);
}
.aside-collapsed .page-header {
  left: 90px !important;
}

.darkMode .topnavbar .navbar-nav > li > a {
  color: #FFF;
}
.darkMode .topnavbar .navbar-nav > li > a:hover, .darkMode .topnavbar .navbar-nav > li > a:focus {
  color: #94A7FF !important;
  -webkit-transition: color 0.2s ease-in;
  -moz-transition: color 0.2s ease-in;
  -o-transition: color 0.2s ease-in;
  transition: color 0.2s ease-in;
}

/*
 * Component: Typography
 */
em, i {
  font-style: italic;
}

.breakWord {
  white-space: pre-wrap;
  word-break: break-all;
  word-wrap: break-word;
}

.no-break {
  word-break: normal !important;
  white-space: normal !important;
  word-wrap: normal !important;
}

.noBreak {
  text-overflow: ellipsis;
  word-wrap: normal;
  display: -webkit-box;
  overflow: hidden;
  line-height: 20px;
  max-height: 20px;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
}

.capitalize {
  text-transform: capitalize;
}

.upper-case {
  text-transform: uppercase;
}

.glyphicon {
  font-family: "Glyphicons Halflings";
}

.text-bold {
  font-weight: 600;
}

.text-muted {
  color: #5E5E5E;
}

a, a:visited {
  color: #0d0d0c;
}

a:hover, a:focus {
  color: #2c2c2b;
  text-decoration: none;
  cursor: pointer;
}

.darkMode .text-muted {
  color: #999999;
}
.darkMode a, .darkMode a:visited {
  color: #94A7FF;
}
.darkMode a:hover, .darkMode a:focus {
  color: #ccc;
}

/*
 * Component: UI Select
 */
.ui-select-choices-row li em {
  background: inherit;
  color: #797979;
}

.btn.btn-default.ui-select-toggle {
  border: 1px solid #FFF;
  border-radius: 4px;
}

.select2-container-multi .select2-choices .select2-search-choice, .select2-mocked-style {
  padding: 6px 8px 7px 25px !important;
  border: 1px solid #FFF !important;
  border-radius: 4px;
  margin: 3px 0 3px 3px !important;
  max-width: 90%;
  word-break: break-all;
  list-style: none;
}

.select2-mocked-style {
  padding: 6px 8px 7px 10px !important;
  background-color: #FFF;
  max-width: 100%;
  overflow: hidden;
}

.select2-mocked-style-close {
  position: relative !important;
  float: right;
}

.select2-mocked-style-text {
  float: left;
  width: 90%;
}

.ui-select-bootstrap .ui-select-match-text {
  overflow: hidden;
}
.ui-select-bootstrap .ui-select-match-text span {
  width: auto;
}

.ui-select-match-item,
.ui-select-match-item:active,
.ui-select-match-item:focus,
.ui-select-match-item:hover,
.ui-select-match-item:active:focus,
.ui-select-match-item:active:hover,
.ui-select-match-item:hover:focus {
  max-width: 275px;
  text-overflow: ellipsis;
  overflow: hidden;
  background: #FFF;
  color: #0D0D0C;
}

.input-group-btn {
  vertical-align: top;
}

.select2-results .select2-disabled,
.select2-results .select2-disabled.select2-highlighted {
  display: none;
}

.select2-chosen {
  min-height: 21px;
}

.ui-select-container.focus .btn.btn-default.ui-select-toggle {
  border-color: #0d0d0c;
}

.select2-container-multi .select2-choices {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}

.ui-select-bootstrap .ui-select-choices-row.active > span {
  color: #0D0D0C;
  background-color: #E0E0E0;
}

.ui-select-bootstrap .ui-select-match-text span {
  vertical-align: middle;
}

.ui-select-bootstrap .ui-select-toggle {
  padding: 8px;
}

.ui-select-bootstrap .ui-select-choices-row > span {
  padding: 3px 15px;
}

.ui-select-no-choice {
  padding: 3px 15px;
}

.ui-select-container .glyphicon-remove {
  position: inherit;
  top: 4px;
  right: 10px;
  color: #0D0D0C;
}

.btn.btn-default.ui-select-toggle,
.ui-select-multiple.ui-select-bootstrap input.ui-select-search {
  max-width: 100% !important;
}

.ui-select-choices-group .dropdown-header {
  padding-left: 12px;
  padding-right: 12px;
}
.ui-select-choices-group .divider {
  padding-bottom: 2px;
}

.darkMode .ui-select-bootstrap .ui-select-choices-row > span {
  color: #FFF;
}
.darkMode .ui-select-bootstrap .ui-select-choices-row > span:hover {
  background-color: #2C2C2B;
  color: #FFF;
}
.darkMode .ui-select-bootstrap .ui-select-choices-row.active > span {
  color: #0D0D0C;
  background-color: #2C2C2B;
}
.darkMode .ui-select-container .glyphicon-remove {
  color: #FFF;
}
.darkMode .ui-select-container.focus .btn.btn-default.ui-select-toggle {
  border-color: #6DA6FE;
}
.darkMode .ui-select-match-item,
.darkMode .ui-select-match-item:active,
.darkMode .ui-select-match-item:focus,
.darkMode .ui-select-match-item:hover,
.darkMode .ui-select-match-item:active:focus,
.darkMode .ui-select-match-item:active:hover,
.darkMode .ui-select-match-item:hover:focus {
  background: #272d33;
  color: #FFF;
}
.darkMode .ui-select-match-item .close,
.darkMode .ui-select-match-item:active .close,
.darkMode .ui-select-match-item:focus .close,
.darkMode .ui-select-match-item:hover .close,
.darkMode .ui-select-match-item:active:focus .close,
.darkMode .ui-select-match-item:active:hover .close,
.darkMode .ui-select-match-item:hover:focus .close {
  color: #FFF;
  text-shadow: 0 1px 0 #000;
}

/*
 * Component: sidebar
 */
.sidebar {
  margin-right: 0 !important;
  background-color: #2C2C2B;
  height: 100%;
  scrollbar-width: none;
  -ms-overflow-style: none;
}
.sidebar::-webkit-scrollbar {
  width: 0px;
  background: transparent;
}
.sidebar .nav-heading {
  color: #FFF;
  margin-top: 1.5em;
}
.sidebar .submenu {
  font-size: 12px;
  padding-top: 5px;
  padding-bottom: 5px;
  background-color: #1E1E1C;
  color: #FFF;
}
.sidebar .subMenuOpen {
  font-size: 14px;
}
.sidebar .subMenuOpen > a {
  background-color: #1E1E1C !important;
}
.sidebar .subMenuOpen > a > em.dropdown-menu-arrow {
  -ms-transform: rotate(90deg);
  /* IE 9 */
  -webkit-transform: rotate(90deg);
  /* Chrome, Safari, Opera */
  transform: rotate(90deg);
}
.sidebar:after {
  background: #2C2C2B;
}
.sidebar .nav {
  margin-top: 2.5em;
  font-family: "Roboto",sans-serif;
  font-size: 13px;
}
.sidebar .nav > li {
  border-left: none;
}
.sidebar .nav > li > a,
.sidebar .nav > li > .nav-item {
  color: #FFF;
}
.sidebar .nav > li > a > span,
.sidebar .nav > li > .nav-item > span {
  width: 165px;
  display: inline-block;
  vertical-align: middle;
  padding-bottom: 2px;
}
.sidebar .nav > li > a:focus, .sidebar .nav > li > a:hover,
.sidebar .nav > li > .nav-item:focus,
.sidebar .nav > li > .nav-item:hover {
  background-color: #1E1E1C;
  color: #FFF;
}
.sidebar .nav > li > a > em,
.sidebar .nav > li > .nav-item > em {
  width: 1.7em;
  font-size: 15px;
  vertical-align: middle;
  color: #FFF;
  transition: transform 0.2s ease-in,width 0.2s,font-size 0.3s;
  -webkit-transition: transform 0.2s ease-in,width 0.2s,font-size 0.3s;
  -moz-transition: transform 0.2s ease-in,width 0.2s,font-size 0.3s;
  -o-transition: transform 0.2s ease-in,width 0.2s,font-size 0.3s;
}
.sidebar .nav > li > a.subnav-open, .sidebar .nav > li > a .subnav-open > em,
.sidebar .nav > li > .nav-item.subnav-open,
.sidebar .nav > li > .nav-item .subnav-open > em {
  background-color: #1E1E1C;
}
.sidebar .nav > li > a.subnav-open > em.dropdown-menu-arrow, .sidebar .nav > li > a .subnav-open > em > em.dropdown-menu-arrow,
.sidebar .nav > li > .nav-item.subnav-open > em.dropdown-menu-arrow,
.sidebar .nav > li > .nav-item .subnav-open > em > em.dropdown-menu-arrow {
  -ms-transform: rotate(90deg);
  /* IE 9 */
  -webkit-transform: rotate(90deg);
  /* Chrome, Safari, Opera */
  transform: rotate(90deg);
  background-color: #1E1E1C;
  color: #CCCCCC;
}
.sidebar .nav > li > ul.subnav-open > li > a:hover em {
  color: #94A7FF;
}
.sidebar .nav > li a > em.dropdown-menu-arrow {
  width: 13px;
}
.sidebar .nav > li a > em.icon-arrow-right,
.sidebar .nav > li a > em.icon-arrow-down {
  font-size: 10px;
  font-weight: bolder;
  color: #CCCCCC;
}
.sidebar .nav > li.active,
.sidebar .nav > li.active .nav, .sidebar .nav > li.open,
.sidebar .nav > li.open .nav {
  background-color: #1E1E1C;
  color: #94A7FF;
}
.sidebar .nav > li.active > li > a > em.dropdown-menu-arrow,
.sidebar .nav > li.active .nav > li > a > em.dropdown-menu-arrow, .sidebar .nav > li.open > li > a > em.dropdown-menu-arrow,
.sidebar .nav > li.open .nav > li > a > em.dropdown-menu-arrow {
  -ms-transform: rotate(90deg);
  /* IE 9 */
  -webkit-transform: rotate(90deg);
  /* Chrome, Safari, Opera */
  transform: rotate(90deg);
  background-color: #1E1E1C;
  color: #CCCCCC;
}
.sidebar .nav > li.active > a, .sidebar .nav > li.open > a {
  background-color: #1E1E1C;
  color: #94A7FF;
}
.sidebar .nav > li.active > a.submenu, .sidebar .nav > li.open > a.submenu {
  color: #94A7FF;
}
.sidebar .nav > li.active > a.submenu > em, .sidebar .nav > li.open > a.submenu > em {
  color: #94A7FF;
}
.sidebar .nav > li.active > a > em, .sidebar .nav > li.open > a > em {
  color: #94A7FF;
}
.sidebar .nav > li.active > a > em.icon-arrow-right, .sidebar .nav > li.open > a > em.icon-arrow-right {
  color: #CCCCCC;
}
.sidebar > ul.nav {
  min-height: calc(100% - 120px - 0em - 0.5em - 12px);
  margin-left: 0;
  background-color: #2C2C2B;
  margin-bottom: 0em;
}
.sidebar footer {
  /* Don't use margin-top in footer to change the gap height
     Use $gap-footer-margin instead */
  width: 197px;
  max-height: 120px;
  margin: 0 24px;
  background-color: #2C2C2B;
  color: #FFF;
  font-size: 12px;
  margin-bottom: 0.5em;
  -webkit-transition: width 0.2s,margin 0.2s;
  -moz-transition: width 0.2s,margin 0.2s;
  -o-transition: width 0.2s,margin 0.2s;
  transition: width 0.2s,margin 0.2s;
}
.sidebar footer > div {
  padding: 0;
  margin: 0;
  margin-top: 1.5em;
}
.sidebar footer .safe-logo {
  width: 50% !important;
}
.sidebar footer span {
  display: none;
  color: #CCCCCC;
}
.sidebar footer span:hover {
  color: #CCCCCC;
}
.sidebar footer span .tooltipImg {
  white-space: pre-line !important;
}

.aside-toggled .aside-toggled-overlay {
  background: radial-gradient(#1A1A1A,#333);
  opacity: 0.5;
  position: fixed;
  height: 100%;
  width: 150vw;
  z-index: -1;
  cursor: default;
}

.aside-collapsed .aside-inner {
  width: 70px !important;
}
.aside-collapsed .aside-inner footer {
  width: 48px;
  margin: 0 10px;
}
.aside-collapsed .aside-inner footer > div {
  display: none;
}
.aside-collapsed .aside-inner footer span {
  display: block;
  text-align: center;
  margin-top: 1.5em;
}
.aside-collapsed .aside-inner .sidebar > .nav > .nav-heading {
  display: block !important;
  font-size: 11px;
  -webkit-transition: 0.2s;
  -moz-transition: 0.2s;
  -o-transition: 0.2s;
  transition: 0.2s;
}
.aside-collapsed :not(.server-app) section {
  margin-left: 70px !important;
}
.aside-collapsed .sidebar > .nav > li > a {
  text-indent: 0;
  padding: 12px 24px 14px 24px;
  text-align: left;
}
.aside-collapsed .sidebar > .nav > li > a > em {
  font-size: 15px;
}
.aside-collapsed .sidebar > .nav > li > a > em.dropdown-menu-arrow {
  display: none;
}
.aside-collapsed .sidebar > .nav > li > a.subnav-open {
  background-color: #2C2C2B;
}
.aside-collapsed .sidebar > .nav > li > a.subnav-open > em {
  color: #FFF;
}
.aside-collapsed .sidebar > .nav > li.active > a, .aside-collapsed .sidebar > .nav > li.open > a {
  background-color: #1E1E1C;
}
.aside-collapsed .sidebar > .nav > li.active > a > em, .aside-collapsed .sidebar > .nav > li.open > a > em {
  color: #94A7FF;
}
.aside-collapsed .sidebar-subnav {
  background-color: #1E1E1C;
}
.aside-collapsed .sidebar-subnav.nav {
  margin-top: 33px;
  margin-left: 50px !important;
  border-radius: 0 5px 5px 5px;
  border: none;
}
.aside-collapsed .sidebar-subnav > .sidebar-subnav-header {
  font-size: 13px;
  height: 44px;
}
.aside-collapsed .sidebar-subnav > .sidebar-subnav-header a {
  top: 2.5px;
  color: #94A7FF;
}
.aside-collapsed .sidebar-subnav.subnav-open {
  padding: 0;
}
.aside-collapsed .sidebar-subnav > li > a.submenu {
  margin-left: 0;
  padding-left: 20px;
  color: #FFF;
}
.aside-collapsed .sidebar-subnav > li.active > a.submenu {
  color: #94A7FF;
}

.sidebar-subnav {
  background-color: #1E1E1C;
}
.sidebar-subnav.nav {
  margin-top: 0;
}
.sidebar-subnav > .sidebar-subnav-header {
  display: none;
  color: #FFF;
  font-weight: normal;
  height: 40px;
}
.sidebar-subnav > .sidebar-subnav-header a {
  padding-top: 0px;
  margin-left: -20px;
}
.sidebar-subnav.subnav-open {
  padding-top: 6px;
  padding-bottom: 6px;
}
.sidebar-subnav .submenu {
  font-size: 12px;
  padding-top: 6px;
  padding-bottom: 6px;
  margin-bottom: 0;
}
.sidebar-subnav > li > a {
  min-height: 30px;
}
.sidebar-subnav > li > a.submenu {
  margin-left: 2em;
}
.sidebar-subnav > li > a.submenu > em {
  text-align: center;
  width: 2em;
}
.sidebar-subnav > li > a,
.sidebar-subnav > li > .nav-item {
  color: #94A7FF;
}
.sidebar-subnav > li > a:focus, .sidebar-subnav > li > a:hover,
.sidebar-subnav > li > .nav-item:focus,
.sidebar-subnav > li > .nav-item:hover {
  color: #94A7FF !important;
}
.sidebar-subnav > li.active > a,
.sidebar-subnav > li.active > .nav-item,
.sidebar-subnav > li.active > em {
  color: #94A7FF;
}
.sidebar-subnav > li.active > a:after,
.sidebar-subnav > li.active > .nav-item:after,
.sidebar-subnav > li.active > em:after {
  border-color: #1E1E1C;
  background-color: #1E1E1C;
}

/*
 * Component: Sharing Dialog
 */
#shareForm input[type=checkbox] {
  margin-left: 0;
}

.sharing-options hr {
  margin: 14px 0 9px 0;
  width: 100%;
  float: left;
  clear: both;
}

.sharing-options .col-sm-7, .sharing-options .col-sm-5 {
  margin-bottom: 15px;
}

.sharing-options .col-sm-7 {
  padding-left: 0;
}

.sharing-options .input-group {
  margin-bottom: 0;
}

.sharing-options .input-group select {
  width: 100%;
}

.sharing-options .fa {
  margin-right: 10px;
  min-width: 15px;
  text-align: center;
}

.sharing-options .safe-table .center .fa {
  margin: 0;
}

.sharing-options .col-sm-12 .ui-select-container,
.sharing-options .col-sm-12 select,
.sharing-options .col-sm-12 button {
  margin-bottom: 8px;
}

.sharing-options .safe-table {
  margin: 15px 0 0 0;
  clear: both;
}

.sharing-options .safe-table td {
  padding: 10px !important;
}

label.share-synopsis {
  margin: 0;
}

label.share-synopsis:hover {
  color: #2c2c2b;
}

.share-permission {
  width: 200px;
}

.share-permission input,
.share-permission .select2-container .select2-choice {
  width: 100%;
  margin: 0;
  padding: 4px 8px !important;
  vertical-align: middle;
}

.share-permission .select2-container {
  margin-bottom: 0 !important;
}

.permission-select-icon {
  font-size: 14px;
  height: 14px;
  width: 14px;
  margin-right: 10px;
}

.share-table {
  margin-bottom: 10px !important;
}

.ui-select-bootstrap .ui-select-match-text span.fa {
  width: auto;
}

.darkMode label.share-synopsis:hover {
  color: #94A7FF;
}

.toast-top-right {
  top: 35px;
}

.toast-container button.toast-close-button {
  padding: 3px;
  font-size: 23px;
  line-height: 90%;
  font-weight: 700;
}
.toast-container > .ngx-toastr {
  opacity: 0.95;
  color: #0D0D0C;
  box-shadow: none !important;
  padding: 0;
}
.toast-container > .ngx-toastr a {
  text-decoration: underline;
}
.toast-container > .ngx-toastr .toast-message {
  color: #2C2C2B;
  flex-grow: 1;
  padding: 15px 15px 15px 50px;
  word-wrap: break-word;
}
.toast-container > .ngx-toastr button {
  color: #2C2C2B;
}
.toast-container > .ngx-toastr:hover {
  opacity: 1;
}
.toast-container > .success {
  background-image: url("../images/check-circle.svg") !important;
  background-color: #E8FFE8;
  border: solid 1px #009C00;
}
.toast-container > .warning {
  background-image: url("../images/exclamation-triangle.svg") !important;
  background-color: #FEF5F1 !important;
  border: solid 1px #F55215;
}
.toast-container > .error {
  background-image: url("../images/times-circle.svg") !important;
  background-color: #FEF1F1;
  border: solid 1px #F51515;
}
.toast-container > .info {
  background-image: url("../images/info-circle.svg") !important;
  background-color: #E5FBFF;
  border: solid 1px #008199;
}

.darkMode #toast-container > div {
  box-shadow: 0 0 12px #000;
}

@layer legacy {
  /*
   * Component: Drop Zone
   */
  resource-field .dropArea {
    width: 100%;
    border-style: dashed;
    border-width: 2px;
    border-color: #CCCCCC;
    padding: 30px 0;
  }
  resource-field .dropArea .dropContent {
    text-align: center;
    padding: 0 5px;
  }
  resource-field .dropArea button {
    margin: 5px 0;
  }

  resource-field .dropAreaHover {
    border-color: #2c2c2b !important;
  }

  resource-field .dropColor {
    color: #5E5E5E;
    display: inline-block;
    margin: 0 10px;
  }

  resource-field .dropColorHover {
    color: #2c2c2b !important;
  }

  resource-field .dropHelper .dropRound {
    padding: 6px;
    top: 0;
    width: 100%;
    border-radius: 4px;
    margin-top: 0;
  }

  .dropHelper, #dropHelper {
    position: absolute;
    text-align: center;
    width: 50%;
    top: 50%;
    margin-top: -22px;
    left: 25%;
    z-index: 1000;
  }

  .dropHelper .dropRound, #dropHelper .dropRound {
    background-color: #F5F5F5;
    width: 100%;
    border-radius: 10px;
    border: 1px solid #E0E0E0;
    padding: 25px;
  }

  .dropHelper h2, #dropHelper h2 {
    font-weight: bold;
    font-size: 24px;
    display: inline;
    vertical-align: middle;
    margin-left: 10px;
    float: none;
    color: #5E5E5E;
  }

  .dropHelper .glyphicon-exclamation-sign {
    font-size: 32px;
    color: #808080;
    vertical-align: middle;
  }

  .dropHelper .fa-upload {
    font-size: 32px;
    color: #5E5E5E;
  }

  .darkMode .dropHelper .dropRound {
    background-color: #2C2C2B;
  }
  .darkMode .dropHelper .dropRound .fa-upload {
    color: #FFF;
  }

  @media (max-width: 1045px) {
    resource-field .dropColor {
      display: block;
      margin: 5px 0;
    }
  }
  /*
   *  Component: Favorites
   */
  .large-favorite > span > .favorite-icon, .large-favorite > span > .unfavorite-icon {
    font-size: 30px;
  }

  .favorite-icon {
    font-size: 18px;
    margin: 4px;
    display: inline-block !important;
    color: #FFC800;
  }
  .favorite-icon:hover {
    color: #FFDE66;
  }
  .locked .favorite-icon:hover {
    color: #FFC800;
  }
  .favorite-icon.fa-5x {
    font-size: 5em;
  }

  .unfavorite-icon {
    font-size: 18px;
    margin: 4px;
    display: inline-block !important;
    color: #CCCCCC;
  }
  .unfavorite-icon:hover {
    color: #E0E0E0;
  }
  .locked .unfavorite-icon:hover {
    color: #CCCCCC;
  }

  /*
   *  Component: Download Icon
   */
  .download-icon {
    font-size: 1.5rem;
    font-weight: bold;
    margin: 2px 5px;
    display: inline-block;
  }

  button .download-icon {
    font-size: 1.4rem;
    font-weight: normal;
    margin: 0;
  }

  .action-icon-btn.btn-default {
    border-color: #0d0d0c;
    color: #0d0d0c;
    background: transparent;
    font-size: 1.5rem;
    font-weight: bold;
    margin: 0;
    padding: 0;
    display: inline-block;
  }
  .action-icon-btn.btn-default span {
    padding: 8px 14px;
    margin: 0;
  }
  .action-icon-btn.btn-default:hover {
    background: #2c2c2b;
    border-color: #2c2c2b;
    color: white;
  }
  .action-icon-btn.btn-default:active {
    background-color: #2c2c2b;
    border-color: #2c2c2b;
  }

  .darkMode .action-icon-btn.btn.btn-default {
    color: #94A7FF;
    background-color: transparent;
    border: 1px solid #94A7FF;
  }
  .darkMode .action-icon-btn.btn.btn-default:hover {
    color: #0D0D0C;
    background-color: #94A7FF;
    border-color: #94A7FF;
  }
  .darkMode .action-icon-btn.btn.btn-default:active {
    background-color: #ccc;
    border-color: #ccc;
    color: #0D0D0C;
  }
  .darkMode .action-icon-btn.btn.btn-default.active {
    background-color: #94A7FF;
    border-color: #94A7FF;
    color: #FFF;
  }

  /*
   * CSS for Bootstrap Markdown Editor
   */
  .md-editor {
    display: block;
    border: 1px solid #CCCCCC;
    border-radius: 4px;
    -webkit-box-shadow: 0 1px 1px rgba(0,0,0,0.05);
    box-shadow: 0 1px 1px rgba(0,0,0,0.05);
  }

  .md-editor.active {
    border-color: #0d0d0c;
    outline: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
  }

  .readme-has-error .md-editor {
    border-color: #F51515;
  }

  .md-editor.selected {
    border-color: #CCCCCC;
    outline: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
  }

  .md-editor > .md-header {
    display: block;
    padding: 6px 4px;
    background: transparent;
  }
  .md-editor > textarea,
.md-editor textarea:focus {
    font-family: Menlo,Monaco,Consolas,"Courier New",monospace;
    font-size: 14px;
    outline: 0;
    margin: 0;
    display: block;
    padding-left: 0.8em;
    width: 100%;
    border: 0;
    border-top: 1px solid #CCCCCC;
    box-shadow: none;
    background: transparent;
    border-radius: 0 0 4px 4px;
    min-height: 34px;
    max-height: 320px;
  }
  .md-editor button.btn {
    padding: 5px 8px 5px 8px !important;
  }
  .md-editor button.btn[disabled], .md-editor button.btn[disabled]:hover {
    color: #CCCCCC;
    border-color: #CCCCCC;
  }
  .md-editor > .md-preview {
    background: transparent;
    border-top: 1px solid #CCCCCC;
    border-bottom: none !important;
    min-height: 10px;
    overflow: auto;
  }
  .md-editor .btn-preview:focus {
    background-color: #2c2c2b !important;
    color: #FFF !important;
    outline-style: none !important;
  }
  .md-editor .btn-preview:hover {
    background-color: #2c2c2b !important;
    color: #FFF !important;
    border-color: #FFF !important;
  }
  .md-editor .btn-preview.selected,
.md-editor .btn-preview.selected:hover {
    background-color: #0d0d0c !important;
    color: #FFF !important;
    -webkit-box-shadow: inset 0 3px 5px rgba(0,0,0,0.125);
    box-shadow: inset 0 3px 5px rgba(0,0,0,0.125);
  }

  .md-header.btn-toolbar .btn {
    color: #B3B3B3;
    border-color: #FFF;
  }

  .md-preview ul {
    list-style: inside;
    left: 10%;
  }
  .md-preview ol {
    list-style: decimal;
    left: 10%;
  }
  .md-preview ol li {
    margin-left: 0.9em;
    padding-left: 0.4em;
  }

  .md-preview > * {
    margin-left: 0.8em;
  }

  .darkMode .readme-has-error .md-editor {
    border-color: #F97777;
  }
  .darkMode .md-editor > textarea {
    background-color: #0D0D0C !important;
  }
  .darkMode .md-editor.active {
    border-color: #6DA6FE;
  }
  .darkMode .md-editor .btn-preview:hover {
    background-color: #94A7FF !important;
    border-color: #6DA6FE !important;
  }
  .darkMode .md-editor .btn-preview.selected, .darkMode .md-editor .btn-preview:focus {
    background-color: #6DA6FE !important;
    color: #202326 !important;
  }

  /*
   * Component: Grid Pager
   */
  .pagination {
    vertical-align: middle;
    margin: 0;
    display: inline;
  }
  .pagination .number-spinner-input {
    display: inline;
  }
  .pagination .number-spinner-input a.fa {
    display: block;
    color: #0D0D0C;
    margin: 0;
    padding: 0;
    font-size: 10px;
    margin-bottom: -1px;
  }
  .pagination .number-spinner-input a.fa:first-child {
    margin-top: 2px;
  }
  .pagination .number-spinner-input span.spinner-container {
    display: inline-block;
    margin-left: -20px;
    vertical-align: middle;
  }
  .pagination .number-spinner-input #page-input {
    width: 50px;
    display: inline-block;
  }
  .pagination .number-spinner-input input[type=number]::-webkit-outer-spin-button,
.pagination .number-spinner-input input[type=number]::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
  }
  .pagination .number-spinner-input input[type=number] {
    -moz-appearance: textfield;
  }

  .darkMode .pagination .number-spinner-input a.fa {
    color: #FFF;
  }
  .darkMode .pager-controls button:hover:not(.disabled) .first-bar, .darkMode .pager-controls button:hover:not(.disabled) .last-bar {
    border-color: #94A7FF;
  }
  .darkMode .pager-controls button:hover:not(.disabled) .first-triangle {
    border-color: transparent #94A7FF transparent transparent;
  }
  .darkMode .pager-controls button:hover:not(.disabled) .last-triangle {
    border-color: transparent transparent transparent #94A7FF;
  }

  #select-page {
    display: inline;
    margin-right: 10px;
  }

  .pager-controls {
    margin-right: 10px;
    margin-left: 10px;
    min-width: 135px;
    float: left;
  }

  .pager-controls button {
    height: 25px;
    min-width: 26px;
  }

  .pager-controls input {
    height: 26px;
    width: 50px;
    vertical-align: top;
  }

  .pager-controls .first-bar {
    width: 10px;
    border-left: 2px solid #0D0D0C;
    margin-top: -6px;
    height: 12px;
    margin-left: -3px;
  }

  .pager-controls .first-triangle {
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 5px 8.7px 5px 0;
    border-color: transparent #0D0D0C transparent transparent;
    margin-left: 2px;
  }

  .pager-controls .next-triangle {
    margin-left: 1px;
  }

  .pager-controls .prev-triangle {
    margin-left: 0;
  }

  .pager-controls .last-triangle {
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 5px 0 5px 8.7px;
    border-color: transparent transparent transparent #0D0D0C;
    margin-left: -1px;
  }

  .pager-controls .last-bar {
    width: 10px;
    border-left: 2px solid #0D0D0C;
    margin-top: -6px;
    height: 12px;
    margin-left: 1px;
  }

  .pager-controls button {
    background-color: transparent;
    border: 0;
    margin-bottom: 0;
  }
  .pager-controls button:hover:not(.disabled) .first-bar, .pager-controls button:hover:not(.disabled) .last-bar {
    border-color: #2c2c2b;
  }
  .pager-controls button:hover:not(.disabled) .first-triangle {
    border-color: transparent #2c2c2b transparent transparent;
  }
  .pager-controls button:hover:not(.disabled) .last-triangle {
    border-color: transparent transparent transparent #2c2c2b;
  }

  .pager-controls input[type=number],
.pager-controls input[type=text] {
    display: inline;
    width: 50px;
    padding: 0 2px 0 5px !important;
    margin: 0 5px 0 0;
    height: 26px;
  }

  .pager-controls span,
.pager-controls button {
    margin-right: 5px;
    vertical-align: middle;
    font-size: 14px;
    height: 26px;
  }

  .first-triangle.prev-triangle.disabled, button[disabled] > .prev-triangle, button[disabled] > .first-triangle,
button.disabled > a > .first-triangle {
    border-color: transparent #CCCCCC transparent transparent;
  }

  button[disabled] > .first-triangle > .first-bar, button.disabled > a > .first-triangle > .first-bar {
    border-left: 2px solid #CCCCCC;
  }

  .last-triangle.next-triangle.disabled, button[disabled] > .last-triangle, button[disabled] > .last-triangle > .last-bar,
button.disabled > a > .last-triangle, button.disabled > a > .last-triangle > .last-bar {
    border-color: transparent transparent transparent #CCCCCC;
  }

  /*
   * Component: Published Parameters
   */
  .input-group-icon {
    color: #0D0D0C;
  }

  .editable {
    -moz-appearance: textfield-multiline;
    -webkit-appearance: textarea;
    border: 1px solid #CCCCCC;
    overflow: auto;
    padding: 2px;
    resize: both;
    height: 100%;
    min-height: 15em;
    min-width: 100%;
    max-width: 100%;
    border-radius: 4px;
    border-collapse: separate;
  }

  .mapping-listbox {
    max-width: 32px;
  }
  .mapping-listbox .ui-select-match {
    width: 32px;
    height: 32px;
  }
  .mapping-listbox .caret {
    pointer-events: none;
  }

  .input-group-addon {
    color: #0D0D0C !important;
    background-color: #EBEBEB !important;
    border-color: #CCCCCC !important;
  }
  .input-group-addon:first-child {
    border-right: 1px solid #E0E0E0;
  }

  fieldset {
    border-bottom: 0;
  }

  resource-dialog .tab-content {
    padding: 0;
  }

  .input-group .btn {
    border: 1px solid #FFF;
  }
  .input-group .btn[disabled], .input-group .btn[disabled]:hover {
    background-color: transparent;
    color: #CCCCCC;
  }

  .selection-toolbar {
    margin-bottom: 5px;
  }

  button.btn.reset-params-btn {
    margin-bottom: -10px;
    margin-right: 0px;
  }

  .workspace-parameter-error {
    color: #F51515;
    margin-left: 10px;
  }

  .check-list-btn-group {
    margin-bottom: 15px;
    float: right;
  }

  .checkbox-headers {
    text-align: right;
    margin-bottom: 10px;
  }

  .text-editor-button {
    border: 0px;
    width: 100%;
    height: 100%;
    text-align: left;
  }

  /*
   * Component: Temporary Uploads
   */
  temporary-upload .dropHelper {
    width: 100%;
    left: 0;
    padding-left: 15px;
    padding-right: 15px;
    top: 0;
    margin-top: 0;
  }

  temporary-upload .dropHelper h2 {
    font-size: 18px;
  }

  temporary-upload .dropHelper .glyphicon-upload {
    font-size: 24px;
  }

  .checkbox-inline {
    display: inline-block;
  }

  .schema-editor-options {
    max-height: calc(100vh - 200px);
    overflow-y: auto;
  }

  .disabled-checkbox {
    cursor: not-allowed !important;
  }

  .darkMode resource-dialog .resource-dialog-toolbar {
    border-bottom: none;
    border-top: 1px solid #E0E0E0;
  }
  .darkMode resource-dialog .nav-tabs {
    border: none;
  }
  .darkMode .text-editor-button {
    background-color: #3E3E3D;
  }
  .darkMode .input-group-addon {
    background-color: #3E3E3D !important;
    color: #FFF !important;
  }
  .darkMode .param-inner-table .table > tbody > tr > td {
    background-color: #2C2C2B;
  }
  .darkMode .param-inner-table .table > tbody > tr.active > td {
    background-color: #1a1d1f;
  }
  .darkMode .input-group-icon {
    color: #FFF;
  }
  .darkMode .input-group .btn, .darkMode .file-input-field .btn {
    border-color: #5E5E5E !important;
  }
  .darkMode .input-group .btn[disabled], .darkMode .input-group .btn[disabled]:hover, .darkMode .input-group .btn[disabled]:active, .darkMode .file-input-field .btn[disabled], .darkMode .file-input-field .btn[disabled]:hover, .darkMode .file-input-field .btn[disabled]:active {
    background-color: transparent !important;
    border-color: #5E5E5E !important;
    color: #5E5E5E !important;
  }
  .darkMode .workspace-parameter-error {
    color: #F97777;
  }

  .input-group-btn.copyToClipboard .tooltip {
    width: max-content;
  }

  .ui-select-bootstrap .ui-select-match-text span.ui-select-text {
    width: 100%;
    text-overflow: ellipsis;
  }

  .parameterTooltip {
    display: block;
    width: 100%;
    height: 35px;
    opacity: 0;
    position: absolute;
    top: 0;
    z-index: 2;
    cursor: not-allowed !important;
    max-width: 350px;
  }

  /*
   * Favorite Sidebar
   */
  .favorite-section {
    text-transform: uppercase;
  }

  favorite-sidebar > .nav {
    height: auto;
  }

  /*
   * Component: Safe Table
   */
  safe-grid > div, sharedresource-browser .safe-table {
    margin-bottom: 20px;
  }

  .safe-grid-buttons, .safe-grid-search, .safe-grid-select {
    color: #000;
    display: block;
    font-size: 14px;
    left: 0;
    padding: 0;
    border-bottom: 0;
  }

  .safe-grid-select {
    margin-bottom: 20px;
    color: #5E5E5E;
  }
  .safe-grid-select .top-select-bar-item {
    padding-right: 15px;
  }
  .safe-grid-select label {
    padding-right: 1.5rem;
    padding-left: 0.5rem;
  }

  .safe-grid-search {
    width: 100%;
    position: relative;
  }

  .safe-grid-search .loader {
    position: absolute;
    z-index: 30;
    top: 16px;
    right: 8px;
    height: 14px;
  }

  .safe-grid-buttons {
    float: right;
  }
  .safe-grid-buttons .pull-to-corner {
    margin-left: 4px;
  }

  .safe-grid-buttons button, .safe-grid-search input, .safe-grid-select .select2-container {
    min-height: inherit;
    margin-bottom: 5px;
  }

  table.table.safe-table {
    border: 2px solid #E0E0E0;
  }
  .tab-content table.table.safe-table {
    border: 0;
  }

  table.safe-table > thead > tr > th {
    padding: 10px 8px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    border-color: #E0E0E0;
    color: #5E5E5E;
  }

  .safe-table {
    table-layout: auto;
    margin-top: 0;
    border: 2px solid #E0E0E0;
    margin-bottom: 0px;
    width: 100%;
  }
  .safe-table > thead > tr > th {
    padding: 10px 8px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }
  .safe-table td, .safe-table th {
    word-wrap: break-word;
    white-space: normal;
    vertical-align: middle !important;
  }
  .safe-table tbody td {
    border-top: 0 !important;
    height: 45px;
  }
  .safe-table tbody tr {
    border-bottom: 1px solid #E0E0E0;
  }
  .safe-table tbody tr .secondaryColor {
    color: #5E5E5E;
  }
  .safe-table tbody tr:hover {
    color: #2c2c2b;
  }
  .safe-table tbody tr:hover .secondaryColor {
    color: #2c2c2b;
  }
  .safe-table tbody tr:hover td a {
    color: #2c2c2b;
  }
  .safe-table th {
    height: 35px;
  }
  .safe-table .size {
    min-width: 175px;
  }
  .safe-table .size > span {
    line-height: 32px;
    vertical-align: middle;
  }
  .safe-table tbody {
    height: auto;
  }
  .safe-table tr:after {
    visibility: hidden;
    clear: both;
  }
  .safe-table tfoot tr:last-child, .safe-table .no-pad tr, .safe-table thead tr {
    border-bottom: 0;
  }
  .safe-table tfoot td {
    padding: 13px 10px 12px 10px !important;
  }
  .safe-table .no-pad td {
    padding: 0 !important;
  }
  .safe-table tr:nth-child(odd) {
    background-color: #FFF;
  }
  .safe-table tr:nth-child(even) {
    background-color: #FFF;
  }
  .safe-table thead tr {
    background-color: #FFF !important;
  }
  .safe-table .text-wrap {
    word-break: break-all;
    -ms-word-break: break-all;
  }

  .safe-table .size .glyphicon-remove.cancel {
    margin: 8px 0 0 10px;
    color: #AAA;
  }

  .safe-loadingMask {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0,0,0,0.2);
  }

  .safe-loadingMask img {
    position: relative;
    left: 50%;
    top: 50%;
    width: 40px;
    height: 40px;
    margin-left: -20px;
    margin-top: -20px;
  }

  .checkbox-cell {
    position: relative;
    vertical-align: middle;
    background-color: transparent !important;
  }

  .checkbox-cell input[type=checkbox] {
    display: none;
  }

  .checkbox-cell .checkbox {
    margin: -12px 0 0 -12px !important;
  }

  .safe-table th .glyphicon, .safe-table th .fa.fa-sort {
    margin-left: 0.6rem;
    vertical-align: top;
  }

  .safe-table .dragging {
    background-color: #009C00 !important;
    color: #FFF !important;
  }

  .safe-table.drag-enter {
    border-color: #009C00 !important;
    box-shadow: 0 0 10px rgba(120,185,67,0.5);
  }

  .safe-table.drag-enter * {
    border: 0;
    background-color: #FFF;
    opacity: 0.5;
  }

  .safe-table tr.added {
    display: none;
  }

  .safe-table tr.disabled input[type=checkbox],
.safe-table tr.disabled .checkbox {
    display: none;
  }

  .safe-table tr.disabled {
    color: #CCCCCC;
  }

  .safe-table tr.disabled:hover td {
    background-color: inherit !important;
    color: inherit !important;
    cursor: default !important;
  }

  .search-bar {
    margin-top: 20px;
    margin-bottom: 20px;
  }

  .x-toolbar-container {
    zoom: 1;
    border-bottom: 1px solid #E0E0E0;
    padding-top: 5px;
  }
  .x-toolbar-container:before, .x-toolbar-container:after {
    content: "";
    display: table;
  }
  .x-toolbar-container:after {
    clear: both;
  }

  .sortable {
    cursor: pointer;
  }

  .st-sort-ascent:after {
    font-family: FontAwesome;
    content: "  ";
    margin-left: 5px;
  }

  .st-sort-descent:after {
    font-family: FontAwesome;
    content: "  ";
    margin-left: 5px;
  }

  .iconWrapper:before, .iconWrapper:after {
    content: "";
    display: table;
  }
  .iconWrapper:after {
    clear: both;
  }

  tr:hover .add-resource-btn {
    background-color: #FFF;
    color: #009C00;
  }

  .add-resource-btn {
    float: right;
    margin: 0;
    vertical-align: middle;
    padding: 0 15px !important;
    min-height: 0;
  }

  .add-resource-btn:hover {
    color: #009C00 !important;
  }

  .safe-table tr.added .add-resource-btn {
    background-color: #009C00 !important;
    color: #FFF;
  }

  .safe-table tr.dragging {
    position: absolute;
  }

  .safe-table tr.added .add-resource-btn:hover {
    color: #FFF !important;
  }

  .safe-table {
    position: relative;
  }

  .safe-table.overflow {
    display: block;
  }

  .safe-table thead.fixed {
    display: block;
    z-index: 99;
    width: inherit;
    height: 41px;
    position: absolute;
    border-bottom: 1px solid #E0E0E0;
  }

  .safe-table thead.fixed th {
    border-bottom: 0;
  }

  .safe-table tbody.scroll {
    overflow-y: scroll;
    display: block;
    margin-top: 41px;
  }

  .safe-table .checkbox-cell {
    width: 30px !important;
    padding: 0 20px;
  }

  .safe-table .checkbox {
    padding-top: 0 !important;
    min-height: 21px;
  }

  .safe-table .empty-cell {
    text-align: center;
    background-color: #FFF;
  }
  .safe-table .empty-cell .table-loading-img {
    margin: 30px 0;
  }

  .table-hover > tbody > tr:hover {
    background-color: transparent;
  }
  .table-hover > tbody > tr:hover, .table-hover > tbody > tr:hover .text-muted {
    color: #2c2c2b;
  }

  .table-hover tr:hover .no-record-cell {
    background-color: #FFF;
  }

  .no-record-cell {
    background-color: #FFF;
  }

  .safe-table th .glyphicon-share {
    float: none;
    margin-top: -5px;
  }

  .unclickable {
    cursor: default !important;
    color: inherit !important;
  }
  .unclickable td[ng-click], .unclickable td[data-ng-click] {
    cursor: default !important;
  }

  .safe-grid-buttons .divider {
    height: 26px;
    width: 1px;
    margin: 0 10px;
    margin-top: -5px;
    background-color: #E0E0E0;
    display: inline-block;
    vertical-align: middle;
  }

  .safe-grid-filters {
    display: inline-block;
  }

  .safe-grid-filters ul {
    min-width: 250px;
    max-width: 480px;
  }

  .safe-grid-filters ul li span {
    display: inline-block;
    padding: 5px 10px;
    width: 100%;
  }

  .safe-grid-filters ul li span input {
    vertical-align: middle;
    margin: 0 5px 0 0;
    display: inline;
  }

  .safe-grid-filters ul li span label {
    margin: 0;
    display: inline;
    vertical-align: middle;
  }

  .safe-grid-cell-inner * {
    vertical-align: baseline;
  }

  .safe-grid-cell-inner .glyphicon,
.safe-grid-cell-inner .fa,
.safe-grid-cell-inner div,
.safe-grid-cell-inner img,
.safe-grid-cell-inner button,
.safe-grid-cell-inner favorite {
    vertical-align: middle;
  }

  .safe-grid-cell-inner button[disabled] {
    background-color: #F5F5F5;
    cursor: default;
    opacity: 0.6;
  }

  .safe-grid-cell-inner .sm-status-icon {
    margin-top: -2px;
  }

  .safe-grid-cell-inner .no-pad tr {
    background: transparent !important;
  }

  .safe-table td highlight {
    background: #FFE999;
    color: black;
    display: inline-block;
  }

  .safe-table tr.even {
    background-color: #FFF;
  }

  .safe-table tr.odd {
    background-color: #F5F5F5;
  }

  .grid-search {
    margin-bottom: 5px;
  }
  .grid-search::placeholder {
    color: #5E5E5E;
  }

  /* Apply cross browser word breaks -> Works in conjunction with colRenderer.service.js */
  safe-grid tr > td {
    word-wrap: break-word;
    overflow-wrap: break-word;
  }

  .safe-grid-cell-inner {
    width: 100%;
    display: inline-block;
    overflow-wrap: break-word;
    word-wrap: break-word;
    -webkit-hyphens: auto;
    -ms-hyphens: auto;
    -moz-hyphens: auto;
    hyphens: auto;
  }

  /* constrains the table to a set width allowing scroll at mobile size */
  .tableContainer {
    max-width: 100%;
    height: auto;
    overflow-x: auto;
    width: 100%;
  }

  .column-picklist-container {
    display: flex;
    justify-content: center;
    padding: 10px;
  }

  /* Search Error Message */
  .search-error-msg {
    color: #F51515;
  }

  .darkMode {
    /* Search Error Message */
  }
  .darkMode .safe-table {
    color: #FFF;
    border: 1px solid #3E3E3D !important;
  }
  .darkMode .safe-table thead tr {
    background-color: #2C2C2B !important;
    border: 1px solid #3E3E3D;
    border-bottom: 1.5px solid 1px solid #3E3E3D;
  }
  .darkMode .safe-table thead tr th {
    border: none;
  }
  .darkMode .safe-table tbody tr {
    border: none;
    border-bottom: 1px solid 1px solid #3E3E3D;
  }
  .darkMode .safe-table tbody tr .secondaryColor {
    color: #FFF;
  }
  .darkMode .safe-table tbody tr:hover {
    color: #FFF !important;
  }
  .darkMode .safe-table tbody tr:hover .secondaryColor {
    color: #FFF !important;
  }
  .darkMode .safe-table tbody tr:hover td a {
    color: #FFF !important;
  }
  .darkMode .safe-table tbody tr:nth-child(odd) {
    background-color: #2C2C2B;
  }
  .darkMode .safe-table tbody tr:nth-child(even) {
    background-color: #2C2C2B;
  }
  .darkMode .safe-table .error {
    color: #F97777 !important;
  }
  .darkMode .safe-table .warning {
    color: #F99A77 !important;
  }
  .darkMode .safe-table .warning .fa, .darkMode .safe-table .warning.fa {
    color: #F99A77 !important;
  }
  .darkMode .secondaryColor {
    color: #FFF;
  }
  .darkMode .safe-grid-select .top-select-bar-item, .darkMode .safe-grid-select label {
    color: #FFF;
  }
  .darkMode .table > thead > tr {
    background-color: #2C2C2B !important;
  }
  .darkMode .table > thead > tr > th {
    color: #FFF;
  }
  .darkMode .table-hover > tbody > tr:hover, .darkMode .table-hover > tbody > tr:hover .text-muted {
    color: #94A7FF;
  }
  .darkMode category-select > input {
    color: #FFF;
  }
  .darkMode .grid-search::placeholder {
    color: #B3B3B3;
  }
  .darkMode .search-error-msg {
    color: #F97777;
  }

  .resource-inner-table tr {
    background: none !important;
    border: none !important;
  }

  /*
   * Component: Homepage Tables
   * ONLY FOR EDITING SPECIFC TABLE TYPES AND HOME TABLES
   */
  .dashboard-pager-cell, .favorite-pager-cell {
    padding: 5px 10px !important;
    height: 33px !important;
  }
  .dashboard-pager-cell > ul, .favorite-pager-cell > ul {
    margin: 0;
  }

  .dashboard-pager {
    width: 100%;
    margin: 0;
  }
  .dashboard-pager li > a, .dashboard-pager li > a:hover, .dashboard-pager li > a:focus, .dashboard-pager li > a:active, .dashboard-pager li > a:visited, .dashboard-pager li > a:visited:focus, .dashboard-pager .disabled > a, .dashboard-pager .disabled > a:hover, .dashboard-pager .disabled > a:focus, .dashboard-pager .disabled > a:active, .dashboard-pager .disabled > a:visited, .dashboard-pager .disabled > a:visited:focus {
    border: none;
    background-color: transparent;
  }
  .dashboard-pager li > a.see-more {
    padding-top: 0;
  }

  .panel > .home-table {
    min-height: 340px;
    max-height: 340px;
  }
  .panel > .home-table > table > tbody > tr > td.info-cell {
    padding-left: 15px;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
  }

  .panel > .home-table.double-table-height {
    min-height: 777px;
  }
  @media (max-width: 767px) {
    .panel > .home-table.double-table-height {
      min-height: 336px;
    }
  }

  .panel .home-table table.empty-table {
    height: 336px;
  }

  #recentProjects, #lastRunWorkspaces {
    margin-bottom: 27px;
  }

  #favoritePanel > .panel-footer, #lastPublishedPanel > .panel-footer, #lastRunPanel > .panel-footer, #projectPanel > .panel-footer {
    padding: 0;
  }

  #favorite-table, #lastpublished-table, #lastrun-table, #project-table, #automations-table {
    table-layout: fixed;
  }
  #favorite-table > tbody > tr > td, #lastpublished-table > tbody > tr > td, #lastrun-table > tbody > tr > td, #project-table > tbody > tr > td, #automations-table > tbody > tr > td {
    border: 0;
  }

  #favorite-table > tbody > tr > td.icon-cell {
    text-align: center;
    width: 2em;
  }
  #favorite-table > tbody > tr > td.icon-cell-extend {
    width: 65px;
  }

  #lastpublished-table > tbody > tr > td.publish-time {
    width: 170px;
    text-align: right;
  }
  #lastpublished-table > tbody > tr > td.publish-time > .publish-date {
    margin-left: 10px;
  }
  #lastpublished-table > tbody > tr > td.fav-cell {
    width: 2em;
  }

  #project-table > tbody > tr {
    height: 50px;
  }
  #project-table > tbody > tr.empty-cell {
    height: 0;
  }
  #project-table > tbody > tr > td.time {
    text-align: right;
    width: 120px;
  }

  #automations-table > tbody > tr {
    height: 110px;
  }
  #automations-table > tbody > tr.empty-cell {
    height: 0;
  }
  #automations-table > tbody > tr > td.time {
    text-align: right;
    width: 113px;
  }
  #automations-table > tbody > tr > td.automation-preview {
    width: 30%;
    text-align: center;
  }
  #automations-table > tbody > tr > td.automation-preview img {
    display: block;
    margin: 0 auto;
    width: 90%;
    height: 70px;
    object-fit: contain;
    border: 2px solid #F5F5F5;
    border-radius: 5px;
  }
  #automations-table > tbody > tr > td.automation-preview .missing-image {
    opacity: 0.25;
  }
  #automations-table > tbody > tr > td.automation-status-indicator {
    width: 3em;
    padding-right: 2.5em;
  }
  #automations-table > tbody > tr > td.info-cell {
    white-space: normal;
  }

  @media (max-width: 1364px) and (min-width: 1201px) {
    .ColLayout3 #automations-table > tbody > tr > td.automation-preview {
      display: none;
      width: 0;
    }
  }

  #lastrun-table > tbody > tr > td.status-cell {
    width: 2em;
  }
  #lastrun-table > tbody > tr > td.status-cell:last-child {
    padding-right: 3.75em;
  }
  #lastrun-table > tbody > tr > td.status-cell-extend {
    margin-left: 0;
    padding-left: 0;
    padding-right: 0;
    width: 50px;
  }
  #lastrun-table > tbody > tr > td.job-state-cell {
    width: 4em;
  }

  tr.empty-cell {
    height: 99%;
  }
  tr.empty-cell:hover {
    background-color: transparent;
  }
  tr.empty-cell td {
    border-bottom: 0 !important;
  }

  .status-cell {
    text-align: right;
  }
  .status-cell > .favorite {
    vertical-align: middle;
  }
  .status-cell > .dashboard-icon {
    margin-left: 10px;
  }

  .table-striped > body > tr:nth-of-type(odd) {
    background-color: #FFF;
  }

  .darkMode .panel {
    border-color: #5E5E5E;
    background-color: #2C2C2B;
    color: #FFF;
  }
  .darkMode .panel-icon {
    color: #FFF;
  }
  .darkMode .table > tbody > tr > td {
    background-color: #2C2C2B;
  }
  .darkMode .table > tbody > tr > td > strong {
    color: #FFF;
  }
  .darkMode .table > tbody > tr > td button {
    color: #B3B3B3;
  }
  .darkMode .table-hover tr:hover .no-record-cell {
    background-color: #2C2C2B;
  }
  .darkMode .table-hover > tbody > tr:hover .text-muted {
    color: #94A7FF;
  }
  .darkMode .table-hover > tbody > tr:hover strong {
    color: #94A7FF;
  }
  .darkMode .table-striped > tbody > tr:nth-of-type(odd) {
    background-color: #2C2C2B;
  }
  .darkMode .table-striped > tbody > tr:last-child {
    border-bottom: none;
  }
  .darkMode .panel-heading {
    border-bottom: 1px solid #5E5E5E;
  }
  .darkMode .panel-heading > div {
    color: #FFF;
  }
  .darkMode .panel-footer {
    background-color: #2C2C2B;
    border-top: 0.5px solid #FFF;
  }
  .darkMode .panel-footer a {
    color: #FFF;
  }
  .darkMode .panel-footer a:hover {
    color: #94A7FF;
  }
  .darkMode .panel-default .panel-heading {
    background-color: #2C2C2B;
  }
  .darkMode .panel-default .panel-heading span {
    color: #FFF;
  }
  .darkMode .panel-default .panel-heading.dark-panel-heading {
    background-color: #2C2C2B;
    color: #FFF;
    border-color: #5E5E5E;
  }
  .darkMode .panel-default .panel-heading.dark-panel-heading panel-actions .panel-icon {
    color: #FFF;
  }
  .darkMode .panel-default .panel-heading.dark-panel-heading panel-actions .panel-icon:hover {
    color: #94A7FF;
  }
  .darkMode .pager-controls .first-triangle {
    border-color: transparent #FFF transparent transparent;
  }
  .darkMode .pager-controls .first-bar {
    border-left: 2px solid #FFF;
  }
  .darkMode .pager-controls .last-triangle {
    border-color: transparent transparent transparent #FFF;
  }
  .darkMode .pager-controls .last-bar {
    border-left: 2px solid #FFF;
  }
  .darkMode .first-triangle.prev-triangle.disabled, .darkMode button[disabled] > .prev-triangle, .darkMode button[disabled] > .first-triangle,
.darkMode button.disabled > a > .first-triangle {
    border-color: transparent #5E5E5E transparent transparent;
  }
  .darkMode button[disabled] > .first-triangle > .first-bar, .darkMode button.disabled > a > .first-triangle > .first-bar {
    border-color: #5E5E5E;
  }
  .darkMode .last-triangle.next-triangle.disabled, .darkMode button[disabled] > .last-triangle, .darkMode button[disabled] > .last-triangle > .last-bar,
.darkMode button.disabled > a > .last-triangle, .darkMode button.disabled > a > .last-triangle > .last-bar {
    border-color: transparent transparent transparent #5E5E5E;
  }
  .darkMode #automations-table > tbody > tr > td.automation-preview img {
    border: 2px solid #1a1d1f;
  }

  /*
   * CSS for resize elements
   */
  .resizeBar {
    background-color: #F5F5F5;
    height: 100vh;
    width: 16px;
    position: absolute;
    top: 0;
    left: 0;
    -webkit-touch-callout: none;
    /* iOS Safari */
    -webkit-user-select: none;
    /* Safari */
    -khtml-user-select: none;
    /* Konqueror HTML */
    -moz-user-select: none;
    /* Firefox */
    -ms-user-select: none;
    /* Internet Explorer/Edge */
    user-select: none;
    /* Non-prefixed version, currently
               supported by Chrome and Opera */
  }
  .resizeBar .dragHandleContainer {
    margin-top: 45vh;
    margin-left: 3px;
  }
  .resizeBar .dragHandle {
    width: 8px;
    height: 2px;
    margin-bottom: 2px;
    border-radius: 3px;
    background-color: #0D0D0C;
  }
  .resizeBar:hover {
    transition: 0.2s ease;
    background-color: #EBEBEB;
    cursor: col-resize;
  }

  #draggableCanvas {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
  }

  .darkMode .resizeBar {
    background-color: #1E1E1C;
  }
  .darkMode .resizeBar .dragHandle {
    background-color: #1E1E1C;
  }
  .darkMode .resizeBar:hover {
    transition: 0.2s ease;
    background-color: #859199;
    cursor: col-resize;
  }
  .darkMode .resizeBar:hover .dragHandle {
    background-color: #202326;
  }

  .no-highlight-select {
    -webkit-touch-callout: none;
    /* iOS Safari */
    -webkit-user-select: none;
    /* Safari */
    -khtml-user-select: none;
    /* Konqueror HTML */
    -moz-user-select: none;
    /* Firefox */
    -ms-user-select: none;
    /* Internet Explorer/Edge */
    user-select: none;
    /* Non-prefixed version, currently
               supported by Chrome and Opera */
  }

  collapsible-accordion-panel {
    margin-top: 5px;
    display: block;
  }

  .toolbar-wrap {
    display: flex;
    z-index: 250;
    height: 50px;
    width: 100%;
    left: 0;
    top: auto;
    border-bottom: 1px solid #E0E0E0;
    background-color: #FFF;
    position: absolute;
    z-index: 20;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
  }
  .toolbar-wrap .toolbar-container {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: flex-start;
    align-content: stretch;
    width: 100%;
  }
  .toolbar-wrap .canvas-dropdown-menu {
    width: 245px;
    margin-top: 0px;
    padding: 0;
  }
  .toolbar-wrap .canvas-dropdown-menu .fa {
    min-width: 18px;
  }
  .toolbar-wrap .canvas-dropdown-menu li:first-child {
    border-top: 1px solid #E0E0E0;
  }
  .toolbar-wrap .canvas-dropdown-menu li:hover, .toolbar-wrap .canvas-dropdown-menu li a:hover {
    background: #F5F5F5;
  }
  .toolbar-wrap .canvas-dropdown-menu > li {
    border-bottom: 1px solid #E0E0E0;
  }
  .toolbar-wrap .canvas-dropdown-menu > li a {
    color: #0D0D0C;
    overflow-x: auto;
  }
  .toolbar-wrap .canvas-dropdown-menu .dropdown-menu-icon {
    width: 27px;
  }
  .toolbar-wrap .dropdown-menu-button-container {
    padding: 0;
    height: 100%;
    width: 245px;
    border-radius: 0;
    border: none;
  }
  .toolbar-wrap .dropdown-menu-button-container span {
    color: #EBEBEB;
  }
  .toolbar-wrap .dropdown-menu-button {
    padding-right: 100px;
    font-size: 1.2em;
    font-weight: 300;
  }
  .toolbar-wrap .workflow-tools-inner {
    display: flex;
    align-items: center;
    width: calc(100% - 245px);
    justify-content: space-between;
    white-space: nowrap;
  }
  .toolbar-wrap .workflow-tools-inner .toolbar-filename {
    display: inline-block;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    vertical-align: middle;
    word-wrap: break-word;
    max-width: 30%;
    margin-left: 10px;
    width: auto;
  }
  .toolbar-wrap .workflow-tools-inner .toolbar-filename span:first-child {
    padding-right: 0;
  }
  .toolbar-wrap .workflow-tools-inner .unsave-prompt {
    padding: 0 !important;
    position: relative;
    width: 0;
    height: 0;
    max-height: 0;
    min-height: 0;
    min-width: 0;
    max-width: 0;
    left: -1em;
    font-size: 0.75em;
    vertical-align: 0.75em;
    color: #FFC800;
  }
  .toolbar-wrap .workflow-tools-inner .unsave-prompt-hidden {
    color: rgba(0,0,0,0);
  }
  @media screen and (max-width: 767px) {
    .toolbar-wrap .workflow-tools-inner {
      width: calc(100% - 160px);
    }
  }
  .toolbar-wrap .workflow-tools-inner .btn-tool button:disabled,
.toolbar-wrap .workflow-tools-inner .btn-tool button[disabled] {
    color: #CCCCCC;
  }
  .toolbar-wrap .workflow-tools-inner .btn-tool button img {
    width: 1em;
    height: 1.3em;
  }
  .toolbar-wrap .desktop-toolbar-view {
    display: flex;
    flex-grow: 1;
    width: inherit;
    justify-content: flex-start;
    align-items: center;
  }
  .toolbar-wrap .desktop-toolbar-view span {
    padding: 0 0.5vw;
  }
  .toolbar-wrap .desktop-toolbar-view .toolbar-icons {
    display: flex;
    justify-content: space-around;
    align-items: center;
  }
  .toolbar-wrap .desktop-toolbar-view .toolbar-icons.edit-mode-bar {
    width: 580px;
  }
  .toolbar-wrap .desktop-toolbar-view .toolbar-icons.view-only-bar {
    width: 300px;
  }
  .toolbar-wrap .desktop-toolbar-view .btn-tool {
    color: #808080;
    font-size: 1.3em;
    padding: 0;
  }
  .toolbar-wrap .desktop-toolbar-view .btn-tool button {
    background-color: transparent;
    border: none;
  }
  .toolbar-wrap .desktop-toolbar-view .btn-tool.edit-btn button {
    padding-right: 0;
  }
  .toolbar-wrap .desktop-toolbar-view .btn-tool.edit-btn span {
    font-size: 14px;
    font-weight: bold;
    cursor: pointer;
  }
  .toolbar-wrap .mobile-toolbar-view {
    display: none;
    padding: 10px 0.5vw;
  }
  .toolbar-wrap .mobile-toolbar-view button {
    background: transparent;
    border: none;
  }
  .toolbar-wrap .mobile-toolbar-view button span {
    margin: 0;
  }
  .toolbar-wrap .mobile-toolbar-view .mobile-toolbar-dropdown {
    background: transparent;
    padding: 0 5px;
  }
  .toolbar-wrap .mobile-toolbar-view .mobile-toolbar-dropdown .fa {
    font-size: 18px;
    color: #808080;
  }
  .toolbar-wrap .mobile-toolbar-view .canvas-dropdown-menu {
    box-shadow: none;
    margin-top: 20px;
    min-width: 25px;
  }
  .toolbar-wrap .mobile-toolbar-view .canvas-dropdown-menu .mobile-dropdown-wrap {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-around;
    width: 100%;
    color: #808080;
  }
  .toolbar-wrap .mobile-toolbar-view .canvas-dropdown-menu .mobile-dropdown-wrap span {
    padding: 5px;
  }
  .toolbar-wrap .mobile-toolbar-view.edit-mode-bar .save-btn, .toolbar-wrap .mobile-toolbar-view.edit-mode-bar .params-btn, .toolbar-wrap .mobile-toolbar-view.edit-mode-bar .info-btn, .toolbar-wrap .mobile-toolbar-view.edit-mode-bar .undo-btn, .toolbar-wrap .mobile-toolbar-view.edit-mode-bar .redo-btn,
.toolbar-wrap .mobile-toolbar-view.edit-mode-bar .global-btn, .toolbar-wrap .mobile-toolbar-view.edit-mode-bar .zoom-out-btn, .toolbar-wrap .mobile-toolbar-view.edit-mode-bar .zoom-in-btn, .toolbar-wrap .mobile-toolbar-view.edit-mode-bar .zoom-fit-btn,
.toolbar-wrap .mobile-toolbar-view.edit-mode-bar .grid-btn, .toolbar-wrap .mobile-toolbar-view.edit-mode-bar .auto-btn, .toolbar-wrap .mobile-toolbar-view.edit-mode-bar .bookmark-btn, .toolbar-wrap .mobile-toolbar-view.edit-mode-bar .annotation-btn {
    display: none;
  }
  .toolbar-wrap .mobile-toolbar-view.view-only-bar .params-btn, .toolbar-wrap .mobile-toolbar-view.view-only-bar .info-btn, .toolbar-wrap .mobile-toolbar-view.view-only-bar .global-btn, .toolbar-wrap .mobile-toolbar-view.view-only-bar .zoom-out-btn,
.toolbar-wrap .mobile-toolbar-view.view-only-bar .zoom-in-btn, .toolbar-wrap .mobile-toolbar-view.view-only-bar .zoom-fit-btn, .toolbar-wrap .mobile-toolbar-view.view-only-bar .grid-btn, .toolbar-wrap .mobile-toolbar-view.view-only-bar .auto-btn {
    display: none;
  }
  .toolbar-wrap .right-pulled-toolbar {
    width: auto;
    display: flex;
    flex-wrap: nowrap;
    justify-content: flex-end;
  }
  .toolbar-wrap .right-pulled-toolbar .no-animate {
    -webkit-transition: none !important;
    transition: none !important;
  }
  @media (max-width: 1335px) {
    .toolbar-wrap .last-action {
      display: none !important;
    }
  }
  @media (max-width: 1195px) {
    .toolbar-wrap .desktop-toolbar-view .toolbar-icons.automations-toolbar .auto-btn, .toolbar-wrap .desktop-toolbar-view .toolbar-icons.automations-toolbar .bookmark-btn, .toolbar-wrap .desktop-toolbar-view .toolbar-icons.automations-toolbar .annotation-btn {
      display: none;
    }
    .toolbar-wrap .desktop-toolbar-view .toolbar-icons.workbench-toolbar.edit-mode-bar .grid-btn, .toolbar-wrap .desktop-toolbar-view .toolbar-icons.workbench-toolbar.edit-mode-bar .auto-btn, .toolbar-wrap .desktop-toolbar-view .toolbar-icons.workbench-toolbar.edit-mode-bar .bookmark-btn, .toolbar-wrap .desktop-toolbar-view .toolbar-icons.workbench-toolbar.edit-mode-bar .annotation-btn {
      display: none;
    }
    .toolbar-wrap .mobile-toolbar-view.edit-mode-bar {
      display: block;
    }
    .toolbar-wrap .mobile-toolbar-view.automations-toolbar.edit-mode-bar .auto-btn, .toolbar-wrap .mobile-toolbar-view.automations-toolbar.edit-mode-bar .bookmark-btn, .toolbar-wrap .mobile-toolbar-view.automations-toolbar.edit-mode-bar .annotation-btn {
      display: block;
    }
    .toolbar-wrap .mobile-toolbar-view.workbench-toolbar.edit-mode-bar .grid-btn, .toolbar-wrap .mobile-toolbar-view.workbench-toolbar.edit-mode-bar .auto-btn, .toolbar-wrap .mobile-toolbar-view.workbench-toolbar.edit-mode-bar .bookmark-btn, .toolbar-wrap .mobile-toolbar-view.workbench-toolbar.edit-mode-bar .annotation-btn {
      display: block;
    }
  }
  @media (max-width: 1065px) {
    .toolbar-wrap .desktop-toolbar-view .toolbar-icons.automations-toolbar.edit-mode-bar .zoom-fit-btn, .toolbar-wrap .desktop-toolbar-view .toolbar-icons.automations-toolbar.edit-mode-bar .grid-btn {
      display: none;
    }
    .toolbar-wrap .desktop-toolbar-view .toolbar-icons.automations-toolbar.view-only-bar .grid-btn {
      display: none;
    }
    .toolbar-wrap .desktop-toolbar-view .toolbar-icons.workbench-toolbar.view-only-bar .zoom-fit-btn, .toolbar-wrap .desktop-toolbar-view .toolbar-icons.workbench-toolbar.view-only-bar .grid-btn {
      display: none;
    }
    .toolbar-wrap .desktop-toolbar-view .toolbar-icons.workbench-toolbar.edit-mode-bar .zoom-out-btn, .toolbar-wrap .desktop-toolbar-view .toolbar-icons.workbench-toolbar.edit-mode-bar .zoom-in-btn, .toolbar-wrap .desktop-toolbar-view .toolbar-icons.workbench-toolbar.edit-mode-bar .zoom-fit-btn {
      display: none;
    }
    .toolbar-wrap .mobile-toolbar-view.automations-toolbar.edit-mode-bar .zoom-fit-btn, .toolbar-wrap .mobile-toolbar-view.automations-toolbar.edit-mode-bar .grid-btn {
      display: block;
    }
    .toolbar-wrap .mobile-toolbar-view.automations-toolbar.view-only-bar {
      display: flex;
    }
    .toolbar-wrap .mobile-toolbar-view.automations-toolbar.view-only-bar .grid-btn {
      display: block;
    }
    .toolbar-wrap .mobile-toolbar-view.workbench-toolbar.view-only-bar {
      display: flex;
    }
    .toolbar-wrap .mobile-toolbar-view.workbench-toolbar.view-only-bar .zoom-fit-btn, .toolbar-wrap .mobile-toolbar-view.workbench-toolbar.view-only-bar .grid-btn {
      display: block;
    }
    .toolbar-wrap .mobile-toolbar-view.workbench-toolbar.edit-mode-bar .zoom-out-btn, .toolbar-wrap .mobile-toolbar-view.workbench-toolbar.edit-mode-bar .zoom-in-btn, .toolbar-wrap .mobile-toolbar-view.workbench-toolbar.edit-mode-bar .zoom-fit-btn {
      display: block;
    }
  }
  @media (max-width: 940px) {
    .toolbar-wrap .desktop-toolbar-view .toolbar-icons.automations-toolbar.edit-mode-bar .zoom-out-btn, .toolbar-wrap .desktop-toolbar-view .toolbar-icons.automations-toolbar.edit-mode-bar .zoom-in-btn {
      display: none;
    }
    .toolbar-wrap .desktop-toolbar-view .toolbar-icons.workbench-toolbar.edit-mode-bar .redo-btn {
      display: none;
    }
    .toolbar-wrap .edit-btn span {
      display: none;
    }
    .toolbar-wrap .mobile-toolbar-view.automations-toolbar.edit-mode-bar .zoom-out-btn, .toolbar-wrap .mobile-toolbar-view.automations-toolbar.edit-mode-bar .zoom-in-btn {
      display: block;
    }
    .toolbar-wrap .mobile-toolbar-view.workbench-toolbar.edit-mode-bar .redo-btn {
      display: block;
    }
  }
  @media (max-width: 875px) {
    .toolbar-wrap .workflow-tools-inner .toolbar-filename {
      min-width: 50%;
    }
    .toolbar-wrap .desktop-toolbar-view .toolbar-icons.edit-mode-bar, .toolbar-wrap .desktop-toolbar-view .toolbar-icons.view-only-bar {
      justify-content: flex-start;
    }
    .toolbar-wrap .desktop-toolbar-view .toolbar-icons.automations-toolbar.edit-mode-bar .undo-btn, .toolbar-wrap .desktop-toolbar-view .toolbar-icons.automations-toolbar.edit-mode-bar .redo-btn, .toolbar-wrap .desktop-toolbar-view .toolbar-icons.automations-toolbar.edit-mode-bar .global-btn {
      display: none;
    }
    .toolbar-wrap .desktop-toolbar-view .toolbar-icons.automations-toolbar.view-only-bar .zoom-out-btn, .toolbar-wrap .desktop-toolbar-view .toolbar-icons.automations-toolbar.view-only-bar .zoom-in-btn, .toolbar-wrap .desktop-toolbar-view .toolbar-icons.automations-toolbar.view-only-bar .zoom-fit-btn {
      display: none;
    }
    .toolbar-wrap .desktop-toolbar-view .toolbar-icons.workbench-toolbar.edit-mode-bar .params-btn, .toolbar-wrap .desktop-toolbar-view .toolbar-icons.workbench-toolbar.edit-mode-bar .info-btn, .toolbar-wrap .desktop-toolbar-view .toolbar-icons.workbench-toolbar.edit-mode-bar .undo-btn {
      display: none;
    }
    .toolbar-wrap .desktop-toolbar-view .toolbar-icons.workbench-toolbar.view-only-bar .params-btn, .toolbar-wrap .desktop-toolbar-view .toolbar-icons.workbench-toolbar.view-only-bar .info-btn, .toolbar-wrap .desktop-toolbar-view .toolbar-icons.workbench-toolbar.view-only-bar .zoom-out-btn, .toolbar-wrap .desktop-toolbar-view .toolbar-icons.workbench-toolbar.view-only-bar .zoom-in-btn {
      display: none;
    }
    .toolbar-wrap .edit-line {
      display: none;
    }
    .toolbar-wrap .mobile-toolbar-view.automations-toolbar.edit-mode-bar .undo-btn, .toolbar-wrap .mobile-toolbar-view.automations-toolbar.edit-mode-bar .redo-btn, .toolbar-wrap .mobile-toolbar-view.automations-toolbar.edit-mode-bar .global-btn {
      display: block;
    }
    .toolbar-wrap .mobile-toolbar-view.automations-toolbar.view-only-bar .zoom-out-btn, .toolbar-wrap .mobile-toolbar-view.automations-toolbar.view-only-bar .zoom-in-btn, .toolbar-wrap .mobile-toolbar-view.automations-toolbar.view-only-bar .zoom-fit-btn {
      display: block;
    }
    .toolbar-wrap .mobile-toolbar-view.workbench-toolbar.edit-mode-bar .params-btn, .toolbar-wrap .mobile-toolbar-view.workbench-toolbar.edit-mode-bar .info-btn, .toolbar-wrap .mobile-toolbar-view.workbench-toolbar.edit-mode-bar .undo-btn {
      display: block;
    }
    .toolbar-wrap .mobile-toolbar-view.workbench-toolbar.view-only-bar .params-btn, .toolbar-wrap .mobile-toolbar-view.workbench-toolbar.view-only-bar .info-btn, .toolbar-wrap .mobile-toolbar-view.workbench-toolbar.view-only-bar .zoom-out-btn, .toolbar-wrap .mobile-toolbar-view.workbench-toolbar.view-only-bar .zoom-in-btn {
      display: block;
    }
  }
  @media (max-width: 767px) {
    .toolbar-wrap {
      border-top: 1px solid #E0E0E0;
      margin-top: -10px;
    }
    .toolbar-wrap .workflow-tools-inner .toolbar-filename {
      min-width: 0;
    }
    .toolbar-wrap .desktop-toolbar-view .toolbar-icons.edit-mode-bar, .toolbar-wrap .desktop-toolbar-view .toolbar-icons.view-only-bar {
      width: 0;
    }
    .toolbar-wrap .dropdown-menu-button-container {
      width: 160px;
    }
    .toolbar-wrap .dropdown-menu-button {
      padding-right: 20px;
    }
  }
  @media (max-width: 550px) {
    .toolbar-wrap .desktop-toolbar-view .toolbar-icons.edit-mode-bar, .toolbar-wrap .desktop-toolbar-view .toolbar-icons.view-only-bar {
      width: 50%;
    }
    .toolbar-wrap .mobile-toolbar-view.edit-mode-bar .save-btn {
      display: block;
    }
  }
  @media (max-width: 540px) {
    .toolbar-wrap .desktop-toolbar-view .toolbar-icons {
      display: none;
    }
    .toolbar-wrap .mobile-toolbar-view.view-only-bar .global-btn {
      display: block;
    }
  }
  @media (max-width: 425px) {
    .toolbar-wrap .enable-toggle .toolbar-text {
      display: none;
    }
  }

  .canvas-wrap {
    z-index: 10;
    padding: 0;
    left: 0;
    position: absolute;
    top: 50px;
    width: 100%;
    height: calc(100% - 50px) !important;
  }
  @media (max-width: 767px) {
    .canvas-wrap {
      top: 115px;
      height: calc(100% - 115px) !important;
    }
  }

  .parameters-wrap p .glyphicon {
    color: #0D0D0C;
    padding: 3px;
  }

  .parameters-wrap {
    right: 0;
  }
  .parameters-wrap .collapsePanelButton {
    left: 12px;
    width: 31px;
    border: 0;
    background: none;
    margin-left: 10px;
  }
  @media (max-width: 767px) {
    .parameters-wrap {
      top: 115px !important;
      min-height: calc(100% - 115px);
      max-height: calc(100% - 115px);
    }
  }

  .darkMode .toolbar-wrap {
    color: #EBEBEB;
    background-color: #1a1d1f;
    border-bottom: none;
  }
  .darkMode .toolbar-wrap .dropdown-menu-button-container {
    background-color: #202326;
  }
  .darkMode .canvas-wrap {
    background-color: #272d33;
  }
  .darkMode .canvas-dropdown-menu {
    background: #0D0D0C;
    box-shadow: 0px 6px 15px rgba(0,0,0,0.475) !important;
  }
  .darkMode .canvas-dropdown-menu li:first-child {
    border-top: #0D0D0C;
  }
  .darkMode .canvas-dropdown-menu > li {
    border-bottom: 1px solid #272d33;
  }
  .darkMode .canvas-dropdown-menu > li a {
    color: #EBEBEB;
  }
  .darkMode .canvas-dropdown-menu li:last-child {
    border-bottom: #0D0D0C;
  }
  .darkMode .canvas-dropdown-menu li:hover, .darkMode .canvas-dropdown-menu li a:hover {
    background: #2C2C2B;
  }
  .darkMode .closePanelButton {
    background-color: transparent !important;
  }
  .darkMode .closePanelButton:hover {
    background-color: #32404d !important;
  }
  .darkMode .workflow-tools-inner {
    color: #EBEBEB;
  }
  .darkMode .workflow-tools-inner .btn-tool {
    color: #EBEBEB;
  }
  .darkMode .workflow-tools-inner .btn-tool button:disabled,
.darkMode .workflow-tools-inner .btn-tool button[disabled] {
    color: #5E5E5E;
  }
  .darkMode .workflow-tools-inner .toolbar-text {
    color: #EBEBEB;
  }
  .darkMode .mobile-toolbar-view .mobile-toolbar-dropdown .fa {
    color: #EBEBEB;
  }

  /* Rip out redundant rules in
  workflow-parameters
  management-information
  workbench-transformer
  Refer to this for styling of side panels
  
  TODO move panel styling here once the toolbars are replaced on other pages
  */
  .side-panel {
    position: absolute;
    background-color: #FFF;
    color: #0D0D0C;
    overflow-y: scroll;
    overflow-x: hidden;
    z-index: 10;
    min-width: 400px;
    font-family: "Roboto",sans-serif;
    font-weight: 400;
  }
  .side-panel fieldset {
    padding: 20px 15px 0 20px !important;
  }
  .side-panel .form-group {
    margin: 5px 5px 5px 15px;
  }
  .side-panel * > .panel {
    border: none;
  }
  @media (max-width: 425px) {
    .side-panel {
      max-width: 100%;
      min-width: 100%;
    }
    .side-panel resize-bar {
      display: none;
    }
  }

  .workflow-details p {
    margin: 0 0 3px 6px;
    padding: 2px 7px 7px 15px;
    font-size: 20px;
    margin-top: 10px;
    margin-bottom: 10px;
  }
  .workflow-details hr {
    margin-top: 10px;
    margin-bottom: 10px;
  }

  .workflow-switch-button {
    margin: 0 0 3px 6px;
    padding: 2px 7px 7px 15px;
    margin-top: 10px;
    margin-bottom: 10px;
  }

  .darkMode .side-panel {
    color: #EBEBEB;
    background-color: #0D0D0C;
  }
  .darkMode .side-panel p {
    color: #EBEBEB;
  }
  .darkMode .side-panel .side-panel {
    background-color: #0D0D0C;
  }
  .darkMode .side-panel * > .panel,
.darkMode .side-panel * > .panel-heading,
.darkMode .side-panel * > .panel-default {
    border: none;
    background-color: transparent !important;
  }
}
/*
 * Layout: Page Header
 */
.breadcrumb {
  padding: 5px 0 0 20px;
  margin-bottom: 0;
  background: transparent;
}
#body .breadcrumb {
  background: transparent;
}
#body .breadcrumb.solid-background {
  background: #FFF;
}

.page-header {
  min-height: 70px;
}

.page-header .page-nav, .page-nav {
  text-align: left;
  margin-bottom: 20px;
}
.page-header .page-nav div, .page-header .page-nav a, .page-header .page-nav p, .page-nav div, .page-nav a, .page-nav p {
  font-size: 12px;
  display: inline;
}

.big-margin {
  margin-top: 50px;
}

ul.page-header-links {
  margin-top: -0.25em;
}
ul.page-header-links li {
  position: relative;
  display: inline;
  padding: 0 5px 2px 10px;
  margin-right: -1px;
  border-left: 1px solid #c2c2c2;
}
ul.page-header-links li span {
  font-size: 12px;
  letter-spacing: 2px;
  white-space: pre;
}
ul.page-header-links li a {
  color: #0D0D0C;
}
ul.page-header-links li.active {
  border-bottom: 3px solid #0d0d0c;
}
ul.page-header-links li:hover a {
  color: #2c2c2b;
}
ul.page-header-links li:first-of-type {
  border-left: none;
}

ul.nav.nav-tabs, #body ul.nav.nav-tabs {
  margin-top: 0;
  border-color: #E0E0E0;
}

.wrapper > section #body .breadcrumb ~ .x-panel h1, .wrapper > section #body .breadcrumb ~ #editview h1 {
  margin-top: -20px;
}

.wrapper > section #body .breadcrumb ~ .sectionHeader.notificationHeader h1 {
  margin-top: 0;
}

.breadcrumb-arrow {
  margin: 0 5px;
}

.darkMode .wrapper > section .page-header {
  background-color: #0D0D0C;
  color: #FFF;
}
.darkMode ul.page-header-links li a {
  color: #FFF;
}
.darkMode ul.page-header-links li:hover a {
  color: #94A7FF;
}
.darkMode .page-nav a {
  color: #94A7FF;
}
.darkMode .page-nav a:hover {
  color: #ccc;
}

/*
 * Page: Login Page
 */
#loginForm {
  /*login button*/
}
#loginForm .panel-flat {
  background-color: #FFF !important;
  border-radius: 10px !important;
  overflow: hidden;
}
#loginForm .col-sm-12 {
  padding: 0;
  border-color: #CCCCCC;
}
#loginForm .col-sm-3 {
  padding-left: 0;
  padding-right: 0;
}
#loginForm .panel-heading {
  background-color: #FFF !important;
  padding-top: 30px !important;
}
#loginForm .has-feedback .form-control {
  padding: 0 2.25em;
}
#loginForm em:not(#visibilityIcon) {
  font-weight: 600;
  font-size: 1.15em;
  position: absolute;
  left: 0.5em;
  color: #0D0D0C !important;
  -webkit-text-fill-color: transparent;
  /* Will override color (regardless of order) */
  -webkit-text-stroke: 1px #0D0D0C;
}
#loginForm em:not(#visibilityIcon).fa {
  top: 0.6em;
}
#loginForm em:not(#visibilityIcon).glyphicon {
  font-size: 1em;
  top: 0.7em;
}
#loginForm em:not(#visibilityIcon).validate-icon {
  top: 0;
  left: 0;
  font-size: 1em;
}
#loginForm em:not(#visibilityIcon).validate-icon.fa-check {
  -webkit-text-stroke: 1px #009C00;
  -webkit-text-fill-color: #009C00;
}
#loginForm em:not(#visibilityIcon).validate-icon.fa-times {
  left: 0.2em;
  -webkit-text-fill-color: #F51515;
  -webkit-text-stroke: 1px #F51515;
}
#loginForm #validationIcons {
  display: none;
  right: 1.6em !important;
}
#loginForm #validationIcons,
#loginForm #visibilityIcon {
  position: absolute;
  font-size: 1.15em;
  font-weight: 600;
  top: 0.6em;
  right: 0.5em;
  cursor: pointer;
}
#loginForm .mt-lg {
  margin-top: 0 !important;
}
#loginForm ::-webkit-input-placeholder {
  color: #5E5E5E;
}
#loginForm :-moz-placeholder {
  color: #5E5E5E;
}
#loginForm ::-moz-placeholder {
  color: #5E5E5E;
}
#loginForm :-ms-input-placeholder {
  color: #5E5E5E;
}

.form-validate .form-group {
  height: 60px;
}
.form-validate .form-group label {
  padding-top: 7px;
}
.form-validate .form-group:first-of-type {
  margin-bottom: 0.25em;
  margin-top: 0.25em;
}
.form-validate .form-group:last-of-type {
  margin-bottom: 0.25em;
}

.form-validate .form-control.ng-dirty.ng-invalid {
  border-color: #ED0700;
}
.form-validate .form-control.ng-dirty.ng-valid, .form-validate .form-control.ng-dirty.ng-valid:focus {
  border-color: #009C00;
}

.fixed-login {
  overflow: hidden;
}

.full-page {
  height: 100vh;
  width: 100%;
  position: fixed;
  overflow-y: scroll;
  overflow-x: hidden;
  top: 0;
  background: linear-gradient(90deg,#CCC,#EBEBEB);
}

.login-center {
  top: 25%;
  position: relative;
}
.login-center p.login-message {
  font-family: "Roboto",sans-serif;
}

.img-text {
  max-width: 50%;
  height: auto;
}

p.center.badStatus {
  text-align: center;
  margin-bottom: 20px;
}
p.center.goodStatus {
  text-align: center;
  color: #0D0D0C;
  margin-bottom: 20px;
}

.btn-dark, #reset-password-form .reset-password-btn:hover, .reset-password-btn:focus, .reset-password-btn:active, .reset-password-btn:hover, .form-validate .login-btn:active, .form-validate .login-btn:focus, .form-validate .login-btn:hover {
  color: #FFF;
  background-color: #2c2c2b;
  border-color: #2c2c2b;
}
.btn-dark:hover, #reset-password-form .reset-password-btn:hover, .reset-password-btn:hover, .form-validate .login-btn:hover {
  background-color: #94A7FF;
  border-color: #94A7FF;
}
.btn-dark:active, #reset-password-form .reset-password-btn:active:hover, .reset-password-btn:active, .form-validate .login-btn:active, .btn-dark:focus, #reset-password-form .reset-password-btn:focus:hover, .reset-password-btn:focus, .form-validate .login-btn:focus {
  background-color: #ccc;
  border-color: #ccc;
}
.btn-dark:inactive, #reset-password-form .reset-password-btn:inactive:hover, .reset-password-btn:inactive:focus, .reset-password-btn:inactive:active, .reset-password-btn:inactive:hover, .form-validate .login-btn:inactive:active, .form-validate .login-btn:inactive:focus, .form-validate .login-btn:inactive:hover {
  background-color: #5E5E5E;
  border-color: #5E5E5E;
}

.form-validate .login-btn {
  color: #FFF;
  background-color: #0d0d0c;
  border-color: #0d0d0c;
}
.form-validate .login-btn:hover {
  background-color: #2c2c2b;
  border-color: #2c2c2b;
}
.form-validate .login-btn:active, .form-validate .login-btn:focus {
  background-color: #2c2c2b;
  border-color: #2c2c2b;
}

#saml-form .login-btn {
  color: #0d0d0c;
  background-color: transparent;
  border-color: #0d0d0c;
}
#saml-form .login-btn:hover {
  background-color: #2c2c2b;
  border-color: #2c2c2b;
  color: #FFF;
}
#saml-form .login-btn:active, #saml-form .login-btn:focus {
  background-color: #2c2c2b;
  border-color: #2c2c2b;
  color: #FFF;
}

.alternative-login-prompt-message label {
  text-align: center;
  display: block;
  margin-top: 15px;
  color: #0D0D0C;
}

.reset-password-btn {
  color: #FFF;
  background-color: #0d0d0c;
  border-color: #0d0d0c;
}
.reset-password-btn:hover {
  background-color: #2c2c2b;
  border-color: #2c2c2b;
}
.reset-password-btn:focus, .reset-password-btn:active {
  background-color: #2c2c2b;
  border-color: #2c2c2b;
}

.error-pane {
  margin-top: 5px;
  margin-left: 2px;
}
.error-pane > ul > li {
  color: #F51515;
}
.error-pane > ul > li > a, .error-pane > ul > li > a:hover, .error-pane > ul > li > a:focus, .error-pane > ul > li > a:visited, .error-pane > ul > li > a:active {
  color: #F51515;
  text-decoration: none;
}

.login-buttons {
  text-align: center;
  margin: 100px auto;
}
.login-buttons > a.login-links {
  color: #F5F5F5;
  text-decoration: none;
  display: inline-block;
  width: 60px;
  vertical-align: top;
}
.login-buttons > a.login-links {
  margin-right: 50px;
  margin-left: 50px;
}
.login-buttons > a.login-links:hover, .login-buttons > a.login-links:focus, .login-buttons > a.login-links:visited, .login-buttons > a.login-links:active {
  color: #F5F5F5;
  text-decoration: none;
}
.login-buttons > a.login-links .large-icon {
  font-size: 60px;
  margin-bottom: 15px;
  display: block;
}

.top-links-login {
  padding: 10px 0;
}
.top-links-login > .container > a {
  padding: 0 20px;
  border-right: 1px solid #0D0D0C;
  font-size: 14px;
  color: #0D0D0C;
  font-weight: lighter;
}
.top-links-login > .container > a.last-link {
  border: none;
}
.top-links-login > .container > a:hover, .top-links-login > .container > a:focus, .top-links-login > .container > a:visited, .top-links-login > .container > a:active {
  color: #2c2c2b;
  text-decoration: none;
}

#forgot-password {
  text-align: center;
}
#forgot-password a {
  color: #0D0D0C;
  text-decoration: underline;
}

#cancel-forgot-password {
  text-align: center;
}
#cancel-forgot-password a {
  color: #0D0D0C;
  text-decoration: underline;
}

@media (max-width: 480px) {
  .adjustable-width-sm {
    width: 85%;
  }
}
@media (min-width: 480px) {
  .fixed-width-wd-xl {
    width: 320px;
  }
}
.reset-center {
  top: 25%;
  position: relative;
}
.reset-center p.reset-message {
  font-family: "Roboto",sans-serif;
}
.reset-center .panel-flat {
  background-color: #FFF !important;
  border-radius: 10px !important;
  overflow: hidden;
}

.reset-form .panel-heading {
  background-color: #FFF !important;
  padding-top: 30px !important;
}
.reset-form .has-feedback .form-control {
  padding-right: 2.25em;
}

.reset-message {
  margin-bottom: 0px;
  color: #0D0D0C;
}

.reset-error {
  color: #ED0700;
  text-align: center;
}

#reset-password-label {
  margin: 0 0 20px;
}

#go-to-login {
  margin-bottom: 10px;
}
#go-to-login a {
  color: #0D0D0C;
  text-decoration: underline;
}

#cancel a {
  color: #0D0D0C;
  text-decoration: underline;
}

#reset-password-form .form-group {
  min-height: 30px;
  height: 100%;
  width: 100%;
  margin: 0;
  margin-bottom: 1rem;
}
#reset-password-form .form-group .form-control {
  border-color: #CCCCCC;
}
#reset-password-form .reset-password-btn {
  color: #FFF;
  background-color: #0d0d0c;
  border-color: #0d0d0c;
}
#reset-password-form .reset-password-btn:hover {
  background-color: #2c2c2b;
  border-color: #2c2c2b;
}
#reset-password-form .reset-password-btn:focus, #reset-password-form .reset-password-btn:active {
  background-color: #2c2c2b;
  border-color: #2c2c2b;
}
#reset-password-form button {
  margin: 0;
}
#reset-password-form ::-webkit-input-placeholder {
  color: #5E5E5E;
}
#reset-password-form :-moz-placeholder {
  color: #5E5E5E;
}
#reset-password-form ::-moz-placeholder {
  color: #5E5E5E;
}
#reset-password-form :-ms-input-placeholder {
  color: #5E5E5E;
}

form .reset-password-validation-error-text ul, form .reset-password-validation-error-text li {
  list-style-type: disc;
  list-style: circle;
  text-align: left;
  margin-left: 3rem;
}

#currentVisibilityIcon, #newVisibilityIcon, #confirmVisibilityIcon {
  position: absolute;
  font-size: 1.15em;
  font-weight: 600;
  top: 0.6em;
  right: 0.5em;
  cursor: pointer;
}

@layer legacy {
  /*
   * Page: Home Page
   */
  .home-bottom-nav {
    margin: 0 0 0 20px;
    padding: 0;
  }

  .home-bottom-nav .col-sm-4 {
    padding: 0;
  }

  .home-bottom-nav iframe {
    width: 100%;
    min-height: 255px;
    overflow: hidden;
    border: 0;
    padding: 0;
    margin-bottom: 35px;
  }

  .no-record-cell {
    text-align: center;
    padding: 25px !important;
  }

  .home-repository {
    margin-top: 15px;
  }

  .home-wrapper {
    margin-top: 3em;
  }
  .home-wrapper .tooltipImg:before {
    margin-top: 10px;
  }

  #homeTables [ng-drop] {
    margin-bottom: 1em;
  }
  #homeTables [ng-drop].drag-enter {
    border: 2px dashed #6DA6FE;
  }
  #homeTables .rightBorder {
    position: absolute;
    height: 100%;
    width: 20px;
    right: 0;
    z-index: 10;
  }
  #homeTables .rightBorder:hover {
    cursor: e-resize;
  }
  #homeTables .panel {
    margin-bottom: 0;
  }
  #homeTables .empty-footer {
    height: 33px;
  }
  #homeTables li.homeContainers {
    float: left;
    display: block;
    position: relative;
    margin-bottom: 9px;
  }
  #homeTables li.editable {
    opacity: 0.6;
  }
  #homeTables li.editable table {
    pointer-events: none;
  }
  #homeTables li.editable .panel-footer {
    pointer-events: none;
  }
  #homeTables li.editable #helpPanel a {
    pointer-events: none;
  }
  #homeTables li.editable .panel {
    border: 2px solid #0d0d0c;
  }
  #homeTables li.editable:hover {
    opacity: 0.9;
    cursor: move;
  }
  #homeTables.ColLayout2 .homeContainers {
    width: calc(50% - 10px);
    margin-left: 10px;
    max-width: calc(50% - 10px);
    min-width: calc(50% - 10px);
  }
  #homeTables.ColLayout2 .homeContainers.doubleWidth {
    width: calc(100% - 10px);
    max-width: calc(100% - 10px);
  }
  #homeTables.ColLayout2 .homeContainers.doubleWidth.fixedWidth {
    min-width: calc(100% - 10px);
  }
  #homeTables.ColLayout2 .homeContainers.fixedWidth {
    max-width: calc(50% - 10px);
  }
  #homeTables.ColLayout3 .homeContainers {
    width: calc(32.5%);
    margin-left: 9px;
    max-width: calc(49.5%);
    min-width: calc(32.5%);
  }
  #homeTables.ColLayout3 .homeContainers.doubleWidth {
    width: calc(66%);
    max-width: calc(66%);
  }
  #homeTables.ColLayout3 .homeContainers.doubleWidth.fixedWidth {
    min-width: 66%;
  }
  #homeTables.ColLayout3 .homeContainers.fixedWidth {
    max-width: 32.5%;
  }
  @media (min-width: 1200px) and (max-width: 1365px) {
    #homeTables.ColLayout3 .homeContainers {
      width: calc(32.3%);
      min-width: calc(32.3%);
    }
  }
  @media only screen and (max-width: 1200px) {
    #homeTables.ColLayout3 .homeContainers {
      width: calc(50% - 10px);
      max-width: calc(75% - 15px);
      min-width: calc(50% - 10px);
      margin-left: 10px;
    }
    #homeTables.ColLayout3 .homeContainers.doubleWidth {
      width: calc(100% - 10px);
      max-width: calc(100% - 10px);
    }
    #homeTables.ColLayout3 .homeContainers.doubleWidth.fixedWidth {
      min-width: calc(100% - 10px);
    }
    #homeTables.ColLayout3 .homeContainers.fixedWidth {
      max-width: calc(50% - 10px);
    }
  }
  @media only screen and (max-width: 920px) {
    #homeTables.ColLayout2 .homeContainers, #homeTables.ColLayout3 .homeContainers {
      width: 100% !important;
      max-width: 100%;
      margin-left: 0;
    }
  }

  .aside-collapsed .ColLayout2 .homeContainers {
    width: calc(50% - 5px) !important;
    max-width: calc(75% - 15px);
    margin-left: 4px;
  }
  .aside-collapsed .ColLayout2 .homeContainers.doubleWidth {
    width: calc(100% - 10px);
    max-width: calc(100% - 10px);
  }
  .aside-collapsed .ColLayout2 .homeContainers.doubleWidth.fixedWidth {
    min-width: calc(100% - 10px);
  }
  .aside-collapsed .ColLayout2 .homeContainers.fixedWidth {
    min-width: calc(50% - 10px);
  }
  .aside-collapsed .ColLayout3 .homeContainers {
    width: calc(32.5%) !important;
    max-width: calc(75% - 15px);
    margin-left: 9px;
  }
  .aside-collapsed .ColLayout3 .homeContainers.doubleWidth {
    width: calc(66%);
    max-width: calc(66%);
  }
  .aside-collapsed .ColLayout3 .homeContainers.doubleWidth.fixedWidth {
    min-width: 66%;
  }
  .aside-collapsed .ColLayout3 .homeContainers.fixedWidth {
    min-width: 32.5%;
  }
  @media only screen and (max-width: 1000px) {
    .aside-collapsed .ColLayout3 .homeContainers {
      width: calc(50% - 10px) !important;
      max-width: calc(75% - 15px);
      margin-left: 10px;
    }
    .aside-collapsed .ColLayout3 .homeContainers.doubleWidth {
      width: calc(100% - 10px);
      max-width: calc(100% - 10px);
    }
    .aside-collapsed .ColLayout3 .homeContainers.doubleWidth.fixedWidth {
      min-width: calc(100% - 10px);
    }
    .aside-collapsed .ColLayout3 .homeContainers.fixedWidth {
      min-width: calc(50% - 10px);
    }
  }
  @media only screen and (max-width: 768px) {
    .aside-collapsed .ColLayout2 .homeContainers,
.aside-collapsed .ColLayout3 .homeContainers {
      width: 100% !important;
      max-width: 100%;
      margin-left: 0;
    }
  }

  #helpPanel a {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    height: 90px;
    margin: 0.5em;
    color: #0D0D0C;
    flex: 1;
  }
  #helpPanel a em {
    font-size: 3em;
    padding-bottom: 3px;
  }
  #helpPanel a:hover {
    color: #2c2c2b;
  }
  #helpPanel p {
    font-size: 16px;
  }
  #helpPanel .helpRow {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    height: 168px;
    padding: 2em 0.5em;
  }

  #addNewPanel {
    border: 2px #0d0d0c dashed;
    background-color: transparent;
  }
  #addNewPanel .no-record-cell {
    background-color: transparent;
  }
  #addNewPanel .panel-footer {
    background-color: transparent;
    border: none;
  }
  #addNewPanel .dark-panel-heading {
    border-bottom: 2px #0d0d0c dashed;
    background-color: transparent;
  }
  #addNewPanel .dark-panel-heading span {
    color: #0d0d0c;
  }
  #addNewPanel table {
    color: #0d0d0c;
  }
  #addNewPanel table td {
    border: none;
  }
  #addNewPanel:hover {
    background-color: white;
  }
  #addNewPanel:hover table {
    color: #2c2c2b;
  }
  #addNewPanel:hover .dark-panel-heading span {
    color: #2c2c2b;
  }

  @media only screen and (min-width: 768px) {
    .home-wrapper {
      margin-top: 0;
    }
  }
  .darkMode #homeTables li.editable .panel {
    border-color: #6DA6FE;
  }
  .darkMode #helpPanel a {
    color: #FFF;
  }
  .darkMode #helpPanel a:hover {
    color: #94A7FF;
  }
  .darkMode #addNewPanel {
    border: 2px #6DA6FE dashed !important;
  }
  .darkMode #addNewPanel .no-record-cell {
    background-color: transparent !important;
  }
  .darkMode #addNewPanel .dark-panel-heading {
    border-bottom-color: #6DA6FE;
  }
  .darkMode #addNewPanel .dark-panel-heading span {
    color: #6DA6FE;
  }
  .darkMode #addNewPanel table {
    color: #6DA6FE;
  }
  .darkMode #addNewPanel:hover {
    background-color: #2C2C2B;
  }
  .darkMode #addNewPanel:hover table {
    color: #94A7FF;
  }
  .darkMode #addNewPanel:hover .dark-panel-heading span {
    color: #94A7FF;
  }

  /*
   * Page: Jobs
   */
  .job-success {
    color: #009C00;
  }

  .job-failure {
    color: #F51515;
  }

  .top-header {
    position: relative;
  }

  .top-header-right {
    position: absolute;
    right: 0em;
    top: 0em;
  }

  .status-title {
    margin-bottom: 0;
    margin-right: 10px;
    padding-bottom: 0;
    font-weight: 400;
    margin-top: 20px;
    vertical-align: middle;
    display: inline-block;
    position: relative;
    margin-bottom: 20px;
  }
  @media (min-width: 500px) {
    .status-title h3, .status-title h4 {
      display: inline;
      vertical-align: middle;
      margin-left: 15px;
    }
  }
  .status-title .job-state-icon {
    left: 5px;
  }

  .job-owner {
    display: inline-block;
    vertical-align: middle;
    font-size: 16px;
    line-height: 30px;
  }
  .job-owner em {
    margin-right: 5px;
  }

  @media (min-width: 500px) {
    .job-status-info {
      position: relative;
      margin-left: 50px;
    }
  }
  .workspace-title {
    padding-bottom: 20px;
    border-bottom: 1px dashed #E0E0E0;
  }
  .workspace-title > favorite {
    top: 10px;
    left: 5px;
    position: relative;
  }
  .workspace-title > favorite.top0 {
    top: 0;
  }
  .workspace-title > workspace-open > span {
    font-size: 22px;
    position: relative;
    top: -2px;
    margin-left: 5px;
    margin-right: 5px;
  }
  .workspace-title > h3 {
    display: inline;
    margin-left: 5px;
  }
  .workspace-title > small {
    display: block;
    margin-left: 50px;
    margin-top: 5px;
  }

  .queued-spinner {
    margin-top: 35px;
  }

  .job-actions button {
    margin-top: 20px;
    margin-left: 10px;
  }

  .job-info-detail {
    font-weight: 600;
    margin-right: 15px;
  }

  p.job-info-detail {
    margin-bottom: 0;
  }

  .data-download-url {
    margin-top: 20px;
    word-wrap: break-word;
  }

  @media (min-width: 768) {
    .pull-right-widescreen {
      float: right !important;
    }
  }
  .content-wrapper .job-header {
    text-align: left;
    padding: 20px 15px 30px 25px;
  }
  .content-wrapper .job-header p {
    font-size: 14px;
    margin: 5px 0 0 0;
  }
  .content-wrapper .job-header h3 {
    display: inline;
  }

  @media only screen and (min-width: 768px) {
    .content-wrapper .job-header {
      margin-top: -20px;
      margin-left: -5px;
    }
  }
  .content-wrapper .job-header {
    margin-top: -20px;
    word-wrap: break-word;
    word-break: break-all;
  }

  .job-header .job-nav {
    font-size: 14px;
  }

  .job-title {
    margin-left: 45px;
  }

  h4.grid-title {
    display: block;
    width: 100%;
    padding: 0;
    margin-bottom: 5px;
    font-weight: normal;
    line-height: inherit;
    border: 0;
    border-bottom: 1px solid #E0E0E0;
  }

  .select-job-users {
    margin-bottom: 20px;
    display: block;
    position: relative;
  }

  .no-result-body {
    padding: 15px;
    display: block;
  }

  .log-table {
    table-layout: fixed;
    width: 100%;
    font-family: "Monaco","Menlo","Ubuntu Mono","Consolas","source-code-pro",monospace;
    font-size: 0.9em;
  }
  .log-table tbody tr:hover {
    color: #5E5E5E;
  }
  .log-table tbody td {
    padding: 4px 4px 4px 1em !important;
    height: auto;
  }

  /* Table that fits the content of first column and fill the last column*/
  .fixed-table {
    table-layout: auto;
    border-collapse: collapse;
    width: 100%;
  }
  .fixed-table td {
    vertical-align: top !important;
    word-break: break-word;
    -ms-word-break: break-all;
  }
  .fixed-table td.line-number {
    word-wrap: none;
    white-space: nowrap;
  }

  .log-icon-tools > span {
    padding-left: 10px;
  }
  .log-icon-tools > .timestamp-toggle > label {
    font-weight: 400;
    font-size: 16px;
  }

  .loading-hidden {
    visibility: hidden;
  }

  .loading-display-none {
    display: none;
  }

  .loading-display-none-add {
    display: none;
  }

  @-webkit-keyframes appear {
    0% {
      opacity: 0;
    }
    100% {
      opacity: 1;
    }
  }
  @keyframes appear {
    0% {
      opacity: 0;
    }
    100% {
      opacity: 1;
    }
  }
  .loading-shown {
    visibility: visible;
    z-index: 1;
    position: absolute;
    left: 0;
    margin-left: 47.5%;
    margin-right: 47.5%;
    width: 5%;
    top: 20%;
    opacity: 0;
    animation-name: appear;
    animation-duration: 0.1s;
    animation-delay: 0.2s;
    animation-fill-mode: forwards;
    -webkit-animation-name: appear;
    -webkit-animation-duration: 0.1s;
    -webkit-animation-delay: 0.2s;
    -webkit-animation-fill-mode: forwards;
  }

  .top-select-bars {
    display: inline-block !important;
    float: left;
    vertical-align: middle;
    width: 100%;
    margin-bottom: 10px;
  }

  .top-select-bar-item {
    display: inline-block !important;
    float: left;
    vertical-align: middle;
    width: 50%;
    max-width: 100%;
  }
  @media (max-width: 30em) {
    .top-select-bar-item {
      width: 100%;
      padding-right: unset !important;
      padding-left: unset !important;
      padding-bottom: 1%;
    }
  }

  .select-label {
    display: table-cell;
    min-width: 80px;
    text-align: center;
    vertical-align: middle;
    font-size: 16px;
  }

  .job-panel .form-group {
    margin-bottom: 0 !important;
    min-height: 39px;
  }

  .job-select {
    display: table-cell;
    width: 100%;
    vertical-align: top;
  }

  .job-select-state-icon {
    height: fit-content;
    text-align: center;
    font-size: 1em;
    line-height: unset;
    display: inline-block;
    float: left;
    vertical-align: middle;
  }

  .ui-select-choices-row.active .job-state-success:before {
    color: #FFF;
  }

  .job-breadcrumb .ng-isolate-scope .page-nav {
    margin-bottom: 0px !important;
    display: inline-block;
  }

  .job-breadcrumb {
    margin-bottom: 20px;
    line-height: 2em;
  }
  .job-breadcrumb span {
    float: right;
    color: #5E5E5E;
    font-size: 12px;
    margin-right: 0.5em;
  }
  .job-breadcrumb span span {
    float: left;
    font-weight: bold;
  }

  .job-header-filter {
    float: right;
  }

  .filter-indicator {
    color: #1C7D3D;
    font-size: 14px;
    padding-top: 0.6em;
    margin-left: 2px;
  }

  .darkMode .workspace-title {
    border-bottom: 1px dashed #3E3E3D;
  }
  .darkMode h4.grid-title {
    border-bottom-color: #202326;
  }
  .darkMode .job-failure {
    color: #F97777;
  }
  .darkMode .filter-indicator {
    color: #6FE16F;
  }

  .job-details-result {
    margin-left: 30px;
  }

  .jobs-warnings {
    display: inline-block;
    padding-right: 10px;
  }
  .jobs-warnings span.fa {
    padding: 0 3px;
  }

  /*
   * Page: Repositories
   */
  .workspaceType {
    margin: 0 10px 0 0;
  }

  .workspaceDesc {
    vertical-align: middle;
    margin-left: 3px;
  }

  /* Resources */
  .x-tree-icon {
    width: 30px;
    height: 25px;
    margin-top: -3px;
  }

  .x-grid-cell-first .x-grid-cell-inner-treecolumn img {
    float: left;
    display: table-cell;
    overflow: hidden;
  }

  .x-tree-icon-parent {
    margin-right: 5px;
    margin-left: 9px;
    background-image: url(../images/tree/folder.gif);
  }

  .x-tree-icon-leaf {
    width: 20px;
    margin-right: 14px;
    margin-left: 10px;
    background-image: url(../images/tree/leaf.gif);
  }

  .x-grid-cell-inner .file-node, .resourceIconWrapper .file-node, .resourceProperties .file-node {
    background-image: url("../images/icons/resources/server-closed.gif");
  }

  .x-grid-tree-node-expanded .file-node {
    background-image: url("../images/icons/resources/server-open.gif");
  }

  .x-grid-cell-inner .aws-s3-node, .resourceProperties .aws-s3-node {
    background-image: url("../images/icons/resources/cloud-closed.gif");
  }

  .x-grid-tree-node-expanded .aws-s3-node {
    background-image: url("../images/icons/resources/cloud-open.gif");
  }

  .x-tree-lines .x-tree-elbow-plus {
    background-image: url(../images/tree/elbow-plus.gif);
  }

  .x-tree-lines .x-grid-tree-node-expanded .x-tree-elbow-plus {
    background-image: url(../images/tree/elbow-minus.gif);
  }

  .x-tree-lines .x-tree-elbow, .x-tree-elbow-line {
    background-image: url(../images/tree/elbow-line.gif);
  }

  .x-tree-lines .x-tree-elbow-end {
    background-image: url(../images/tree/elbow-end.gif);
  }

  .x-tree-lines .x-tree-elbow-end-plus {
    background-image: url(../images/tree/elbow-end-plus.gif) !important;
  }

  .x-tree-lines .x-grid-tree-node-expanded .x-tree-elbow-end-plus {
    background-image: url(../images/tree/elbow-end-minus.gif) !important;
  }

  .show-more-contents * {
    width: 100%;
  }

  .status-title.vc-status {
    display: inline-block;
  }

  form[name=editRepository] .ql-editor {
    min-height: 200px;
  }

  .repository.dropzone {
    z-index: 10;
    left: 0;
    top: 0;
    width: 100%;
    min-height: 100%;
  }

  /*
   * Page: Migration
   */
  .migrationLog {
    margin-top: -7px;
  }

  .migrationDropzone .upload {
    z-index: 50;
  }

  .project-items, .project-contents {
    padding: 5px 0 0 0;
  }

  .migrationDropzone .checkbox {
    padding: 0;
    margin: 7px 0 0 0;
    min-height: 20px;
  }

  .migrationDropzone .uploadFile {
    margin: 0;
  }

  .migrationDropzone file-upload .btn-cancel {
    margin: 0 0 0 15px;
  }

  /*
     Large, two-step upload rules
  */
  .largeUpload {
    width: 100%;
  }
  .largeUpload .uploadArea {
    border-style: dashed;
    border-width: 2px;
    border-color: #CCCCCC;
    text-align: center;
    margin-top: 20px;
    transition: 0.3s ease;
    width: 100%;
    bottom: 0;
    right: 0;
    font-size: 32px;
    text-align: center;
    padding: 0;
    position: relative;
    color: #5E5E5E;
  }
  .largeUpload .uploadArea h4 {
    color: #5E5E5E;
  }
  .largeUpload .uploadArea .fa-upload {
    color: #E0E0E0;
  }
  .largeUpload .breakWord {
    font-size: 1.5em;
  }
  .largeUpload .fa-check {
    color: #009C00;
  }
  .largeUpload table {
    max-width: 500px;
    margin: 0 auto;
  }
  .largeUpload table tr > td {
    text-align: center;
    padding: 5px;
  }

  .uploadArea .glyphicon {
    transition: 0.3s ease;
    margin-right: 20px;
    font-size: 175px;
    vertical-align: middle;
    border-bottom: 20px;
  }

  .migrationDropzone.in .uploadArea {
    transition: 0.3s ease;
    font-size: 38px;
  }

  .migrationDropzone.in .uploadArea .glyphicon {
    transition: 0.3s ease;
    font-size: 200px;
  }

  .migration-filename {
    margin-bottom: 20px;
  }

  .resource-input, .resource-input .input-group {
    margin-bottom: 20px;
  }

  .project-description {
    font-size: 12px;
    display: block;
    margin-top: -18px;
  }

  .workspace-title .filename {
    margin-left: 5px;
  }

  .migration-running table {
    width: 100%;
    margin: 20px 0 10px 0;
  }

  .migration-running .progress {
    display: block !important;
    width: 100% !important;
    margin: 0 !important;
  }

  .migrationUpload {
    margin-left: 10px;
  }

  .migration-history-label-cell {
    padding-right: 25px;
    min-width: 125px;
  }

  .migration-history-cell-status {
    float: none;
    margin: -2px 0 0 5px;
  }

  .enabled-option > span {
    display: inline-block !important;
  }

  .migration-features-written {
    display: inline-block;
  }
  .migration-features-written .job-info-detail {
    font-weight: 600;
    margin-right: 10px;
    margin-left: 20px;
  }

  button.features-written {
    border: none;
    text-align: left;
    padding-top: unset;
    margin-bottom: unset;
    background-color: transparent;
  }

  button.features-written:focus {
    outline: unset !important;
  }

  .panel-section-col {
    width: 100%;
    display: table-row;
  }
  .panel-section-col .features-written {
    margin-bottom: 5px;
  }

  .panel-section {
    display: table;
  }

  .show-task-result {
    display: inline-block;
    width: 80%;
  }

  .show-task-right {
    display: inline-block;
    width: 20% !important;
    float: right;
    position: relative;
    margin-top: 2em;
    height: max-content;
  }

  .migration-actions {
    float: right;
    margin-bottom: 10px;
  }
  .migration-actions .fader {
    margin-right: 3em;
  }

  .migration-action button {
    margin-top: 20px;
    margin-left: 10px;
  }

  .info-under-result {
    margin-bottom: 2em;
    margin-left: 2em;
  }

  .caption-under-result {
    margin-left: 1em;
  }

  .migration-upload {
    display: none !important;
  }

  .button-spacing {
    margin-right: 10px;
  }

  .message-under-result {
    margin-top: 5px;
  }

  @media only screen and (max-width: 980px) {
    .button-spacing {
      margin: 0 0 0 0;
    }
  }
  .darkMode .largeUpload .uploadArea h4, .darkMode .largeUpload .uploadArea .dropColor {
    color: #CCCCCC;
  }
  .darkMode .largeUpload .uploadArea .fa-upload {
    color: #808080;
  }

  /*
   * Page: Job Details
   */
  #sidebar-wrapper {
    padding-left: 0;
  }

  #resubmit-job {
    margin-top: 30px;
    text-align: right;
  }

  #refresh-log {
    margin-bottom: 10px !important;
  }

  .dashed-line {
    width: 100%;
    padding: 25px 15px 15px 0;
    margin-bottom: 15px;
    border-bottom: 1px dashed #E0E0E0;
  }

  .dashed-line-separator {
    padding-bottom: 15px;
    border-bottom: 1px dashed #E0E0E0;
  }

  .dashed-line-summary {
    padding-bottom: 15px;
    height: 45px;
    border-bottom: 1px dashed #E0E0E0;
  }

  @media only screen and (max-width: 96em) {
    .dashed-line-summary {
      padding-bottom: 15px;
      height: 60px;
      border-bottom: 1px dashed #E0E0E0;
    }
  }
  @media only screen and (max-width: 50em) {
    .dashed-line-summary {
      padding-bottom: 15px;
      height: 120px;
      border-bottom: 1px dashed #E0E0E0;
    }
  }
  .dashed-line-header {
    padding-bottom: 15px;
    border-bottom: 1px dashed #E0E0E0;
    height: 46px;
  }

  .panel.thin-border-panel {
    border: 1px solid #E0E0E0;
    position: relative;
  }

  .features-written {
    margin-right: 10px;
    padding-bottom: 0;
    font-weight: 400;
    word-break: break-word;
  }

  #status-jumbo.job-info {
    margin-top: 10px;
  }

  .log-panel {
    margin-top: 5px;
    background: none !important;
    border: none !important;
    box-shadow: none !important;
    border-radius: 0;
  }

  .log-panel > .log-heading {
    border-bottom: 0;
    padding: 5px;
    margin-top: 20px;
  }

  .log-heading input {
    margin-bottom: 0;
  }

  .grid-title {
    color: #0D0D0C;
    font-size: 14px;
    margin-bottom: 0.75em;
    margin-top: 1em;
    letter-spacing: 1.5px;
    text-transform: uppercase;
  }

  .published-parameters {
    height: 240px;
  }

  .tm-directives {
    height: 240px;
  }

  th.row-lineNumber {
    width: 10% !important;
  }

  th.row-status {
    width: 8% !important;
  }

  th.row-duration {
    width: 9% !important;
  }

  th.row-elapsed {
    width: 9% !important;
  }

  th.row-time {
    width: 14% !important;
  }

  th.row-message {
    width: 50% !important;
  }

  th.row-parameter {
    width: 30% !important;
  }

  th.row-value {
    width: 70% !important;
  }

  .pagination-row > .col-sm-9 {
    padding-left: 0;
    vertical-align: middle;
    float: left;
    width: 75%;
  }

  .pagination-row > .col-sm-3 {
    padding-right: 0;
    text-align: right;
    vertical-align: middle;
    float: right;
    width: 25%;
  }

  .pagination-container {
    margin: 0 0 0 20px;
  }

  .pagination-row select {
    width: 70px;
    padding: 0 2px 0 5px !important;
    height: 26px;
    margin: 0 5px 0 20px;
  }

  .log-location, .safe-grid-footer .page-location {
    text-align: right;
    margin-right: 20px;
    vertical-align: middle;
    padding-top: 3px;
  }

  .log-panel > .log-heading, .log-panel > .log-footer, .safe-grid-footer {
    background-color: #FFF;
    border: 1px solid #E0E0E0;
  }

  .log-panel > .log-footer, .safe-grid-footer {
    padding: 5px;
    width: 100%;
  }

  @media only screen and (min-width: 768px) {
    .job-buttons {
      margin-top: 0;
    }
  }
  .job-header .job-buttons {
    margin-right: 30px;
  }

  .job-details-grids > div.request-grid:not(:first-child) {
    margin-top: 10px;
  }

  .row-message a {
    color: #0d0d0c !important;
  }

  .translog-warn {
    color: #C05500 !important;
  }
  .translog-warn:hover {
    color: #F55215 !important;
  }

  .translog-error {
    color: #ED0700 !important;
  }
  .translog-error:hover {
    color: #FF2821 !important;
  }

  .job-collapse-title {
    margin: 10px 0;
    font-size: 16px;
    font-weight: bold;
  }
  .job-collapse-title span {
    margin-left: 10px;
  }

  .job-summary-info {
    margin: 20px 0 0;
    padding: 0 15px;
  }
  .job-summary-info .p-panel .p-panel-header, .job-summary-info .p-panel .p-panel-content, .job-summary-info .safe-table {
    border: none;
  }
  .job-summary-info .p-panel .p-panel-icons-end {
    margin-left: 10px;
  }

  .job-summary {
    padding: 25px 15px 0;
  }

  .timestamp-toggle label {
    font-weight: normal;
    margin: 2px 5px 0;
  }

  .disabled-resubmit-tooltip {
    display: inline-block;
  }

  .disabled-resubmit-tooltip [disabled] {
    pointer-events: none;
  }

  a.btn.job-log-filter-icon, a.btn.job-log-filter-icon:hover {
    font-size: 14px;
    width: 30px;
    background: none;
    padding: 0.2rem 7px;
  }
  a.btn.job-log-filter-icon.inactive, a.btn.job-log-filter-icon.inactive:hover, a.btn.job-log-filter-icon:hover.inactive, a.btn.job-log-filter-icon:hover.inactive:hover {
    padding: 0.2rem 7px;
  }
  a.btn.job-log-filter-icon.btn-outline-danger, a.btn.job-log-filter-icon:hover.btn-outline-danger {
    color: #77B942;
    background: white;
    border-color: #77B942;
  }
  a.btn.job-log-filter-icon.btn-outline-danger.inactive, a.btn.job-log-filter-icon:hover.btn-outline-danger.inactive {
    color: white;
    background: #77b942;
    border-color: #77B942;
  }
  a.btn.job-log-filter-icon.btn-outline-warning, a.btn.job-log-filter-icon:hover.btn-outline-warning {
    color: #77B942;
    background: white;
    border-color: #77B942;
  }
  a.btn.job-log-filter-icon.btn-outline-warning.inactive, a.btn.job-log-filter-icon:hover.btn-outline-warning.inactive {
    color: white;
    background: #77b942;
    border-color: #77B942;
  }
  a.btn.job-log-filter-icon.btn-outline-info, a.btn.job-log-filter-icon:hover.btn-outline-info {
    color: #77B942;
    background: white;
    border-color: #77B942;
  }
  a.btn.job-log-filter-icon.btn-outline-info.inactive, a.btn.job-log-filter-icon:hover.btn-outline-info.inactive {
    color: white;
    background: #77b942;
    border-color: #77B942;
  }

  .darkMode .log-panel > .log-heading, .darkMode .log-panel > .log-footer, .darkMode .safe-grid-footer {
    background-color: #2C2C2B;
    color: #FFF;
    border: none;
    border-top: 1px solid #5E5E5E;
  }
  .darkMode .dashed-line, .darkMode .dashed-line-separator, .darkMode .dashed-line-summary, .darkMode .dashed-line-header {
    border-bottom: 1px dashed #5E5E5E;
  }
  .darkMode .panel.thin-border-panel {
    border-color: #5E5E5E;
  }
  .darkMode .log-heading {
    border-bottom: 1px solid #5E5E5E;
  }
  .darkMode .job-summary-info thead tr {
    border: none;
    background-color: #1E1E1C !important;
  }
  .darkMode .job-summary-info .safe-table {
    border: none !important;
  }
  .darkMode .job-summary-info .safe-table tbody tr:last-child {
    border-bottom: none;
  }
  .darkMode .job-summary-info .grid-title {
    color: #FFF;
  }
  .darkMode .row-message a {
    color: #6DA6FE !important;
  }
  .darkMode .translog-warn {
    color: #F99A77 !important;
  }
  .darkMode .translog-warn:hover {
    color: #FFA35A !important;
  }
  .darkMode .translog-error {
    color: #F97777 !important;
  }
  .darkMode .translog-error:hover {
    color: #FF8B87 !important;
  }
  .darkMode a.btn.job-log-filter-icon, .darkMode a.btn.job-log-filter-icon:hover {
    background: #615D5D;
  }
  .darkMode a.btn.job-log-filter-icon.inactive, .darkMode a.btn.job-log-filter-icon.inactive:hover, .darkMode a.btn.job-log-filter-icon:hover.inactive, .darkMode a.btn.job-log-filter-icon:hover.inactive:hover {
    background: #615D5D;
  }
  .darkMode a.btn.job-log-filter-icon.btn-outline-danger, .darkMode a.btn.job-log-filter-icon:hover.btn-outline-danger {
    color: #94A7FF;
    background: #615D5D;
    border-color: #94A7FF;
  }
  .darkMode a.btn.job-log-filter-icon.btn-outline-danger.inactive, .darkMode a.btn.job-log-filter-icon:hover.btn-outline-danger.inactive {
    color: #615D5D;
    background: #94a7ff;
    border-color: #94A7FF;
  }
  .darkMode a.btn.job-log-filter-icon.btn-outline-warning, .darkMode a.btn.job-log-filter-icon:hover.btn-outline-warning {
    color: #94A7FF;
    background: #615D5D;
    border-color: #94A7FF;
  }
  .darkMode a.btn.job-log-filter-icon.btn-outline-warning.inactive, .darkMode a.btn.job-log-filter-icon:hover.btn-outline-warning.inactive {
    color: #615D5D;
    background: #94a7ff;
    border-color: #94A7FF;
  }
  .darkMode a.btn.job-log-filter-icon.btn-outline-info, .darkMode a.btn.job-log-filter-icon:hover.btn-outline-info {
    color: #94A7FF;
    background: #615D5D;
    border-color: #94A7FF;
  }
  .darkMode a.btn.job-log-filter-icon.btn-outline-info.inactive, .darkMode a.btn.job-log-filter-icon:hover.btn-outline-info.inactive {
    color: #615D5D;
    background: #94a7ff;
    border-color: #94A7FF;
  }
  .darkMode .btn-outline-danger:hover, .darkMode .btn-outline-warning:hover, .darkMode .btn-outline-info:hover {
    color: white;
  }

  /*
   * Page: Engines
   */
  .changeEngine input {
    width: 100px;
    margin: 0 15px 0 0;
    display: inline;
  }

  .changeEngine p {
    margin-bottom: 0;
  }

  .engineColumn {
    min-width: 225px;
  }

  .feedbackAction {
    height: 18px;
    width: 18px;
    float: left;
    margin-right: 10px;
  }

  .licenseDropzone {
    position: relative;
  }

  .licenseDropzone h4, .licenseDropzone h2 {
    display: inline;
    vertical-align: middle;
    margin-right: 10px;
  }

  .licenseDropzone button {
    margin: 0 15px 15px 0;
  }

  .licenseDropzone .sm-status-icon {
    float: none !important;
    margin: 2px 0 0 10px;
  }

  .licenseProp {
    float: left;
    margin: 0 15px 15px 0;
    padding: 10px 20px;
    border: 1px dashed #CCCCCC;
  }
  .licenseProp.highlight {
    color: #F51515;
  }

  .engine-lock {
    vertical-align: middle;
    font-size: 16px;
    margin-right: 10px;
    margin-left: 5px;
    margin-top: 2px;
    float: right;
  }

  .engineHost {
    background: transparent !important;
  }

  .engine-buttons {
    margin-bottom: 15px;
    float: right;
    display: block;
  }

  .enginesView .row {
    clear: both;
    display: block;
  }

  file-upload {
    vertical-align: middle;
    margin: 0;
    display: inline-block;
  }

  span.uploadFile:empty {
    display: none;
  }

  .refreshHosts {
    margin: 0 0 0 15px;
  }

  .engineTotal {
    margin-top: 15px;
    clear: left;
    display: block;
  }

  .darkMode .licenseProp.highlight {
    color: #F97777;
  }

  /*
   * Page: Security
   */
  .center {
    text-align: center;
  }

  .dependency-list {
    list-style-type: disc;
    margin-left: 20px;
  }

  .access-permissions .job-state-success:before {
    color: inherit;
  }

  .permission-edit {
    padding: 4px 8px !important;
    line-height: 0;
  }

  tr:hover .permission-edit .fa:before,
.permission-edit:hover .fa:before,
.x-grid-row-over .permission-edit .fa:before {
    color: #0D0D0C !important;
  }

  .fmesuperuser-label {
    display: block;
    text-align: center;
  }

  .access-permissions {
    text-align: left;
  }

  .access-permissions p {
    text-align: left;
  }

  .access-icon {
    margin: 0 10px 0 7px;
    width: 17px;
  }

  .access-icon.ar-apps-icon {
    margin: 0 10px 0 7px !important;
  }

  .policy-grid .access-icon {
    margin: 0 10px 0 0;
  }

  .access-text {
    min-width: 120px;
    display: inline-block;
  }

  span.fa.visibility {
    position: absolute;
    float: right;
    top: 1rem;
    right: 2.5rem;
  }

  .security-buttons {
    margin-bottom: 20px;
  }

  .saving-security {
    margin-top: 30px;
    width: 100%;
    text-align: center;
  }

  .owner-tip {
    display: inline-block;
    font-size: 14px;
    vertical-align: middle;
  }

  .import-tip {
    font-size: 14px;
    margin: -2px 0 0 10px;
    display: inline-block;
  }

  .copy-role {
    padding: 0;
    margin: 5px 0 20px 0;
  }

  .template-button {
    margin-top: -14px;
  }

  .resource-permissions label {
    vertical-align: middle;
  }

  .role-inherited {
    margin-top: 1px;
  }

  .permission-body-mask {
    position: relative;
    top: 0;
    left: 0;
    width: 100%;
    height: 45px;
    background-color: rgba(0,0,0,0.5);
    z-index: 20;
  }

  .permission-separator {
    margin: -8px 0 8px 0;
  }

  .access-permissions .grid-toolbar {
    padding-right: 0 !important;
    padding-left: 0 !important;
  }

  .access-permissions .safe-table .safe-table {
    border: 1px solid #E0E0E0 !important;
  }

  select.table-permissions {
    width: 100%;
  }

  /* IE9 doesn't support flexbox */
  :root .checkbox-form-item,
:root .security-flex-container {
    display: inline-block\9;
  }

  .access-permissions tr.mask {
    color: #888 !important;
    background-color: #f7f7f7 !important;
  }

  .access-permissions tr.open {
    background-color: #FFF !important;
  }

  @media (max-width: 1395px) and (min-width: 1200px) {
    .grid-toolbar .col-lg-push-6 {
      left: 0;
      width: 100%;
    }
    .grid-toolbar .col-lg-pull-6 {
      right: 0;
      width: 100%;
    }
  }
  .darkMode .permission-edit {
    color: #202326;
    background-color: transparent;
  }
  .darkMode .permission-edit .fa, .darkMode .permission-edit .glyphicon {
    color: #FFF;
  }
  .darkMode tr:hover .permission-edit .fa:before,
.darkMode .permission-edit:hover .fa:before,
.darkMode .x-grid-row-over .permission-edit .fa:before {
    color: #CCCCCC !important;
  }
  .darkMode .access-permissions tr.mask {
    color: #8F8F8F !important;
  }
  .darkMode .access-permissions tr.mask td {
    background-color: #272726 !important;
  }
  .darkMode .access-permissions .safe-table tr.odd > td {
    background-color: #272726 !important;
  }
  .darkMode .access-permissions .safe-table .safe-table {
    border: none !important;
  }

  .project-row .job-state-icon {
    display: none;
    float: none;
    margin: 0 0 0 10px;
  }

  .project-row .job-state-icon.no-margin {
    margin: 0;
  }

  .table > tbody > tr.project-row.warning > td {
    background-color: transparent !important;
  }

  .table > tbody > tr.project-row.dirty > td:first-of-type {
    background: #25A751;
    /* Old browsers */
    background: -moz-linear-gradient(left,#25A751 0%,#25A751 15%,transparent 15%,transparent 99%);
    /* FF3.6-15 */
    background: -webkit-linear-gradient(left,#25A751 0%,#25A751 15%,transparent 15%,transparent 99%);
    /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to right,#25A751 0%,#25A751 15%,transparent 15%,transparent 99%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    /* IE6-9 */
  }

  .project-row.warning .job-state-icon {
    display: inline;
  }

  .disabled .add-resource-btn {
    display: none;
  }

  input[disabled] {
    background-color: #F5F5F5;
  }

  .multi-form {
    padding-left: 0px;
    padding-right: 0px;
    margin-left: 2%;
  }

  .multi-form-row {
    padding-left: 0px;
    padding-right: 0px;
    margin-left: 0px;
  }
  .multi-form-row > button {
    width: 6% !important;
  }
  .multi-form-row > button.single-button {
    width: 36px !important;
  }

  .multi-form-row.col-sm-6 {
    width: 50% !important;
  }

  .multi-form-row.col-xs-12 {
    margin-bottom: 5px;
  }

  .multi-form.col-xs-4 {
    width: 40% !important;
    display: inline-block;
  }

  .wordBreakAll {
    word-break: break-all;
  }

  .ui-select-choices .icon {
    width: 14px;
  }

  .cropArea {
    background: #E4E4E4;
    width: 100%;
    height: 300px;
    border-radius: 4px;
  }

  label.file-upload {
    background: #0d0d0c;
    border: 1px solid #0d0d0c;
    font-weight: bold;
    line-height: 20px;
  }
  label.file-upload:hover, label.file-upload:active, label.file-upload:active:focus, label.file-upload:active:hover, label.file-upload:focus {
    background-color: #2c2c2b;
    border-color: #2c2c2b;
  }

  @media only screen and (max-width: 768px) {
    .multi-form-row {
      display: inline-block;
      float: left;
    }
  }
  .project-icon {
    width: 100px;
    position: relative;
    margin-top: 0.5rem;
  }
  .project-icon a.boxclose {
    position: absolute;
    top: 0%;
    left: 90%;
    border: 1px solid #AEAEAE;
    border-radius: 32px;
    font-size: 26px;
    line-height: 0px;
    padding: 10px 3px;
    color: #FFF;
    cursor: pointer;
    background: #605F61;
  }
  .project-icon .boxclose:before {
    content: "×";
  }

  .md-editor table th, .md-editor table td {
    border: 1px solid #ddd;
    padding: 5px;
  }

  ul.error-list {
    list-style-type: disc;
    margin-left: 15px;
  }

  .darkMode .cropArea {
    background: #0D0D0C;
  }
  .darkMode input[disabled] {
    color: #5E5E5E !important;
    background-color: #2C2C2B !important;
  }
  .darkMode label.file-upload {
    background: #6DA6FE;
    border-color: #6DA6FE;
  }
  .darkMode label.file-upload:hover, .darkMode label.file-upload:active, .darkMode label.file-upload:active:focus, .darkMode label.file-upload:active:hover, .darkMode label.file-upload:focus {
    background-color: #94A7FF;
    border-color: #94A7FF;
  }
  .darkMode .multi-form-row > button {
    background-color: #2C2C2B;
  }

  .dev-info-item {
    margin-bottom: 35px;
  }

  .notification-name {
    margin-right: 10px;
  }

  .panel-heading .monitor-status {
    display: inline;
    padding-right: 10px;
    padding-top: 5px;
  }
  .panel-heading .monitor-status > span {
    padding-right: 10px;
    vertical-align: middle;
    display: inline;
    font-size: 13px;
  }
  .panel-heading .monitor-status > .state-icon {
    font-size: 20px;
    width: 20px;
    height: 20px;
  }

  .topic-posturl {
    word-wrap: break-word;
  }

  .test-topic-label {
    font-weight: bold;
    margin-bottom: 0;
    margin-top: 20px;
  }

  .json-error {
    margin-top: 20px;
  }

  .border-alert-info {
    background-color: #F5F5F5;
    color: #0D0D0C;
    border-color: #E0E0E0;
  }

  .topic-message {
    border-bottom: 1px solid #E0E0E0;
    border-radius: 2px;
    padding: 10px;
  }

  .topic-message-bold {
    font-weight: bold;
  }

  topic-monitoring .panel.panel-default {
    min-width: 350px;
  }

  topic-monitoring .empty-topic-message {
    text-align: center;
    font-weight: bold;
    margin: 50px 0;
  }

  .saving-overlay {
    background-color: rgba(0,0,0,0.2);
    height: 100%;
    position: absolute;
    display: block;
    width: calc(100% - 10px);
    z-index: 100;
    margin: -10px 0 0 -10px;
  }

  .saving-notifications {
    position: absolute;
    top: 200px;
    left: 50%;
    transform: translateX(-50px);
  }

  .topic-message-text, .saving-message {
    word-wrap: break-word;
  }

  .validate-button {
    margin-top: -40px;
  }

  .validate-spinner {
    display: inline-block;
    margin-right: 10px;
  }

  .validate-tooltip .tooltip-inner {
    max-width: 200px;
  }

  p.test-topic-label:first-of-type {
    margin-top: 0;
  }

  .scrollable {
    max-height: 350px;
    overflow: scroll;
    margin: 0 -15px -15px -15px;
  }

  .divider {
    border-bottom: 1px solid #E0E0E0;
    padding-bottom: 15px;
  }

  .collapsing {
    overflow: visible;
  }

  .collapsing * {
    visibility: hidden;
  }

  .select-test-topics {
    margin-bottom: 20px;
  }

  .more-info-link {
    margin-left: 20px;
  }

  .subscriber-url-title {
    font-weight: bold;
    margin-bottom: 10px;
  }

  notification-parameters .additional-form-elements .checkbox {
    padding-left: 0;
  }

  .darkMode .border-alert-info {
    background-color: #323a41;
    color: #FFF;
    border-color: #FFF;
  }
  .darkMode .topic-message {
    border-bottom: 1px solid #5E5E5E;
  }
  .darkMode .divider {
    border-bottom: 1px solid #5E5E5E;
  }

  .resource-folder-text {
    font-family: "Roboto",sans-serif;
    font-size: 10px;
  }

  .resource-folder {
    margin-right: 10px;
  }

  resource-browse .table > tbody > tr > td {
    padding: 0px;
  }

  resource-upload-view-progress-renderer .job-state-icon {
    height: 24px;
    width: 24px;
  }

  resource-upload-view-progress-renderer .cancel {
    vertical-align: inherit !important;
    margin-left: 5px;
  }
  resource-upload-view-progress-renderer .job-grid-icon {
    font-size: 24px;
  }

  resource-file-view .tab-content {
    padding: 0;
  }

  .file-preview-img, .file-preview-pdf {
    max-width: 100%;
    max-height: 100%;
  }

  file-editor .button-row {
    padding: 5px 5px 0 0;
    margin: 10px;
    display: inline-block;
  }

  file-editor .file-editor-contents-wrapper {
    border-top-width: 1px;
    border-color: #E0E0E0;
    border-top-style: solid;
  }

  .ace-chrome .ace_storage,
.ace-chrome .ace_keyword,
.ace-chrome .ace_meta.ace_tag {
    color: #BF113A !important;
  }
  .ace-chrome .ace_keyword.ace_operator {
    color: #50677B !important;
  }
  .ace-chrome .ace_constant.ace_language {
    color: #8C35EB !important;
  }
  .ace-chrome .ace_entity.ace_other.ace_attribute-name {
    color: #C05500 !important;
  }
  .ace-chrome .ace_string {
    color: #0d0d0c !important;
  }

  .darkMode file-editor .well {
    background-color: #2C2C2B;
    color: #FFF;
  }
  .darkMode .ace-chrome .ace_marker-layer .ace_selection {
    background: #0d0d0c;
  }
  .darkMode .ace-chrome .ace_storage,
.darkMode .ace-chrome .ace_keyword,
.darkMode .ace-chrome .ace_meta.ace_tag {
    color: #F37694 !important;
  }
  .darkMode .ace-chrome .ace_keyword.ace_operator {
    color: #0d0d0c !important;
  }
  .darkMode .ace-chrome .ace_constant.ace_language {
    color: #C192F4 !important;
  }
  .darkMode .ace-chrome .ace_entity.ace_other.ace_attribute-name {
    color: #F36C00 !important;
  }
  .darkMode .ace-chrome .ace_string {
    color: #6DA6FE !important;
  }

  @media (max-width: 767px) {
    .selected-items-heading {
      margin-top: 20px;
      padding: 0 !important;
    }
  }
  .selected-items-heading h4 {
    display: table;
    width: 100%;
    margin-top: 5px;
    margin-bottom: 5px;
  }
  .selected-items-heading h4 .clearSelections {
    margin-top: -5px;
  }
  .selected-items-heading h4 .safe-grid-buttons {
    float: none;
    display: table-cell;
    text-align: right;
    vertical-align: bottom;
  }

  .selected-items-toolbar {
    border: 1px solid #E0E0E0;
    margin-bottom: -2px;
    font-weight: 700 !important;
    color: #0D0D0C !important;
    font-size: 16px;
  }

  .blue-border, .blue-border table, .blue-border table.table.safe-table, .blue-border table tr:last-child, .blue-border table tr:last-child td {
    border-color: #6DA6FE;
  }

  .selected-items td .safe-grid-cell-inner {
    text-overflow: ellipsis;
    overflow: hidden;
    word-wrap: break-word;
    white-space: nowrap;
    display: block;
    max-width: 165px;
  }

  .select-types {
    z-index: 1100 !important;
    margin-bottom: 5px;
  }

  .select-types .icon {
    margin-right: 10px;
  }

  /*
   * Page: encryptionKey
   */
  .encryptionKeyDropzone file-upload .btn-cancel {
    margin: 0 0 0 15px;
  }

  .encryptionKeyDropzone.in #encryptionKeyDropHelper {
    transition: 0.3s ease;
    font-size: 38px;
    opacity: 1;
  }

  .encryptionKeyDropzone.in #encryptionKeyDropHelper .glyphicon {
    transition: 0.3s ease;
    font-size: 200px;
  }

  .encryptionKey-filename {
    margin-bottom: 20px;
  }

  .encryptionKeyUpload {
    margin-left: 10px;
  }

  .encryptionKeyOverlay {
    background-color: rgba(0,0,0,0.2);
    height: 100%;
    top: 0px;
    position: absolute;
    right: 0px;
    display: block;
    width: 100%;
    z-index: 1;
  }

  .encryptionKeySpinner {
    position: absolute;
    top: 20%;
    left: 50%;
    transform: translateX(-50px);
    z-index: 1;
  }

  .keyButtons {
    text-align: right;
  }

  .keyButtons .btn {
    margin-left: 15px;
  }

  encryption .alert {
    margin-bottom: 20px;
  }

  encryption .encryptionKeyDropzone {
    margin-top: 20px;
  }

  #workbench-published-parameters p .glyphicon,
#workbench-transformer p .glyphicon,
#workbench-workspace-parameters p .glyphicon {
    color: #0D0D0C;
    padding: 7px;
  }

  #workbench-parameters {
    padding-top: 15px;
    height: 100%;
  }
  #workbench-parameters .panel {
    margin-bottom: 0;
    box-shadow: none;
    border: none;
  }
  #workbench-parameters .panel#PPGROUP {
    margin-top: 1.5em;
  }
  #workbench-parameters .panel-default .panel-heading {
    padding: 0 6px 10px;
    margin-bottom: 10px;
  }
  #workbench-parameters .panel-default .panel-heading span {
    font-size: 14px;
    font-weight: bold;
    color: #0D0D0C;
  }
  #workbench-parameters .panel-body {
    padding: 0;
  }
  #workbench-parameters .panel-body label {
    font-weight: normal;
  }
  #workbench-parameters .panel-body .form-group {
    margin-bottom: 25px;
  }
  #workbench-parameters.parameters-wrap {
    padding-top: 50px;
  }
  #workbench-parameters.parameters-wrap.has-footer {
    max-height: 100%;
  }

  #workbench-format .form-group,
#workbench-transformer .form-group,
#workbench-parameters .form-group {
    padding: 0;
    margin: 5px 7px 0px 7px;
  }
  #workbench-format .form-horizontal,
#workbench-transformer .form-horizontal,
#workbench-parameters .form-horizontal {
    height: calc(100% - 56px);
    width: 100%;
  }
  #workbench-format .nav-tabs li a,
#workbench-transformer .nav-tabs li a,
#workbench-parameters .nav-tabs li a {
    background-color: #F5F5F5;
    border-color: #E0E0E0;
    color: #0D0D0C;
  }
  #workbench-format .nav-tabs li a:hover,
#workbench-transformer .nav-tabs li a:hover,
#workbench-parameters .nav-tabs li a:hover {
    background-color: #EBEBEB;
  }
  #workbench-format .nav-tabs li.active a,
#workbench-transformer .nav-tabs li.active a,
#workbench-parameters .nav-tabs li.active a {
    background-color: #FFF;
    border-bottom-color: #FFF;
  }
  #workbench-format resource-field .dropArea .dropContent .dropColor,
#workbench-transformer resource-field .dropArea .dropContent .dropColor,
#workbench-parameters resource-field .dropArea .dropContent .dropColor {
    width: 100%;
    margin: 5px 0;
  }

  #workbench-transformer .parameters-content {
    height: 100%;
    overflow-y: scroll;
  }
  #workbench-transformer .parameters-content.has-footer {
    max-height: calc(100% - 80px);
  }
  #workbench-transformer .button-footer-padding {
    height: 80px;
    display: block;
  }

  #workbench-transformer .parameters-content {
    height: 100%;
    overflow-y: scroll;
  }
  #workbench-transformer .parameters-content .tab {
    height: calc(100% - 65px);
  }
  #workbench-transformer .parameters-content .no-tab {
    height: 100%;
  }
  #workbench-transformer .button-footer-padding {
    height: 80px;
    display: block;
  }

  #workbench-published-parameters,
#workbench-workspace-parameters {
    position: absolute;
    background-color: #FFF;
    left: 0;
    z-index: 20;
    max-width: 75%;
    min-width: 300px;
    border-right: 1px solid #E0E0E0;
    top: 80px;
    padding: 0 0 5px;
    overflow-x: hidden;
    height: calc(100% - 80px);
  }
  #workbench-published-parameters .form-group,
#workbench-workspace-parameters .form-group {
    padding: 0 7px 0 !important;
    margin: 5px 0 5px 17px;
  }
  #workbench-published-parameters .form-horizontal,
#workbench-workspace-parameters .form-horizontal {
    height: calc(100% - 25px);
    overflow-y: auto;
    width: 100%;
  }

  #workbench-format fieldset fieldset,
#workbench-transformer fieldset fieldset {
    padding: 20px 15px 0 20px !important;
  }

  .workbench-loading {
    position: absolute;
    top: 50%;
    left: 50%;
    margin-top: -50px;
    margin-left: -50px;
  }

  .modal-body safe-grid .col-sm-12 {
    float: none;
  }

  #workbench-format .col-sm-12,
#workbench-published-parameters .col-sm-12,
#workbench-transformer .col-sm-12,
#workbench-workspace-parameters .col-sm-12 {
    padding: 0;
  }

  #workbench-format .form-group .radioGroup div,
#workbench-published-parameters .form-group .radioGroup div,
#workbench-transformer .form-group .radioGroup div,
#workbench-workspace-parameters .form-group .radioGroup div {
    margin-top: 8px;
  }
  #workbench-format .form-group .radioGroup div input[type=radio],
#workbench-published-parameters .form-group .radioGroup div input[type=radio],
#workbench-transformer .form-group .radioGroup div input[type=radio],
#workbench-workspace-parameters .form-group .radioGroup div input[type=radio] {
    margin-right: 5px;
    margin-top: -2px;
  }
  #workbench-format .form-group .radioGroup div:last-of-type,
#workbench-published-parameters .form-group .radioGroup div:last-of-type,
#workbench-transformer .form-group .radioGroup div:last-of-type,
#workbench-workspace-parameters .form-group .radioGroup div:last-of-type {
    margin-bottom: 5px;
  }
  #workbench-format .form-group .form-group,
#workbench-published-parameters .form-group .form-group,
#workbench-transformer .form-group .form-group,
#workbench-workspace-parameters .form-group .form-group {
    margin-left: 7px;
  }
  #workbench-format .form-group .no-label label,
#workbench-published-parameters .form-group .no-label label,
#workbench-transformer .form-group .no-label label,
#workbench-workspace-parameters .form-group .no-label label {
    display: none;
  }
  #workbench-format .form-group .safe-table thead tr:hover,
#workbench-published-parameters .form-group .safe-table thead tr:hover,
#workbench-transformer .form-group .safe-table thead tr:hover,
#workbench-workspace-parameters .form-group .safe-table thead tr:hover {
    color: inherit;
  }
  #workbench-format .form-group .safe-table thead td,
#workbench-published-parameters .form-group .safe-table thead td,
#workbench-transformer .form-group .safe-table thead td,
#workbench-workspace-parameters .form-group .safe-table thead td {
    border-bottom: solid 1px #E0E0E0;
    height: 35px;
    font-size: 12px;
    text-transform: uppercase;
  }
  #workbench-format .form-group .safe-table td,
#workbench-published-parameters .form-group .safe-table td,
#workbench-transformer .form-group .safe-table td,
#workbench-workspace-parameters .form-group .safe-table td {
    padding-left: 0.5em;
    height: 30px;
  }

  #workbench-actions .run-button {
    display: flex;
    align-items: center;
    padding-right: 15px;
  }

  #workbench-canvas canvas {
    box-shadow: none;
  }
  #workbench-canvas .canvas-hint {
    display: flex;
    flex-direction: column;
    position: absolute;
    width: 150px;
    left: calc(50% - 75px);
    top: calc(50% - 75px);
    text-align: center;
    z-index: 1;
  }
  #workbench-canvas .canvas-hint img {
    margin: auto;
    margin-bottom: 1.5em;
    width: 45px;
  }
  #workbench-canvas .canvas-hint span {
    color: #5E5E5E;
  }

  .canvas-loading-wrapper {
    width: 100%;
    text-align: center;
    position: absolute;
    vertical-align: middle;
    top: 45%;
    z-index: 9999;
  }

  .space {
    margin-right: 4px;
  }

  @media (max-width: 767px) {
    #workbench-actions .menu {
      right: auto;
    }

    #workbench-format.parameters-wrap,
#workbench-published-parameters.parameters-wrap,
#workbench-transformer.parameters-wrap,
#workbench-workspace-parameters.parameters-wrap {
      padding-top: 0;
      padding-bottom: 50px;
      max-height: calc(100% - 175px) !important;
    }
    #workbench-format.parameters-wrap.has-footer .parameters-content,
#workbench-published-parameters.parameters-wrap.has-footer .parameters-content,
#workbench-transformer.parameters-wrap.has-footer .parameters-content,
#workbench-workspace-parameters.parameters-wrap.has-footer .parameters-content {
      height: calc(100% - 80px);
    }

    .page-header {
      width: 100% !important;
      white-space: normal;
      padding-right: 0;
      margin: 0 !important;
    }

    .page-header {
      padding-top: 0 !important;
    }
  }
  .darkMode #workbench-actions {
    color: #0D0D0C;
  }
  .darkMode #workbench-format .panel-default .panel-heading span,
.darkMode #workbench-published-parameters .panel-default .panel-heading span,
.darkMode #workbench-transformer .panel-default .panel-heading span,
.darkMode #workbench-workspace-parameters .panel-default .panel-heading span {
    color: #EBEBEB;
  }
  .darkMode #workbench-published-parameters,
.darkMode #workbench-workspace-parameters {
    background-color: #0D0D0C;
  }
  .darkMode .closePanelButton {
    background-color: transparent;
    color: #FFF;
  }
  .darkMode .closePanelButton:hover {
    background-color: #32404d;
  }
  .darkMode #workbench-format,
.darkMode #workbench-transformer,
.darkMode #workbench-parameters {
    background-color: #0D0D0C;
  }
  .darkMode #workbench-format .nav-tabs li a,
.darkMode #workbench-transformer .nav-tabs li a,
.darkMode #workbench-parameters .nav-tabs li a {
    background-color: #2C2C2B;
    color: #CCCCCC;
  }
  .darkMode #workbench-format .nav-tabs li.active a,
.darkMode #workbench-transformer .nav-tabs li.active a,
.darkMode #workbench-parameters .nav-tabs li.active a {
    background: #0D0D0C;
    border-bottom-color: #0D0D0C;
    color: #FFF;
  }
  .darkMode #workbench-format .form-group .safe-table thead tr,
.darkMode #workbench-transformer .form-group .safe-table thead tr,
.darkMode #workbench-parameters .form-group .safe-table thead tr {
    background-color: #202326 !important;
  }
  .darkMode #workbench-format .form-group .safe-table tr,
.darkMode #workbench-transformer .form-group .safe-table tr,
.darkMode #workbench-parameters .form-group .safe-table tr {
    background-color: #0D0D0C;
  }
  .darkMode #workbench-format .button-footer,
.darkMode #workbench-transformer .button-footer,
.darkMode #workbench-parameters .button-footer {
    background-color: #3E3E3D;
    border-top-color: #5E5E5E;
  }
  .darkMode #workbench-parameters .panel-default .panel-heading span {
    color: #EBEBEB;
  }
  .darkMode .workbench-details {
    color: #FFF;
    background-color: #2C2C2B;
    border: none;
  }
  .darkMode .content-wrapper {
    background-color: transparent !important;
  }
  .darkMode #workbench-canvas .canvas-hint span {
    color: #5E5E5E;
  }

  @media (min-width: 767px) {
    .page-header {
      overflow: hidden;
      text-overflow: ellipsis;
      white-space: nowrap;
      vertical-align: middle;
      word-wrap: break-word;
      width: 100%;
    }
  }
  .side-panel .form-group > * {
    width: 100% !important;
    text-align: left;
    margin-left: 0 !important;
    margin-right: 0 !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
  }

  .side-panel .refreshParametersButtonBody {
    width: 100%;
    text-align: right !important;
  }

  .side-panel .schema-field {
    width: 100% !important;
    padding-left: 0;
    padding-right: 0;
  }

  .side-panel {
    position: inherit;
    min-width: 200px;
    height: 100%;
  }

  .parameters-content {
    height: calc(100% - 80px);
  }

  .collapsePanelButton {
    border: none;
    background: transparent;
  }

  .schema-field {
    width: 100%;
  }

  .nav-wrapper .nav > li > global-uploader a, fme-global-uploader a {
    height: 55px;
    padding: 10px 15px;
    background-color: transparent;
    color: #0D0D0C;
    font-weight: 200;
    font-size: 1.9em;
    margin-top: 0.25em;
    display: inline-block;
  }
  .nav-wrapper .nav > li > global-uploader:hover a, fme-global-uploader:hover a {
    color: #2c2c2b;
  }

  .nav-wrapper .nav > li > global-uploader, fme-global-uploader > span > span > a {
    padding: 7px 0 0 0;
    font-size: 1.3em;
    vertical-align: top;
  }

  @media (max-width: 768px) {
    .nav-wrapper .nav > li > global-uploader a, fme-global-uploader a {
      color: #FFF;
      margin-top: 2px;
    }
    .nav-wrapper .nav > li > global-uploader:hover a, fme-global-uploader:hover a {
      color: #94A7FF;
    }
  }
  .global-uploader-icon {
    position: relative;
    bottom: 2px;
  }

  .darkMode .nav-wrapper .nav > li > global-uploader a, .darkMode fme-global-uploader a {
    color: #FFF;
  }
  .darkMode .nav-wrapper .nav > li > global-uploader:hover a, .darkMode fme-global-uploader:hover a {
    color: #94A7FF;
  }

  #password-requirement {
    border: 1px solid #E0E0E0;
    padding: 1rem;
  }
  #password-requirement.clean-style {
    border: 0;
  }
  #password-requirement tbody {
    padding: 1rem;
  }
  #password-requirement tr, #password-requirement td {
    vertical-align: top;
    padding-bottom: 0.5rem;
  }
  #password-requirement td.job-state-icon {
    margin: 0px 8px 0 0;
    vertical-align: middle;
  }

  .c-checkbox span.has-error,
.c-checkbox label input:focus ~ span.has-error,
.c-checkbox:hover span.has-error {
    border-color: #F51515;
  }

  .tooltip > .tooltip-inner {
    text-align: left;
  }
  .tooltip > .tooltip-inner > p {
    text-align: center;
  }
}
/*
 * Layout: General Page Layout
 */
*,
*:before,
*:after {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

* {
  vertical-align: middle;
}

html, body {
  background-color: #F5F5F5;
}

body {
  font-family: "Roboto",sans-serif;
  height: calc(100%);
  overflow-y: auto;
  color: #0D0D0C;
}

h1, h2, h3, h4, .page-header {
  font-family: "Roboto",sans-serif;
  font-weight: 500;
}

h1, h2, h3, h4 {
  color: #0D0D0C;
}

#body ul, #body ol {
  margin: 20px 0;
}

body,
.wrapper > section {
  background-color: #F5F5F5;
}

.darkMode {
  background-color: #0D0D0C;
  color: #FFF;
}
.darkMode .wrapper > section {
  background-color: #0D0D0C;
}
.darkMode h1, .darkMode h2, .darkMode h3, .darkMode h4 {
  color: #FFF;
}
.darkMode .file-edit-container {
  background-color: #2C2C2B;
  color: #FFF;
}
.darkMode .file-edit-container .ace_gutter {
  background-color: #1a1d1f;
  color: #FFF;
}
.darkMode .ace-chrome .ace_gutter-active-line {
  background-color: black;
}
.darkMode .log-table tbody tr {
  color: #FFF;
}
.darkMode .log-table tbody tr:hover {
  color: #FFF;
}
.darkMode #resetForm .panel,
.darkMode #loginForm .panel {
  color: #0D0D0C;
}
.darkMode #resetForm .panel-body,
.darkMode #loginForm .panel-body {
  background-color: #FFF;
  border-bottom-left-radius: 3px;
  border-bottom-right-radius: 3px;
}
.darkMode #resetForm .panel-heading,
.darkMode #loginForm .panel-heading {
  border: none;
}
.darkMode #resetForm p.center.goodStatus,
.darkMode #loginForm p.center.goodStatus {
  color: #FFF;
}
.darkMode #resetForm input[type=text], .darkMode #resetForm input[type=email], .darkMode #resetForm input[type=number], .darkMode #resetForm input[type=password], .darkMode #resetForm input[type=url], .darkMode #resetForm textarea, .darkMode #resetForm select,
.darkMode #loginForm input[type=text],
.darkMode #loginForm input[type=email],
.darkMode #loginForm input[type=number],
.darkMode #loginForm input[type=password],
.darkMode #loginForm input[type=url],
.darkMode #loginForm textarea,
.darkMode #loginForm select {
  background-color: #FFF;
  color: #0D0D0C;
}
.darkMode .well {
  background-color: #323a41 !important;
}
.darkMode .ui-dropdown-item .selection-button {
  color: #CCCCCC;
  border-color: #CCCCCC;
  background: #202326;
}

.darkMode-document-background {
  background-color: #0D0D0C;
}

.canvasPage.darkMode .wrapper > section {
  background-color: #0D0D0C;
}
.canvasPage.darkMode hr {
  border: none;
}

.canvasPage .wrapper {
  height: 100%;
}
@media only screen and (min-width: 768px) {
  .canvasPage #scrollBody {
    margin-top: 5em;
  }
}
@media only screen and (max-width: 767px) {
  .canvasPage.layout-fixed .wrapper {
    position: absolute;
    top: 6em;
  }
  .canvasPage.layout-fixed .wrapper > section {
    margin-top: 0;
  }
  .canvasPage .wrapper {
    max-height: calc(100% - 8em);
    max-height: -webkit-calc(100% - 8em);
  }
}

div#body {
  width: 100%;
  padding: 0;
  margin-bottom: 30px;
}

.wrapper {
  margin: 0;
  padding: 0;
  min-height: 0;
  overflow-x: inherit !important;
}
.wrapper > section {
  margin-bottom: 0 !important;
}

html,
body {
  height: inherit !important;
}

@media only screen and (min-width: 768px) {
  .layout-fixed .wrapper .topnavbar-wrapper {
    width: auto !important;
  }

  .aside-collapsed .topnavbar .navbar-header .brand-logo {
    display: block;
  }

  .aside-collapsed .topnavbar .navbar-header {
    width: 245px;
  }

  .aside-collapsed .topnavbar .navbar-form {
    left: 245px;
  }

  .aside-collapsed-text .topnavbar .navbar-header .brand-logo {
    display: block;
  }

  .aside-collapsed-text .topnavbar .navbar-header {
    width: 245px;
  }

  .aside-collapsed-text .topnavbar .navbar-form {
    left: 245px;
  }
}
@media not all and (min-resolution: 0.001dpcm) {
  @supports (-webkit-appearance: none) {
    .wrapper {
      max-height: unset;
    }
  }
}
section.exception, footer.exception-true {
  margin-left: 0;
}

@media only screen and (min-width: 768px) {
  #scrollBody {
    height: calc(100vh - 70px) !important;
    margin-top: 70px;
  }

  .layout-fixed .wrapper > section {
    margin-top: 0;
  }
}
@media (max-width: 767px) {
  #scrollBody {
    height: calc(100vh - 38px) !important;
  }

  body {
    position: relative;
  }

  .layout-fixed .wrapper {
    margin-top: 2em;
  }
  .layout-fixed .wrapper > section {
    margin-top: 4em;
  }

  .layout-fixed .server-app .wrapper {
    margin-top: 0;
  }
}
#scrollBody.minimal {
  margin-top: 0;
  max-height: calc(100%);
}

#scrollBody.minimal section {
  margin-left: 0;
  margin-top: 0;
}

#scrollBody.minimal .full-page {
  margin-top: 0;
}

.modal-open .wrapper {
  z-index: auto;
}

.content-wrapper {
  border-top: 0;
  padding-bottom: 0;
}

.server-app-body-wrapper {
  width: 65%;
  margin: 0 auto;
}

@media only screen and (max-width: 767px) {
  .server-app-body-wrapper {
    width: 100%;
    padding: 0 20px;
  }
}
.wrapper > section > h1, .content-wrapper .page-header {
  font-size: 28px;
  line-height: 1.1;
  color: #0D0D0C;
  background-color: #F5F5F5;
  font-weight: normal;
  border-bottom: none;
  text-align: center;
  letter-spacing: 2.25px;
}
@media (min-width: 48em) {
  .wrapper > section > h1, .content-wrapper .page-header {
    top: 0;
    width: calc(100% - 220px);
    width: -webkit-calc(100% - 220px);
    text-align: left;
    padding-top: 13px;
    padding-left: 0.5em;
    position: fixed;
    z-index: 1000;
  }
}

@media (min-width: 48em) {
  .aside-collapsed .wrapper .content-wrapper .page-header {
    width: 100%;
    padding-left: 0.5em;
  }
}

@media only screen and (max-width: 767px) {
  .aside-collapsed .wrapper > .aside {
    margin-left: 0px;
  }

  .aside-collapsed.aside-toggled .wrapper > section {
    margin-left: 0px;
  }

  .aside-collapsed.aside-toggled .wrapper > .aside {
    margin-left: 0;
  }

  .csstransforms3d .aside-collapsed .wrapper {
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    backface-visibility: hidden;
  }

  .csstransforms3d .aside-collapsed .wrapper > section {
    margin-left: 0;
    -webkit-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);
    -webkit-transition: -webkit-transform 0.3s ease;
    -moz-transition: -moz-transform 0.3s ease;
    -o-transition: -o-transform 0.3s ease;
    transition: transform 0.3s ease;
  }

  .csstransforms3d .aside-collapsed .wrapper > .aside {
    margin-left: 0;
    -webkit-transform: translate3d(0px,0,0);
    transform: translate3d(0px,0,0);
    -webkit-transition: -webkit-transform 0.3s ease;
    -moz-transition: -moz-transform 0.3s ease;
    -o-transition: -o-transform 0.3s ease;
    transition: transform 0.3s ease;
  }

  .csstransforms3d .aside-collapsed.aside-toggled .wrapper > section {
    -webkit-transform: translate3d(0px,0,0);
    transform: translate3d(0px,0,0);
  }

  .csstransforms3d .aside-collapsed.aside-toggled .wrapper > .aside {
    -webkit-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);
  }
}
.aside-collapsed {
  overflow-y: auto;
}

.aside-collapsed .wrapper > .aside,
.aside-collapsed .wrapper > .aside > .aside-inner {
  width: 0px;
}

.aside-collapsed .wrapper > .aside > .nav-floating {
  margin-left: 0px;
}

@media only screen and (min-width: 768px) {
  .aside-collapsed .wrapper > section {
    margin-left: 0px;
  }
}
@media only screen and (max-width: 767px) {
  .aside-collapsed-text .wrapper > .aside {
    margin-left: 0px;
  }

  .aside-collapsed-text.aside-toggled .wrapper > section {
    margin-left: 0px;
  }

  .aside-collapsed-text.aside-toggled .wrapper > .aside {
    margin-left: 0;
  }

  .csstransforms3d .aside-collapsed-text .wrapper {
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    backface-visibility: hidden;
  }

  .csstransforms3d .aside-collapsed-text .wrapper > section {
    margin-left: 0;
    -webkit-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);
    -webkit-transition: -webkit-transform 0.3s ease;
    -moz-transition: -moz-transform 0.3s ease;
    -o-transition: -o-transform 0.3s ease;
    transition: transform 0.3s ease;
  }

  .csstransforms3d .aside-collapsed-text .wrapper > .aside {
    margin-left: 0;
    -webkit-transform: translate3d(0px,0,0);
    transform: translate3d(0px,0,0);
    -webkit-transition: -webkit-transform 0.3s ease;
    -moz-transition: -moz-transform 0.3s ease;
    -o-transition: -o-transform 0.3s ease;
    transition: transform 0.3s ease;
  }

  .csstransforms3d .aside-collapsed-text.aside-toggled .wrapper > section {
    -webkit-transform: translate3d(0px,0,0);
    transform: translate3d(0px,0,0);
  }

  .csstransforms3d .aside-collapsed-text.aside-toggled .wrapper > .aside {
    -webkit-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);
  }
}
.aside-collapsed-text {
  overflow-y: auto;
}

.aside-collapsed-text .wrapper > .aside,
.aside-collapsed-text .wrapper > .aside > .aside-inner {
  width: 0px;
}

.aside-collapsed-text .wrapper > .aside > .nav-floating {
  margin-left: 0px;
}

@media only screen and (min-width: 768px) {
  .aside-collapsed-text .wrapper > section {
    margin-left: 0px;
  }
}
.content-wrapper > .page-header {
  margin: -20px -20px 10px -20px;
  padding-top: 0.5em;
  left: 265px;
}
@media (min-width: 48em) {
  .content-wrapper > .page-header {
    margin: 0 -20px 20px -20px;
  }
}
.content-wrapper > .page-header span {
  line-height: 1.5em;
  padding-left: 0.5em;
  position: relative;
  z-index: 1;
}

.content-wrapper > .canvas-page-header {
  margin-bottom: 0;
}

.content-wrapper > h3 > small, .content-wrapper > .content-heading > small {
  font-size: 14px;
}

.content-heading h3 {
  margin: 0;
}

.full-width {
  width: 100%;
}

td {
  display: table-cell;
  vertical-align: middle;
}

.group-items {
  zoom: 1;
}
.group-items:before, .group-items:after {
  content: "";
  display: table;
}
.group-items:after {
  clear: both;
}

.inline-block {
  display: inline-block;
  vertical-align: middle;
  margin-right: 5px;
}

.wide-center-block {
  width: 1000px;
}

.container.no-sidebar .abs-center {
  margin-left: -110px;
}

.well {
  border-radius: 4px;
  border: 1px solid #d6d6d6;
  background-color: #FFF;
  box-shadow: none;
}

.no-margin {
  margin: 0;
}

.no-bottom-margin {
  margin-bottom: 0 !important;
}

.no-top-margin {
  margin-top: 0 !important;
}

.no-left-margin {
  margin-left: 0 !important;
}

.no-right-margin {
  margin-right: 0 !important;
}

.no-padding {
  padding: 0;
}

.no-right-padding {
  padding-right: 0;
}

@media (min-width: 1200px) {
  .no-padding-lg {
    padding: 0;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .no-padding-left-md {
    padding-left: 0;
  }
}
.margin-top {
  margin-top: 20px;
}

.margin-bottom {
  margin-bottom: 20px;
}

.margin-top-30 {
  margin-top: 30px;
}

.margin-top-10 {
  margin-top: 10px;
}

.margin-bottom-10 {
  margin-bottom: 10px;
}

.margin-left-10 {
  margin-left: 10px;
}

.margin-left-20 {
  margin-left: 20px;
}

.margin-right-20 {
  margin-right: 20px;
}

.margin-right-10 {
  margin-right: 10px;
}

.uk-notify-message {
  width: 500px;
}
.uk-notify-message.alert-success a {
  color: #009C00;
  text-decoration: underline;
}
.uk-notify-message.alert-success a.close {
  text-decoration: none;
}

.input-group input[type=text] {
  width: 100%;
  margin: 0;
}

.modal-dialog label {
  padding-top: 7px;
}
.modal-dialog .form-group {
  margin-left: -15px;
  margin-right: -15px;
  min-height: 35px;
  height: auto;
  width: 100%;
}

.ui-select-multiple.ui-select-bootstrap {
  height: auto;
  padding: 4px 6px 3px 6px;
}

.p-multiselected-item-token,
.p-multiselected-empty-token {
  padding: 0px 2px;
  margin: 0 0.286em 0 0;
  display: inline-block;
  vertical-align: middle;
}

.p-multiselected-item-token {
  font-weight: normal;
}

.p-multiselect-with-icon {
  background: white;
  border: 1px solid #002A6C;
}

.p-multiselect-item label {
  font-weight: normal;
}

.dashboard-iframe {
  width: 100%;
  height: 100%;
  position: absolute;
  display: block;
}

.safe-table .error {
  color: #F51515 !important;
}
.safe-table .warning {
  color: #C05500 !important;
}
.safe-table .warning .fa, .safe-table .warning.fa {
  color: #F55215 !important;
}

.modal-title {
  word-break: break-all;
}

.list-group-item {
  padding: 5px 10px;
}

.darkMode .sp-container {
  background-color: #0D0D0C;
}

.breadcrumb {
  padding-bottom: 20px;
}

.float-left {
  float: left;
}

.float-right {
  float: right;
}

.float-none {
  float: none;
}

/* sidebar */
.wrapper > .aside .aside-inner {
  padding-top: 100px;
  width: 245px;
  overflow-y: auto;
}
@media only screen and (min-width: 768px) {
  .wrapper > .aside .aside-inner {
    padding-top: 55px !important;
  }
}

.wrapper > .aside {
  background-color: #3E3E3D;
  display: block;
  position: fixed;
}

@media only screen and (min-width: 768px) {
  .wrapper > section {
    margin-left: 245px;
  }
}
@media only screen and (max-width: 767px) {
  .sidebar-toggle {
    top: auto;
    left: 0.75em;
    width: 15%;
  }

  .wrapper > .aside {
    margin-left: -245px;
  }

  .csstransforms3d .wrapper > .aside {
    -webkit-transform: translate3d(-245px,0,0);
    transform: translate3d(-245px,0,0);
  }

  .csstransforms3d .aside-toggled .wrapper > section {
    -webkit-transform: translate3d(0px,0,0);
    transform: translate3d(0px,0,0);
  }
}
/* angular animations */
.ng-hide-add, .ng-hide-remove {
  /* ensure visibility during the transition */
  display: block !important;
  /* yes, important */
}

.no-animate.ng-hide, .no-animate.ng-hide-add, .no-animate.ng-hide-remove {
  display: none !important;
}

.fader {
  transition: 0.5s linear all;
  opacity: 1;
}

.fader.ng-hide {
  opacity: 0;
}

/* eof angular animations*/
.force-no-border {
  border-width: 0 !important;
}

.force-top-border {
  border-top-width: 1px !important;
}

.force-no-margin {
  margin: 0 !important;
}

.force-normal-weight {
  font-weight: normal !important;
}

.topic-label {
  padding-top: 7px;
  text-align: right;
}

topic-select .input-group[class*=col-] {
  padding-left: 15px;
  padding-right: 15px;
}

@media (min-width: 1400px) {
  .col-md-lg-4 {
    width: 33.33333333%;
  }

  .col-md-lg-8 {
    width: 66.66666667%;
  }
}
@media (max-width: 1400px) {
  .col-md-lg-4 {
    width: 100%;
  }

  .col-md-lg-8 {
    width: 100%;
  }
}
.uk-notify-message > div {
  word-wrap: break-word;
}

.btn-shake {
  animation: shake 0.82s cubic-bezier(0.36,0.07,0.19,0.97) both;
}

.engine-prompt.fa {
  position: absolute;
  right: 15px;
  bottom: 15px;
  font-size: 36px;
  color: #CCCCCC;
}

.panel-header-icon-button {
  font-size: 16px !important;
  line-height: 16px !important;
  margin: 2px 2px 0 2px;
}

@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);
  }
}
.margin-right-10 {
  margin-right: 10px;
}

loading {
  width: 100%;
  display: block;
  text-align: center;
}

loading img {
  height: 50px;
}

img.center {
  margin-left: auto;
  margin-right: auto;
  display: block;
}

footer {
  color: #82786f;
}

.alert {
  text-overflow: ellipsis;
  overflow: hidden;
}

.error-text {
  color: #F51515 !important;
}

.disabled-text {
  color: darkgray;
}

.initial-load-icon {
  margin-top: 25%;
  z-index: 125;
}

input::-ms-clear, input::-ms-reveal {
  display: none;
}

input::-webkit-autofill,
input::-webkit-contacts-auto-fill-button,
input::-webkit-credentials-auto-fill-button {
  opacity: 0;
}

.markdown ol, .markdown ul {
  list-style-position: inside;
  padding-left: 30px;
}
.markdown ol {
  list-style-type: decimal;
}
.markdown ul {
  list-style-type: disc;
}
.markdown table th, .markdown table td {
  border: 1px solid #ddd;
  padding: 5px;
}

.center > .markdown ol, .center > .markdown ul {
  padding-left: 0;
}
.center > .markdown table {
  margin: auto;
}
.center > .markdown blockquote {
  display: table;
  margin: 0 auto 20px auto;
}

body .ui-menu {
  min-width: 250px !important;
}
body .ui-menuitem-link {
  padding: 14px 20px !important;
}
/*# sourceMappingURL=server-app-theme.css.map */