/* input(12988,24): run-time error CSS1030: Expected identifier, found '.'
input(12988,29): run-time error CSS1025: Expected comma or open brace, found ')' */
@charset "UTF-8";
/*! normalize.css v3.0.2 | MIT License | git.io/normalize */
/**
 * 1. Set default font family to sans-serif.
 * 2. Prevent iOS text size adjust after orientation change, without disabling
 *    user zoom.
 */
html {
  font-family: sans-serif;
  /* 1 */
  -ms-text-size-adjust: 100%;
  /* 2 */
  -webkit-text-size-adjust: 100%;
  /* 2 */
}

/**
 * Remove default margin.
 */
body {
  margin: 0;
}

/* HTML5 display definitions
   ========================================================================== */
/**
 * Correct `block` display not defined for any HTML5 element in IE 8/9.
 * Correct `block` display not defined for `details` or `summary` in IE 10/11
 * and Firefox.
 * Correct `block` display not defined for `main` in IE 11.
 */
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
menu,
nav,
section,
summary {
  display: block;
}

/**
 * 1. Correct `inline-block` display not defined in IE 8/9.
 * 2. Normalize vertical alignment of `progress` in Chrome, Firefox, and Opera.
 */
audio,
canvas,
progress,
video {
  display: inline-block;
  /* 1 */
  vertical-align: baseline;
  /* 2 */
}

/**
 * Prevent modern browsers from displaying `audio` without controls.
 * Remove excess height in iOS 5 devices.
 */
audio:not([controls]) {
  display: none;
  height: 0;
}

/**
 * Address `[hidden]` styling not present in IE 8/9/10.
 * Hide the `template` element in IE 8/9/11, Safari, and Firefox < 22.
 */
[hidden],
template {
  display: none;
}

/* Links
   ========================================================================== */
/**
 * Remove the gray background color from active links in IE 10.
 */
a {
  background-color: transparent;
}

/**
 * Improve readability when focused and also mouse hovered in all browsers.
 */
a:active,
a:hover {
  /*outline: 0;*/
}

/* Text-level semantics
   ========================================================================== */
/**
 * Address styling not present in IE 8/9/10/11, Safari, and Chrome.
 */
abbr[title] {
  border-bottom: 1px dotted;
}

/**
 * Address style set to `bolder` in Firefox 4+, Safari, and Chrome.
 */
b,
strong {
  font-weight: bold;
}

/**
 * Address styling not present in Safari and Chrome.
 */
dfn {
  font-style: italic;
}

/**
 * Address variable `h1` font-size and margin within `section` and `article`
 * contexts in Firefox 4+, Safari, and Chrome.
 */
h1 {
  font-size: 2em;
  margin: 0.67em 0;
}

/**
 * Address styling not present in IE 8/9.
 */
mark {
  background: #ff0;
  color: #000;
}

/**
 * Address inconsistent and variable font size in all browsers.
 */
small {
  font-size: 80%;
  margin-left: 2px;
  margin-top: -8px;
  display: table-caption;
}

/**
 * Prevent `sub` and `sup` affecting `line-height` in all browsers.
 */
sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sup {
  top: -0.5em;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 60%;
}

sub {
  bottom: -0.25em;
}

/* Embedded content
   ========================================================================== */
/**
 * Remove border when inside `a` element in IE 8/9/10.
 */
img {
  border: 0;
}

/**
 * Correct overflow not hidden in IE 9/10/11.
 */
svg:not(:root) {
  overflow: hidden;
}

/* Grouping content
   ========================================================================== */
/**
 * Address margin not present in IE 8/9 and Safari.
 */
figure {
  margin: 1em 40px;
}

/**
 * Address differences between Firefox and other browsers.
 */
hr {
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  height: 0;
}

/**
 * Contain overflow in all browsers.
 */
pre {
  overflow: auto;
}

/**
 * Address odd `em`-unit font size rendering in all browsers.
 */
code,
kbd,
pre,
samp {
  font-family: monospace, monospace;
  font-size: 1em;
}

/* Forms
   ========================================================================== */
/**
 * Known limitation: by default, Chrome and Safari on OS X allow very limited
 * styling of `select`, unless a `border` property is set.
 */
/**
 * 1. Correct color not being inherited.
 *    Known issue: affects color of disabled elements.
 * 2. Correct font properties not being inherited.
 * 3. Address margins set differently in Firefox 4+, Safari, and Chrome.
 */
button,
input,
optgroup,
select,
textarea {
  color: inherit;
  /* 1 */
  font: inherit;
  /* 2 */
  margin: 0;
  /* 3 */
}

/**
 * Address `overflow` set to `hidden` in IE 8/9/10/11.
 */
button {
  overflow: visible;
}

/**
 * Address inconsistent `text-transform` inheritance for `button` and `select`.
 * All other form control elements do not inherit `text-transform` values.
 * Correct `button` style inheritance in Firefox, IE 8/9/10/11, and Opera.
 * Correct `select` style inheritance in Firefox.
 */
button,
select {
  text-transform: none;
}

/**
 * 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio`
 *    and `video` controls.
 * 2. Correct inability to style clickable `input` types in iOS.
 * 3. Improve usability and consistency of cursor style between image-type
 *    `input` and others.
 */
button,
html input[type=button],
input[type=reset],
input[type=submit] {
  -webkit-appearance: button;
  /* 2 */
  cursor: pointer;
  /* 3 */
}

/**
 * Re-set default cursor for disabled elements.
 */
button[disabled],
html input[disabled] {
  cursor: default;
}

/**
 * Remove inner padding and border in Firefox 4+.
 */
button::-moz-focus-inner,
input::-moz-focus-inner {
  border: 0;
  padding: 0;
}

/**
 * Address Firefox 4+ setting `line-height` on `input` using `!important` in
 * the UA stylesheet.
 */
input {
  line-height: normal;
}

/**
 * It's recommended that you don't attempt to style these elements.
 * Firefox's implementation doesn't respect box-sizing, padding, or width.
 *
 * 1. Address box sizing set to `content-box` in IE 8/9/10.
 * 2. Remove excess padding in IE 8/9/10.
 */
input[type=checkbox],
input[type=radio] {
  box-sizing: border-box;
  /* 1 */
  padding: 0;
  /* 2 */
}

/**
 * Fix the cursor style for Chrome's increment/decrement buttons. For certain
 * `font-size` values of the `input`, it causes the cursor style of the
 * decrement button to change from `default` to `text`.
 */
input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
  height: auto;
}

/**
 * 1. Address `appearance` set to `searchfield` in Safari and Chrome.
 * 2. Address `box-sizing` set to `border-box` in Safari and Chrome
 *    (include `-moz` to future-proof).
 */
input[type=search] {
  -webkit-appearance: textfield;
  /* 1 */
  -moz-box-sizing: content-box;
  -webkit-box-sizing: content-box;
  /* 2 */
  box-sizing: content-box;
}

/**
 * Remove inner padding and search cancel button in Safari and Chrome on OS X.
 * Safari (but not Chrome) clips the cancel button when the search input has
 * padding (and `textfield` appearance).
 */
input[type=search]::-webkit-search-cancel-button,
input[type=search]::-webkit-search-decoration {
  -webkit-appearance: none;
}

/**
 * Define consistent border, margin, and padding.
 */
fieldset {
  border: 1px solid #c0c0c0;
  margin: 0 2px;
  padding: 0.35em 0.625em 0.75em;
}

/**
 * 1. Correct `color` not being inherited in IE 8/9/10/11.
 * 2. Remove padding so people aren't caught out if they zero out fieldsets.
 */
legend {
  border: 0;
  /* 1 */
  padding: 0;
  /* 2 */
}

/**
 * Remove default vertical scrollbar in IE 8/9/10/11.
 */
textarea {
  overflow: auto;
}

/**
 * Don't inherit the `font-weight` (applied by a rule above).
 * NOTE: the default cannot safely be changed in Chrome and Safari on OS X.
 */
optgroup {
  font-weight: bold;
}

/* Tables
   ========================================================================== */
/**
 * Remove most spacing between table cells.
 */
table {
  border-collapse: collapse;
  border-spacing: 0;
}

td,
th {
  padding: 0;
}

/** Qlik Brand Colors **/
/** Qlik Brand Colors 2024 **/
/** Other UI Colors **/
/** Search Highlight Colors **/
/** Typography **/
/** Spacing **/
/** Media queries **/
/* 991px */
/* 992px */
/** Qlik Brand Colors **/
/** Qlik Brand Colors 2024 **/
/** Other UI Colors **/
/** Search Highlight Colors **/
/** Typography **/
/** Spacing **/
/** Media queries **/
/* 991px */
/* 992px */
/* ReSharper disable once InvalidValue */
.container {
  padding-left: 15px;
  padding-right: 15px;
  -ms-word-break: break-word;
  word-break: break-word;
  margin-left: auto;
  margin-right: auto;
  position: relative;
}
.container > .row {
  position: relative;
}
.container img {
  max-width: 100%;
}
@media only screen and (min-width: 921px) {
  .container {
    width: 1300px;
  }
}
@media only screen and (max-width: 1366px) {
  .container {
    width: 1024px;
  }
}
@media only screen and (max-width: 1080px) {
  .container {
    width: 900px;
  }
}
@media only screen and (max-width: 920px) {
  .container {
    width: auto;
  }
}

.row {
  margin-left: -15px;
  margin-right: -15px;
}
.embedded-search .row {
  margin-right: 0;
  margin-left: 0;
}

.section:after {
  display: table;
  content: "";
  clear: both;
}

.col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12 {
  min-height: 1px;
  padding-left: 15px;
  padding-right: 15px;
}

@media only screen and (min-width: 921px) {
  .col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12 {
    float: left;
  }

  .col-12 {
    width: 100%;
  }

  .col-11 {
    width: 91.66666667%;
  }

  .col-10 {
    width: 83.33333333%;
  }

  .col-9 {
    width: 75%;
  }

  .col-8 {
    width: 66.66666667%;
  }

  .col-7 {
    width: 58.33333333%;
  }

  .col-6 {
    width: 50%;
  }

  .col-5 {
    width: 41.66666667%;
  }

  .col-4 {
    width: 33.33333333%;
  }

  .col-3 {
    width: 25%;
  }

  .col-2 {
    width: 16.66666667%;
  }

  .col-1 {
    width: 8.33333333%;
  }

  .col-pull-12 {
    right: 100%;
  }

  .col-pull-11 {
    right: 91.66666667%;
  }

  .col-pull-10 {
    right: 83.33333333%;
  }

  .col-pull-9 {
    right: 75%;
  }

  .col-pull-8 {
    right: 66.66666667%;
  }

  .col-pull-7 {
    right: 58.33333333%;
  }

  .col-pull-6 {
    right: 50%;
  }

  .col-pull-5 {
    right: 41.66666667%;
  }

  .col-pull-4 {
    right: 33.33333333%;
  }

  .col-pull-3 {
    right: 25%;
  }

  .col-pull-2 {
    right: 16.66666667%;
  }

  .col-pull-1 {
    right: 8.33333333%;
  }

  .col-pull-0 {
    right: auto;
  }

  .col-push-12 {
    left: 100%;
  }

  .col-push-11 {
    left: 91.66666667%;
  }

  .col-push-10 {
    left: 83.33333333%;
  }

  .col-push-9 {
    left: 75%;
  }

  .col-push-8 {
    left: 66.66666667%;
  }

  .col-push-7 {
    left: 58.33333333%;
  }

  .col-push-6 {
    left: 50%;
  }

  .col-push-5 {
    left: 41.66666667%;
  }

  .col-push-4 {
    left: 33.33333333%;
  }

  .col-push-3 {
    left: 25%;
  }

  .col-push-2 {
    left: 16.66666667%;
  }

  .col-push-1 {
    left: 8.33333333%;
  }

  .col-push-0 {
    left: auto;
  }

  .col-offset-12 {
    margin-left: 100%;
  }

  .col-offset-11 {
    margin-left: 91.66666667%;
  }

  .col-offset-10 {
    margin-left: 83.33333333%;
  }

  .col-offset-9 {
    margin-left: 75%;
  }

  .col-offset-8 {
    margin-left: 66.66666667%;
  }

  .col-offset-7 {
    margin-left: 58.33333333%;
  }

  .col-offset-6 {
    margin-left: 50%;
  }

  .col-offset-5 {
    margin-left: 41.66666667%;
  }

  .col-offset-4 {
    margin-left: 33.33333333%;
  }

  .col-offset-3 {
    margin-left: 25%;
  }

  .col-offset-2 {
    margin-left: 16.66666667%;
  }

  .col-offset-1 {
    margin-left: 8.33333333%;
  }

  .col-offset-0 {
    margin-left: 0%;
  }
}
.clearfix:before,
.clearfix:after,
.container:before,
.container:after,
.row:before,
.row:after {
  content: " ";
  display: table;
}

.clearfix:after,
.container:after,
.row:after {
  clear: both;
}

.hidden {
  display: none !important;
}

@media only screen and (max-width: 920px) {
  .hidden-mobile {
    display: none !important;
  }
}
@media only screen and (min-width: 921px) {
  .hidden-desktop {
    display: none !important;
  }
}
/** Qlik Brand Colors **/
/** Qlik Brand Colors 2024 **/
/** Other UI Colors **/
/** Search Highlight Colors **/
/** Typography **/
/** Spacing **/
/** Media queries **/
/* 991px */
/* 992px */
@font-face {
  font-family: "Source Sans Pro";
  font-style: normal;
  font-weight: 300;
  src: url("../fonts/source-pro/Sans/source-sans-pro-300.eot");
  /*IE9 Compat Modes */
  src: local("Source Sans Pro Light"), local("SourceSansPro-Light"), url("../fonts/source-pro/Sans/source-sans-pro-300.eot?#iefix") format("embedded-opentype"), url("../fonts/source-pro/Sans/source-sans-pro-300.woff2") format("woff2"), url("../fonts/source-pro/Sans/source-sans-pro-300.woff") format("woff"), url("../fonts/source-pro/Sans/source-sans-pro-300.ttf") format("truetype"), url("../fonts/source-pro/Sans/source-sans-pro-300.svg#SourceSansPro") format("svg");
  /*Legacy iOS */
}
@font-face {
  font-family: "Source Sans Pro";
  font-style: italic;
  font-weight: 300;
  src: url("../fonts/source-pro/Sans/source-sans-pro-300italic.eot");
  /*IE9 Compat Modes */
  src: local("Source Sans Pro Light Italic"), local("SourceSansPro-LightItalic"), url("../fonts/source-pro/Sans/source-sans-pro-300italic.eot?#iefix") format("embedded-opentype"), url("../fonts/source-pro/Sans/source-sans-pro-300italic.woff2") format("woff2"), url("../fonts/source-pro/Sans/source-sans-pro-300italic.woff") format("woff"), url("../fonts/source-pro/Sans/source-sans-pro-300italic.ttf") format("truetype"), url("../fonts/source-pro/Sans/source-sans-pro-300italic.svg#SourceSansPro") format("svg");
  /*Legacy iOS */
}
@font-face {
  font-family: "Source Sans Pro";
  font-style: normal;
  font-weight: 400;
  src: url("../fonts/source-pro/Sans/source-sans-pro-regular.eot");
  /*IE9 Compat Modes */
  src: local("Source Sans Pro Regular"), local("SourceSansPro-Regular"), url("../fonts/source-pro/Sans/source-sans-pro-regular.eot?#iefix") format("embedded-opentype"), url("../fonts/source-pro/Sans/source-sans-pro-regular.woff2") format("woff2"), url("../fonts/source-pro/Sans/source-sans-pro-regular.woff") format("woff"), url("../fonts/source-pro/Sans/source-sans-pro-regular.ttf") format("truetype"), url("../fonts/source-pro/Sans/source-sans-pro-regular.svg#SourceSansPro") format("svg");
  /* Legacy iOS */
}
@font-face {
  font-family: "Source Sans Pro";
  font-style: italic;
  font-weight: 400;
  src: url("../fonts/source-pro/Sans/source-sans-pro-italic.eot");
  /*IE9 Compat Modes */
  src: local("Source Sans Pro Regular Italic"), local("SourceSansPro-RegularItalic"), url("../fonts/source-pro/Sans/source-sans-pro-italic.eot?#iefix") format("embedded-opentype"), url("../fonts/source-pro/Sans/source-sans-pro-italic.woff2") format("woff2"), url("../fonts/source-pro/Sans/source-sans-pro-italic.woff") format("woff"), url("../fonts/source-pro/Sans/source-sans-pro-italic.ttf") format("truetype"), url("../fonts/source-pro/Sans/source-sans-pro-italic.svg#SourceSansPro") format("svg");
  /*Legacy iOS */
}
@font-face {
  font-family: "Source Sans Pro";
  font-style: normal;
  font-weight: 600;
  src: url("../fonts/source-pro/Sans/source-sans-pro-600.eot");
  /*IE9 Compat Modes */
  src: local("Source Sans Pro SemiBold"), local("SourceSansPro-SemiBold"), url("../fonts/source-pro/Sans/source-sans-pro-600.eot?#iefix") format("embedded-opentype"), url("../fonts/source-pro/Sans/source-sans-pro-600.woff2") format("woff2"), url("../fonts/source-pro/Sans/source-sans-pro-600.woff") format("woff"), url("../fonts/source-pro/Sans/source-sans-pro-600.ttf") format("truetype"), url("../fonts/source-pro/Sans/source-sans-pro-600.svg#SourceSansPro") format("svg");
  /*Legacy iOS */
}
@font-face {
  font-family: "Source Sans Pro";
  font-style: italic;
  font-weight: 600;
  src: url("../fonts/source-pro/Sans/source-sans-pro-600italic.eot");
  /*IE9 Compat Modes */
  src: local("Source Sans Pro SemiBold Italic"), local("SourceSansPro-SemiBoldItalic"), url("../fonts/source-pro/Sans/source-sans-pro-600italic.eot?#iefix") format("embedded-opentype"), url("../fonts/source-pro/Sans/source-sans-pro-600italic.woff2") format("woff2"), url("../fonts/source-pro/Sans/source-sans-pro-600italic.woff") format("woff"), url("../fonts/source-pro/Sans/source-sans-pro-600italic.ttf") format("truetype"), url("../fonts/source-pro/Sans/source-sans-pro-600italic.svg#SourceSansPro") format("svg");
  /*Legacy iOS */
}
@font-face {
  font-family: "Source Sans Pro";
  font-style: normal;
  font-weight: 700;
  src: url("../fonts/source-pro/Sans/source-sans-pro-700.eot");
  /*IE9 Compat Modes */
  src: local("Source Sans Pro Bold"), local("SourceSansPro-Bold"), url("../fonts/source-pro/Sans/source-sans-pro-700.eot?#iefix") format("embedded-opentype"), url("../fonts/source-pro/Sans/source-sans-pro-700.woff2") format("woff2"), url("../fonts/source-pro/Sans/source-sans-pro-700.woff") format("woff"), url("../fonts/source-pro/Sans/source-sans-pro-700.ttf") format("truetype"), url("../fonts/source-pro/Sans/source-sans-pro-700.svg#SourceSansPro") format("svg");
  /*Legacy iOS */
}
@font-face {
  font-family: "Source Sans Pro";
  font-style: italic;
  font-weight: 700;
  src: url("../fonts/source-pro/Sans/source-sans-pro-700italic.eot");
  /*IE9 Compat Modes */
  src: local("Source Sans Pro Bold Italic"), local("SourceSansPro-BoldItalic"), url("../fonts/source-pro/Sans/source-sans-pro-700italic.eot?#iefix") format("embedded-opentype"), url("../fonts/source-pro/Sans/source-sans-pro-700italic.woff2") format("woff2"), url("../fonts/source-pro/Sans/source-sans-pro-700italic.woff") format("woff"), url("../fonts/source-pro/Sans/source-sans-pro-700italic.ttf") format("truetype"), url("../fonts/source-pro/Sans/source-sans-pro-700italic.svg#SourceSansPro") format("svg");
  /*Legacy iOS */
}
@font-face {
  font-family: "Source Code Pro";
  font-style: normal;
  font-weight: 300;
  src: local("Source Code Pro Light"), local("SourceCodePro-Light"), url("../fonts/source-pro/Code/SourceCodePro-Light.ttf") format("truetype");
}
@font-face {
  font-family: "Source Code Pro";
  font-style: normal;
  font-weight: 400;
  src: local("Source Code Pro Regular"), local("SourceCodePro-Regular"), url("../fonts/source-pro/Code/SourceCodePro-Regular.ttf") format("truetype");
}
@font-face {
  font-family: "Source Code Pro";
  font-style: normal;
  font-weight: 600;
  src: local("Source Code Pro Semibold"), local("SourceCodePro-Semibold"), url("../fonts/source-pro/Code/SourceCodePro-Semibold.ttf") format("truetype");
}
@font-face {
  font-family: "Source Code Pro";
  font-style: normal;
  font-weight: 700;
  src: local("Source Code Pro Bold"), local("SourceCodePro-Bold"), url("../fonts/source-pro/Code/SourceCodePro-Bold.ttf") format("truetype");
}
@font-face {
  font-family: "Open Sans";
  src: url("../fonts/open-sans/Light/OpenSans-Light.eot");
  src: url("../fonts/open-sans/Light/OpenSans-Light.eot?#iefix") format("embedded-opentype"), url("../fonts/open-sans/Light/OpenSans-Light.woff") format("woff"), url("../fonts/open-sans/Light/OpenSans-Light.ttf") format("truetype");
  font-weight: 300;
  font-style: normal;
}
@font-face {
  font-family: "Open Sans";
  src: url("../fonts/open-sans/Regular/OpenSans-Regular.eot");
  src: url("../fonts/open-sans/Regular/OpenSans-Regular.eot?#iefix") format("embedded-opentype"), url("../fonts/open-sans/Regular/OpenSans-Regular.woff") format("woff"), url("../fonts/open-sans/Regular/OpenSans-Regular.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "Open Sans";
  src: url("../fonts/open-sans/Italic/OpenSans-Italic.eot");
  src: url("../fonts/open-sans/Italic/OpenSans-Italic.eot?#iefix") format("embedded-opentype"), url("../fonts/open-sans/Italic/OpenSans-Italic.woff") format("woff"), url("../fonts/open-sans/Italic/OpenSans-Italic.ttf") format("truetype");
  font-weight: normal;
  font-style: italic;
}
@font-face {
  font-family: "Open Sans";
  src: url("../fonts/open-sans/Semibold/OpenSans-Semibold.eot");
  src: url("../fonts/open-sans/Semibold/OpenSans-Semibold.eot?#iefix") format("embedded-opentype"), url("../fonts/open-sans/Semibold/OpenSans-Semibold.woff") format("woff"), url("../fonts/open-sans/Semibold/OpenSans-Semibold.ttf") format("truetype");
  font-weight: bold;
  font-style: normal;
}
@font-face {
  font-family: "Open Sans";
  src: url("../fonts/open-sans/SemiboldItalic/OpenSans-SemiboldItalic.eot");
  src: url("../fonts/open-sans/SemiboldItalic/OpenSans-SemiboldItalic.eot?#iefix") format("embedded-opentype"), url("../fonts/open-sans/SemiboldItalic/OpenSans-SemiboldItalic.woff") format("woff"), url("../fonts/open-sans/SemiboldItalic/OpenSans-SemiboldItalic.ttf") format("truetype");
  font-weight: bold;
  font-style: italic;
}
@font-face {
  font-family: "LUIicons";
  src: url("../fonts/lui-icons/lui_icons.eot");
  src: url("../fonts/lui-icons/lui_icons.eot?#iefix") format("embedded-opentype"), url("../fonts/lui-icons/lui_icons.woff") format("woff"), url("../fonts/lui-icons/lui_icons.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
}
h1 {
  font-size: 2em;
  font-weight: 600;
  margin-top: 32px;
  line-height: 1.2;
}

h2 {
  font-size: 1.8em;
  font-weight: 600;
  margin-top: 32px;
  line-height: 1.3;
}

h3 {
  font-size: 1.4em;
  font-weight: 600;
  margin-top: 32px;
  line-height: 1.3;
}

h4 {
  font-size: 1.2em;
  font-weight: 600;
  margin-top: 24px;
  line-height: 1.3;
}

h5 {
  font-size: 1.1em;
  font-weight: 600;
  margin-top: 24px;
  line-height: 1.3;
}

h6 {
  font-size: 0.92em;
  font-weight: 600;
  margin-top: 24px;
  line-height: 1.3;
}

p {
  font-size: 15px;
  margin: 16px 0 0 0;
}
p.introduction {
  font-size: 1.1em;
  margin-bottom: 20px;
  margin-top: 12px;
  line-height: 1.5;
  font-weight: 600;
  color: #0f0f0f;
}

li {
  margin-top: 4px;
}

li p {
  margin-top: 4px;
  margin-bottom: 0;
}

/** Qlik Brand Colors **/
/** Qlik Brand Colors 2024 **/
/** Other UI Colors **/
/** Search Highlight Colors **/
/** Typography **/
/** Spacing **/
/** Media queries **/
/* 991px */
/* 992px */
*,
*:before,
*:after {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

body {
  font-family: "Inter", Arial, sans-serif;
  font-size: 15px;
  font-weight: 500;
  line-height: 1.5;
  color: #0f0f0f;
  background-color: #ffffff;
  height: 100%;
  width: 100%;
  letter-spacing: -0.25px;
}
body.no-flow {
  overflow: hidden;
}

a, .xref, button {
  color: #009845;
  text-decoration: none;
  display: inline;
  outline-offset: -6px;
  transition: outline-offset 0.15s ease;
  outline-offset: -6px;
}
a:focus, .xref:focus, button:focus {
  outline-offset: 3px;
}

.article a, .article .xref {
  text-decoration: underline;
  transition: outline-offset 0.15s ease;
  outline-offset: -6px;
  /*&[href^="http"] {
  	&:after {
  		background-image: url('/img/nav/arrow-external.svg?v=FkI27acS4k98GiudJDXrHbsnVNo');
  		content: "";
  		display: inline-block;
  		width: 18px;
  		height: 18px;
  		background-size: 12px;
  		background-repeat: no-repeat;
  		background-position: 4px 6px;
  	}
  }*/
}
.article a:focus, .article .xref:focus {
  outline-offset: 3px;
}
.article a:hover, .article .xref:hover {
  text-decoration: none;
}

#topicContent {
  margin-top: 20px;
  /* saved temp h3 */
}
#topicContent h1 a, #topicContent h1 .xref, #topicContent h2 a, #topicContent h2 .xref, #topicContent h4 a, #topicContent h4 .xref, #topicContent h5 a, #topicContent h5 .xref, #topicContent h6 a, #topicContent h6 .xref {
  border: 0;
}
#topicContent h1 a:hover, #topicContent h1 .xref:hover, #topicContent h2 a:hover, #topicContent h2 .xref:hover, #topicContent h4 a:hover, #topicContent h4 .xref:hover, #topicContent h5 a:hover, #topicContent h5 .xref:hover, #topicContent h6 a:hover, #topicContent h6 .xref:hover {
  font-weight: inherit;
}

#breadcrumb + #topicContent {
  margin-top: 0;
}

#breadcrumb.home + #topicContent {
  margin-top: 20px;
}
@media only screen and (max-width: 920px) {
  #breadcrumb.home + #topicContent {
    margin-top: 0;
  }
}

.xref i {
  font-style: normal;
}

/** Qlik Brand Colors **/
/** Qlik Brand Colors 2024 **/
/** Other UI Colors **/
/** Search Highlight Colors **/
/** Typography **/
/** Spacing **/
/** Media queries **/
/* 991px */
/* 992px */
/** Qlik Brand Colors **/
/** Qlik Brand Colors 2024 **/
/** Other UI Colors **/
/** Search Highlight Colors **/
/** Typography **/
/** Spacing **/
/** Media queries **/
/* 991px */
/* 992px */
/* only used by madbuilder
mcTableStyle {
  name: tableGrid;
}
*/
table.TableStyle-tableGrid > tbody > tr > th, table.TableStyle-tableGrid > tbody > tr > td {
  border: 1px solid #d5d5d5;
}

/* only used by madbuilder
mcTableStyle {
  name: LeftBold;
}
*/
table.TableStyle-LeftBold td:first-child {
  font-weight: bold;
}

/** Qlik Brand Colors **/
/** Qlik Brand Colors 2024 **/
/** Other UI Colors **/
/** Search Highlight Colors **/
/** Typography **/
/** Spacing **/
/** Media queries **/
/* 991px */
/* 992px */
/* only used by madbuilder
mcTableStyle {
  name: LeftBoldGrid;
}
*/
table.TableStyle-LeftBoldGrid > tbody > tr > td, table.TableStyle-LeftBoldGrid > tbody > tr > th {
  border: 1px solid #d5d5d5;
}
table.TableStyle-LeftBoldGrid > tbody > tr > td:first-child {
  font-weight: bold;
}

table {
  width: 99% !important;
  margin-bottom: 15px;
  -ms-word-break: normal;
  word-break: normal;
  /*font-size: 12px;*/
}
table + table {
  margin-top: 40px;
}
table th, table td {
  padding: 8px;
  text-align: left;
  vertical-align: top;
}
table th p, table td p {
  margin: 8px 0 0 0;
  font-size: inherit;
}
table th ul, table th ol, table td ul, table td ol {
  padding-left: 20px;
}
table caption {
  text-align: left;
  padding-top: 16px;
  font-style: normal;
  color: rgba(15, 15, 15, 0.85);
  font-size: 0.875em;
}
table caption p {
  margin-top: 0;
  font-size: 0.875em;
}
table thead {
  border-top: 2px solid #0f0f0f;
}
table thead th.asc a:after, table thead th.desc a:after {
  content: "";
  display: inline-block;
  width: 1em;
  height: 1em;
  background-size: 12px;
  background-repeat: no-repeat;
  background-position: 3px;
  background-image: url(../img/nav/arrow-up.svg);
}
table thead th.desc a:after {
  background-image: url(../img/nav/arrow-down.svg);
}
table tbody {
  border-top: 2px solid #0f0f0f;
}
table tbody tbody {
  border-top: 0;
}
table tbody tr {
  border-bottom: 1px solid #d5d5d5;
}
table tbody tr tr:last-child {
  border-bottom: 0;
}
table > tbody > tr > th, table > tbody > tr > td {
  border: 1px solid #d5d5d5;
}

.table-wrapper {
  overflow: auto;
  padding: 1px;
  width: 100%;
  /**
   * Scrolling shadows by @kizmarh and @leaverou
   * Only works in browsers supporting background-attachment: local; & CSS gradients
   * https://lea.verou.me/2012/04/background-attachment-local/
   * https://dabblet.com/gist/2462915
   */
  background: linear-gradient(90deg, white 30%, rgba(255, 255, 255, 0)), linear-gradient(90deg, rgba(255, 255, 255, 0), white 70%) 100% 0, radial-gradient(farthest-corner at 0 50%, rgba(0, 0, 0, 0.07), rgba(0, 0, 0, 0)), radial-gradient(farthest-corner at 100% 50%, rgba(0, 0, 0, 0.07), rgba(0, 0, 0, 0)) 100% 0;
  background-repeat: no-repeat;
  background-color: white;
  background-size: 40px 100%, 40px 100%, 14px 100%, 14px 100%;
  background-attachment: local, local, scroll, scroll;
  /*table {
  	@media only screen and (min-width: 1800px) {
  		width: 100%;
  	}

  	@media only screen and (min-width: 921px) {
  		width: 780px;
  	}
  }*/
}

/*@import "ZebraTable";*/
/** Qlik Brand Colors **/
/** Qlik Brand Colors 2024 **/
/** Other UI Colors **/
/** Search Highlight Colors **/
/** Typography **/
/** Spacing **/
/** Media queries **/
/* 991px */
/* 992px */
@media only screen and (min-width: 921px) {
  .main {
    scroll-behavior: smooth;
    overflow: hidden;
  }

  main {
    height: calc(100vh - 112px);
    position: relative;
    overflow: auto;
  }
  .show-announcement-banner main {
    height: calc(100vh - 148px);
  }
  main.qcs {
    height: calc(100vh - 164px);
  }
}
@media only screen and (min-width: 921px) and (max-width: 1150px) and (min-width: 921px) {
  main.qcs {
    height: calc(100vh - calc(164px - 5px));
  }
}
@media only screen and (min-width: 921px) {
  .preview main.qcs {
    height: calc(100vh - 216px);
  }
}
@media only screen and (min-width: 921px) and (max-width: 1150px) and (min-width: 921px) {
  .preview main.qcs {
    height: calc(100vh - calc(216px - 7px));
  }
}
@media only screen and (min-width: 921px) {
  main.preview {
    height: calc(100vh - 164px);
  }
}
body.error {
  padding-top: 3em;
}

body, html {
  scroll-behavior: smooth;
}

::-webkit-scrollbar {
  width: 10px;
  height: 10px;
}

::-webkit-scrollbar-button {
  width: 0;
  height: 0;
  display: none;
}

::-webkit-scrollbar-corner {
  background-color: transparent;
}

::-webkit-scrollbar-thumb {
  background-color: rgba(0, 0, 0, 0.2);
  -webkit-box-shadow: inset 1px 1px 0 rgba(0, 0, 0, 0.1), inset 0 -1px 0 rgba(0, 0, 0, 0.07);
  box-shadow: inset 1px 1px 0 rgba(0, 0, 0, 0.1), inset 0 -1px 0 rgba(0, 0, 0, 0.07);
}

.visually-hidden {
  /* https://snook.ca/archives/html_and_css/hiding-content-for-accessibility */
  position: absolute !important;
  height: 1px;
  width: 1px;
  overflow: hidden;
  clip: rect(1px 1px 1px 1px);
  /* IE6, IE7 */
  clip: rect(1px, 1px, 1px, 1px);
}

.content {
  padding: 0;
  display: flex;
}
@media only screen and (max-width: 920px) {
  .content {
    display: block;
  }
}
.content .navigation-pane {
  -webkit-overflow-scrolling: touch;
  position: absolute;
  top: 0;
  bottom: 0;
  padding: 0;
  left: 0;
  order: 1;
  /*.show-announcement-banner & {
  	top: $main-top-with-banner;
  }*/
  /*.show-announcement-banner.breadcrumb & {
  	top: $main-top-with-banner-crumbs;
  }*/
}
.breadcrumb .content .navigation-pane {
  top: 157px;
}
@media only screen and (min-width: 921px) {
  .content .navigation-pane {
    overflow: auto;
    padding: 0 10px;
  }
}
@media only screen and (max-width: 920px) {
  .content .navigation-pane {
    background: #ffffff;
    position: static;
    width: auto;
  }
}
.hidden-toc .content .navigation-pane {
  width: 55px;
  text-align: center;
}
@media only screen and (max-width: 920px) {
  .hidden-toc .content .navigation-pane {
    width: unset;
  }
}
.hidden-toc .content .navigation-pane > .navigation {
  display: none;
}
@media only screen and (max-width: 920px) {
  .hidden-toc .content .navigation-pane > .navigation {
    display: block;
  }
}
.content > main {
  -webkit-overflow-scrolling: touch;
  border: 1px solid #c4cfda;
  background-color: #ffffff;
}
.content > main .article {
  min-height: 550px;
  margin: 0 20px;
  padding-bottom: 16px;
}
@media only screen and (min-width: 921px) {
  .content > main .article {
    /*border-left: 1px solid $gray-2;*/
  }
}
@media only screen and (max-width: 920px) {
  .content > main .article {
    padding: 0 0 20px;
  }
}
@media only screen and (max-width: 920px) {
  .content > main {
    width: 100%;
    margin: 0;
    border: 0;
  }
}
.content > main a {
  color: #006937;
}

@media only screen and (min-width: 921px) {
  #wrap {
    position: relative;
    display: flex;
    flex-direction: column;
    height: 100%;
    /*.show-announcement-banner & {
    	margin-top: $main-top-with-banner;
    }*/
    /*.show-announcement-banner.breadcrumb & {
    	margin-top: $main-top-with-banner-crumbs;
    }*/
    /*.show-announcement-banner &.onboardingpage {
    	margin-top: $main-top;
    }*/
  }
  .breadcrumb #wrap {
    margin-top: 157px;
  }
  .no-nav #wrap, .workflow #wrap {
    margin-top: 0;
  }
  .no-nav #wrap {
    padding: 20px;
  }
}
#wrap .main {
  background: #efefef;
}
#wrap .main .container.content {
  width: 100%;
  background: #efefef;
}
@media only screen and (max-width: 920px) {
  #wrap .main .container.content {
    background: #fff;
  }
}
@media only screen and (min-width: 1366px) {
  #wrap .main main#main {
    width: 920px;
  }
  .search-page #wrap .main main#main, .videos-page #wrap .main main#main, #wrap .main main#main.videos {
    width: 100%;
  }
  #wrap .main main#main.hidden-toc {
    width: 100%;
    margin-left: 55px;
  }
}
@media only screen and (max-width: 920px) {
  #wrap .main main#main {
    width: 100%;
    height: 100%;
  }
}
@media only screen and (max-width: 1366px) and (min-width: 1150px) {
  #wrap .main main#main {
    margin-left: 330px;
  }
  .search-page #wrap .main main#main, .videos-page #wrap .main main#main {
    width: 100%;
  }
}
@media only screen and (min-width: 1366px) {
  #wrap .main.hidden-toc main#main {
    width: 100%;
    margin-left: 55px;
  }
}
@media only screen and (max-width: 1366px) and (min-width: 1150px) {
  #wrap .main.hidden-toc main#main {
    width: 100%;
    margin-left: 55px;
  }
}

@media only screen and (max-width: 1366px) and (min-width: 1150px) {
  .navigation-pane {
    width: 330px;
  }

  .hidden-toc .navigation-pane {
    width: 55px;
    text-align: center;
  }
}
@media only screen and (min-width: 921px) {
  .page main {
    overflow: hidden;
    position: relative;
  }
  .page .navigation-pane {
    -webkit-overflow-scrolling: touch;
    overflow: auto;
  }
  .page .content-pane {
    -webkit-overflow-scrolling: touch;
    overflow: auto;
    height: 100%;
  }
  .page .content-pane > main {
    padding: 0 10px;
  }
  .page footer {
    border-right: 1px solid #e1e1e1;
  }
}
footer {
  background: #f6f7f8;
  padding: 80px 0 80px 0;
  position: relative;
  color: #9fa1a4;
}
footer.flare {
  padding: 40px 20px 40px 20px;
}
footer h2 {
  color: #19426C;
}
footer .row {
  margin: 0;
}
footer .row footer .row {
  height: 100%;
}
footer a, .onboardingpage footer a, footer.flare a {
  color: #0f0f0f;
  font-weight: 400;
  font-size: 1em;
  text-decoration: none;
}
footer a:hover, .onboardingpage footer a:hover, footer.flare a:hover {
  color: #009845;
  text-decoration: underline;
}
footer a:focus, .onboardingpage footer a:focus, footer.flare a:focus {
  outline: 2px dotted #555;
}
footer a[href^="tel:"], .onboardingpage footer a[href^="tel:"], footer.flare a[href^="tel:"] {
  speak: digits;
  speak-numeral: digits;
  speak-as: digits;
  font-weight: 600;
}
footer .tel {
  font-weight: normal;
  text-decoration: none;
  content: "☎";
  position: absolute;
  left: -3px;
  speak: none;
}
footer h4, footer h2 {
  font-size: 15px;
  font-weight: 600;
  text-transform: uppercase;
}
footer p {
  font-size: 0.929em;
  margin-top: 15px;
}
footer ul {
  list-style: none;
  padding: 0;
}
footer ul li {
  margin-bottom: 15px;
}
footer li.social-links {
  display: inline-block;
}
footer li.social-links:before, footer li.social-links:after {
  content: " ";
  display: table;
}
footer li.social-links:after {
  clear: both;
}
footer li.social-links a {
  border: 2px dotted transparent;
  border-radius: 20px;
  padding: 3px;
  float: left;
  font-size: 14px;
}
footer li.social-links a:focus {
  border-color: #fff;
}
footer li.social-links img {
  vertical-align: middle;
  width: 24px;
  height: 24px;
}
footer .copyright {
  color: #9fa1a4;
}
footer .legal {
  line-height: 12px;
}
footer .optanon-toggle-display {
  border: none !important;
  background: none !important;
  padding: 0 !important;
  font: inherit;
  cursor: pointer;
  outline: inherit;
  font-weight: 400;
  color: #333 !important;
  font-size: 1em !important;
}
footer .optanon-toggle-display:hover {
  text-decoration: underline;
  color: #009845 !important;
  background: none !important;
}

footer.flare {
  padding: 30px 0;
}
footer.flare .footerbox {
  padding: 0 35px;
}
footer.flare p {
  color: #666;
}

#topicContent .row .link-list-arrows li a {
  color: #006937;
  border-bottom: none;
}

#topicContent .row.gray .col-4, #topicContent .row.gray .col-6, #topicContent .row.light .col-4, #topicContent .row.light .col-6 {
  padding-left: 15px;
}

@media only screen and (max-width: 1150px) and (min-width: 921px) {
  .content .navigation-pane {
    width: 55px;
    /*.hide-toc {
    	margin-left:3px;
    	background-image: url('../img/nav/open-toc-2021.svg');
    }*/
  }
  .content .navigation-pane .navigation {
    display: none;
  }
  .unminified-toc .content .navigation-pane {
    width: 330px;
    /*.hide-toc {
    	background-image: url('../img/nav/close-toc-2021.svg')!important;
    	margin-left:20px!important;
    }*/
  }
  .unminified-toc .content .navigation-pane .navigation {
    display: block;
  }

  #wrap .main main#main {
    width: 100%;
    margin-left: 55px;
  }
  #wrap .main.unminified-toc main#main {
    margin-left: 330px;
  }
}
@media only screen and (max-width: 920px) {
  aside#related-workflows {
    display: none;
  }
}
.wrapping {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(30%, 1fr));
  column-gap: 16px;
  row-gap: 16px;
  position: relative;
  margin: 8px 0;
}
@media only screen and (max-width: 920px) {
  .wrapping {
    grid-template-columns: repeat(auto-fill, minmax(100%, 1fr));
  }
}
@media only screen and (max-width: 1320px) and (min-width: 921px) {
  .wrapping {
    grid-template-columns: repeat(auto-fill, minmax(40%, 1fr));
  }
}
.hidden-toc .wrapping {
  grid-template-columns: repeat(auto-fill, minmax(20%, 1fr));
}
@media only screen and (max-width: 920px) {
  .hidden-toc .wrapping {
    grid-template-columns: repeat(auto-fill, minmax(100%, 1fr));
  }
}
.wrapping.grid-4columns {
  grid-template-columns: repeat(auto-fill, minmax(20%, 1fr));
}
@media only screen and (max-width: 1366px) {
  .wrapping.grid-4columns {
    grid-template-columns: repeat(auto-fill, minmax(30%, 1fr));
  }
}
@media only screen and (max-width: 920px) {
  .wrapping.grid-4columns {
    grid-template-columns: repeat(auto-fill, minmax(100%, 1fr));
  }
}

.xbox {
  margin-left: 7px;
}

.disclaimer {
  text-align: center;
  background: #ffc72a;
  padding: 4px 10px;
  font-size: 15px;
}
.mobile-menu-open .disclaimer {
  display: none;
}
.disclaimer.alpha {
  background: #10cfc9;
}

.search-extras.regular {
  background-color: #006580;
  color: #fff;
  padding: 32px;
  margin-top: 32px;
  background-image: url(../img/portal/contrail-01-right-2024-2.png);
  background-repeat: no-repeat;
  background-position: top right;
  background-size: contain;
  margin-left: -15px;
  margin-right: -15px;
}
@media only screen and (max-width: 1366px) {
  .search-extras.regular {
    background-position: bottom right;
    background-size: cover;
  }
}
@media only screen and (max-width: 501px) and (orientation:portrait) {
  .search-extras.regular {
    background-image: none;
  }
}
.search-extras.regular p {
  margin-top: 12px;
  line-height: 1.2;
  width: 60%;
}
@media only screen and (max-width: 920px) {
  .search-extras.regular p {
    width: 50%;
  }
}
@media only screen and (max-width: 501px) and (orientation:portrait) {
  .search-extras.regular p {
    width: 100%;
  }
}
.search-extras.regular h2 {
  margin-top: 0;
  margin-bottom: 0;
  font-size: 1.2em;
}
.search-extras.regular .search-feedback {
  display: block;
}
.search-extras.regular .search-feedback .search-feedback-button {
  margin-top: 16px;
  padding: 10px 20px;
  border-radius: 30px;
  background: #fff;
  color: #006580;
  text-decoration: none;
  font-weight: 700;
  display: inline-block;
}
.search-extras.regular .search-feedback .search-feedback-button:hover {
  background: #fff;
  text-decoration: underline;
  color: #009845;
}
.search-extras.regular .search-feedback .search-feedback-button:focus {
  outline: 2px dotted #fff;
}
.search-extras.regular .search-feedback .search-feedback-button::after {
  display: none;
}

.search-feedback-wrapper a.search-feedback-close:after {
  display: none;
}

.lite-element {
  display: inline-block;
  color: #fff;
}
.lite-element a {
  font-weight: 600;
  font-size: 0.6em;
  padding: 12px 45px 12px 15px;
  background-image: url(../img/icons/lite_outline.svg);
  content: "";
  background-repeat: no-repeat;
  background-position: center right 20px;
  background-size: 20px;
  position: relative;
  top: -10px;
  margin-left: 12px;
  background-color: #008936;
  text-align: center;
  border-radius: 30px;
  color: #fff !important;
  text-decoration: none !important;
  transition: background-color 0.1s ease-out;
}
.lite-element a::after {
  content: "Lite";
}
.lite-element a:hover {
  background-color: #156037;
}

/** Qlik Brand Colors **/
/** Qlik Brand Colors 2024 **/
/** Other UI Colors **/
/** Search Highlight Colors **/
/** Typography **/
/** Spacing **/
/** Media queries **/
/* 991px */
/* 992px */
.glossaryTerm {
  cursor: help;
  color: #284885;
  text-decoration: none !important;
  border-bottom: 1px dotted;
  position: relative;
  display: inline;
}
.glossaryTerm:after {
  content: none !important;
}

.glossaryBlock {
  visibility: hidden;
  opacity: 0;
  transition: visibility 0s, opacity 0.15s ease-in-out;
  background: #fff;
  padding: 24px !important;
  color: #222;
  width: 400px;
  margin-top: 10px;
  font-size: 15px;
  position: absolute;
  z-index: 3;
  box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.65);
  border: 1px solid #1c355a;
}
.glossaryBlock[aria-hidden=false] {
  visibility: visible;
  opacity: 1;
}
.glossaryBlock h2 {
  font-size: 1.4em;
  color: #222;
  margin: 0;
}
.glossaryBlock a {
  color: #006937;
}
.glossaryBlock::after {
  border-bottom-color: #fff;
  border-width: 15px;
  margin-left: -15px;
}
@media only screen and (max-width: 920px) {
  .glossaryBlock {
    width: 320px;
  }
}
@media only screen and (max-width: 501px) and (orientation:portrait) {
  .glossaryBlock {
    width: 250px;
  }
}
.glossaryBlock .arrow {
  display: block;
  position: absolute;
  left: 27px;
  bottom: 100%;
  width: 30px;
  height: 15px;
}
.glossaryBlock .arrow:after, .glossaryBlock .arrow:before {
  bottom: 0;
  left: 50%;
  border: solid transparent;
  content: "";
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none;
}
.glossaryBlock .arrow:after {
  border-bottom-color: #fff;
  border-width: 15px;
  margin-left: -15px;
}
.glossaryBlock .arrow:before {
  border-bottom-color: #1c355a;
  border-width: 16px;
  margin-left: -16px;
}
.glossaryBlock .gloss-closer {
  position: relative;
  display: block;
  left: 95%;
  width: 16px;
  height: 16px;
  background: url("../img/icons/closeme-dark.svg") no-repeat;
  z-index: 3;
  transition: outline-offset 0.15s ease;
  outline-offset: -6px;
}
.glossaryBlock .gloss-closer:focus {
  outline: dotted 2px #4b4b4b;
  outline-offset: 3px;
}
.glossaryBlock .gloss-closer:hover {
  cursor: pointer;
}
.glossaryBlock .glossaryContent {
  float: left;
  margin-top: -15px;
}

/** Qlik Brand Colors **/
/** Qlik Brand Colors 2024 **/
/** Other UI Colors **/
/** Search Highlight Colors **/
/** Typography **/
/** Spacing **/
/** Media queries **/
/* 991px */
/* 992px */
header.hidden-mobile {
  border-bottom: 1px solid #e1e1e1;
  background: #ffffff;
  position: fixed;
  z-index: 2;
  top: 0;
  left: 0;
  right: 0;
  height: 85px;
}
header.hidden-mobile .col-6 {
  position: relative;
  padding-top: 10px;
  height: 100%;
}

header.hidden-desktop {
  background: #ffffff;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  height: 115px;
  z-index: 2;
}

.mobile-main-nav {
  border-top: 1px solid #e1e1e1;
  border-bottom: 1px solid #e1e1e1;
  overflow: hidden;
  background-color: #ffffff;
  position: absolute;
  bottom: -1px;
  left: 0;
  right: 0;
  /*&.fixed {
  	position: fixed;
  	top: 0;
  	margin: 0;
  	z-index: 10;
  	width: 100%;
  }*/
}
.mobile-main-nav button {
  height: 50px;
  width: 50px;
  margin: 0;
  padding: 0;
  background: #f4f4f4;
  border: none;
  border-right: 1px solid #e1e1e1;
  text-align: center;
  float: left;
}
.mobile-main-nav button:before, .mobile-main-nav button span {
  background-repeat: no-repeat;
  background-position: center;
  background-size: 22px;
  text-align: left;
  display: inline-block;
  content: "";
  padding: 0;
  margin: 0;
  width: 50px;
  height: 50px;
}
.mobile-main-nav button.mobile-menu-button:before {
  background-image: url("../img/nav/hamburger.svg");
}
.mobile-main-nav button.mobile-settings-button:before {
  background-image: url("../img/nav/settings.svg");
}
.mobile-main-nav button.search-button {
  background: #009845;
  float: right;
  border: none;
}
.mobile-main-nav button.search-button:before {
  background-image: url("../img/nav/search.svg");
}
.mobile-main-nav .search-text {
  height: 50px;
  padding: 0 10px;
  font-size: 1.1em;
  width: calc(100% - 173px);
  border: none;
}

.typemark, .typemark:hover {
  color: #54565a;
  font-size: 1.2em;
  font-weight: 300;
  text-decoration: none;
  margin-left: 0.2em;
}
@media only screen and (max-width: 920px) {
  .typemark, .typemark:hover {
    margin: 0;
    margin-bottom: 0.5em;
    font-size: 1em;
  }
}

.mobile-logo {
  text-align: center;
  margin: 5px auto;
}

/** Qlik Brand Colors **/
/** Qlik Brand Colors 2024 **/
/** Other UI Colors **/
/** Search Highlight Colors **/
/** Typography **/
/** Spacing **/
/** Media queries **/
/* 991px */
/* 992px */
aside.navigation nav {
  font-size: 0.875em;
  margin: 5px 10px;
  margin-bottom: 75px;
}
aside.navigation .page-action-items {
  display: none;
}
aside.navigation .tree-header {
  margin: 35px 5px 0 20px;
}
aside.navigation .tree-header h1 {
  font-size: 2em;
  font-weight: 600;
  margin-top: 25px;
}
aside.navigation .tree-header h2 {
  font-size: 1.4em;
  font-size: 28px;
  font-weight: 600;
  margin-top: 20px;
  margin-bottom: 8px;
}
aside.navigation .tree-header h2 a {
  display: inline-block;
  color: #404040;
}
@media only screen and (max-width: 1366px) {
  aside.navigation .tree-header h2 {
    font-size: 24px;
  }
}
aside.navigation .tree-header h2.blendr {
  font-size: 23px;
}
@media only screen and (max-width: 920px) {
  aside.navigation .tree-header h2, aside.navigation .tree-header h2.blendr {
    font-size: 20px;
    font-weight: 600;
  }
}
aside.navigation .tree-header h2 .sub {
  color: #0f0f0f;
  font-size: 0.6em;
  display: block;
  margin-top: -4px;
  margin-bottom: -4px;
}
@media only screen and (max-width: 920px) {
  aside.navigation .tree-header h2 .sub {
    display: inline;
    font-size: 18px;
  }
}
aside.navigation .tree-header .lower {
  text-transform: lowercase;
}
aside.navigation .tree-header .content-button {
  display: none;
}
aside.navigation .tree-header .content-button button {
  background-image: url(../img/nav/hamburger-sub.svg);
  background-color: transparent;
  background-repeat: no-repeat;
  background-position: center;
  background-size: 20px;
  transition: background-size ease-in-out 75ms;
  z-index: 1;
  height: 38px;
  width: 30px;
  float: left;
  border: 0;
}
aside.navigation .tree-header .content-button.close {
  margin-right: 5px;
}
aside.navigation .tree-header .content-button.close button {
  background-image: url(../img/nav/close3-brand-grey.svg);
  background-size: 24px;
}
@media only screen and (max-width: 920px) {
  aside.navigation .tree-header .content-button {
    display: block;
  }
  body.showTree aside.navigation .tree-header .content-button {
    display: none;
  }
  aside.navigation .tree-header .content-button.close {
    display: none;
  }
  body.showTree aside.navigation .tree-header .content-button.close {
    display: block;
  }
}
aside.navigation .tree-header .navigation-help {
  background-image: url(../img/nav/arrow-nav-indicator.svg);
  background-position: center top;
  background-repeat: no-repeat;
  position: absolute;
  height: 39px;
  margin-left: 10px;
  margin-top: 0;
  right: 30px;
  top: 30px;
  vertical-align: middle;
  display: none;
}
aside.navigation .tree-header .navigation-help.show {
  display: block;
}
@media only screen and (max-width: 920px) {
  aside.navigation .tree-header .navigation-help {
    display: none;
  }
}
aside.navigation .tree-header .navigation-help p {
  font-size: 12px;
  text-transform: uppercase;
  margin-top: 22px;
  text-align: center;
}
aside.navigation .tree-header .version-selector + .navigation-help {
  top: 115px;
}
@media only screen and (max-width: 920px) {
  aside.navigation .tree-header {
    background-color: none;
    padding: 1px 10px;
    margin: 0;
    display: table;
    width: 100%;
    margin-bottom: 15px;
    /*.website-name, .version-selector, .content-button, .page-action-items {
    	vertical-align: middle;
    	display: table-cell;
    }*/
  }
  .showTree aside.navigation .tree-header {
    background-color: #f4f4f4;
    padding: 1px 15px;
  }
  aside.navigation .tree-header .header-items {
    display: flex;
    align-items: center;
  }
  aside.navigation .tree-header .header-items .page-action-items {
    flex-grow: 0;
    display: inline-block;
  }
  aside.navigation .tree-header .header-items .page-action-items button {
    background: transparent;
    box-shadow: 0px 0px 0px transparent;
    border: 0px solid transparent;
    text-shadow: 0px 0px 0px transparent;
  }
  aside.navigation .tree-header .header-items .page-action-items .show-items {
    background-image: url(../img/nav/3rd-col-brand-grey.svg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: 5px;
    margin: 0 10px;
    position: relative;
    display: block;
    height: 36px;
    width: 36px;
    z-index: 0;
  }
  body.showTree aside.navigation .tree-header .header-items .page-action-items .show-items {
    display: none;
  }
  aside.navigation .tree-header .header-items .page-action-items .show-items.clicked {
    background-image: url(../img/nav/close3.svg);
    position: absolute;
    top: -85px;
    right: 30px;
    margin-left: 0;
    z-index: 3;
    height: 24px;
    width: 24px;
    background-size: 24px;
  }
  aside.navigation .tree-header .header-items .page-action-items .show-items:focus {
    outline-offset: 3px;
    outline: 2px dotted #0f0f0f;
  }
  aside.navigation .tree-header .header-items .version-selector button {
    float: left;
    font-size: 14px;
  }
  aside.navigation .tree-header .header-items .content-button {
    margin-left: 15px;
    flex-grow: 0;
    width: 42px;
  }
  aside.navigation .tree-header .header-items .content-button.close {
    margin-left: 0;
    width: 22px;
  }
  aside.navigation .tree-header .website-name {
    flex-grow: 1;
    text-align: left;
    display: none;
  }
  .showTree aside.navigation .tree-header .website-name {
    display: block;
  }
  aside.navigation .tree-header, aside.navigation .tree-header h1 {
    margin-bottom: 0;
  }
  .showTree aside.navigation .tree-header + nav {
    border-top: 1px solid #ccc;
  }
}
aside.navigation .horizontal-nav-close-button {
  display: none;
}
@media only screen and (max-width: 920px) {
  aside.navigation {
    background-color: none;
    border-bottom: none;
    position: absolute;
    margin-top: 10px;
  }
  aside.navigation nav {
    margin: 0 15px;
  }
  .showTree aside.navigation {
    background-color: #f4f4f4;
    border-bottom: 1px solid #ccc;
    position: unset;
    margin-top: 0;
  }
  .horizontal-nav-open aside.navigation {
    transition: transform ease-in-out 250ms;
    transform: translate(101%, 0);
    position: fixed;
    z-index: 10;
    top: 115px;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #30557a;
  }
  .horizontal-nav-open aside.navigation .tree-header {
    display: none;
  }
  .horizontal-nav-open aside.navigation.init {
    transition: none;
  }
  .horizontal-nav-open.showTree aside.navigation {
    transform: translate(0, 0);
    overflow: auto;
  }
  .horizontal-nav-open.showTree aside.navigation .horizontal-nav-close-button {
    display: block;
    background-image: url(../img/nav/close-toc-white.svg);
    border: none;
    color: #fff;
    background-color: unset;
    background-repeat: no-repeat;
    padding-left: 27px;
    margin-left: 8px;
    margin-top: 5px;
  }
  .horizontal-nav-open.showTree aside.navigation .horizontal-nav-close-button:focus {
    outline: 2px dotted #fff;
  }
  .horizontal-nav-open.showTree aside.navigation ul[role=tree]:focus [aria-selected=true] > a {
    outline: dotted 2px #fff;
  }
  .horizontal-nav-open.showTree aside.navigation [aria-expanded=true] .toggle {
    background-image: url("../img/nav/light-arrow-down-white.svg");
  }
  .horizontal-nav-open.showTree aside.navigation [aria-expanded=false] .toggle {
    background-image: url("../img/nav/light-arrow-right-white.svg");
  }
  .horizontal-nav-open.showTree aside.navigation [role=treeitem] a {
    color: #fff;
    padding-left: 22px;
  }
  .horizontal-nav-open.showTree aside.navigation li[role=treeitem][aria-expanded] {
    padding-left: 19px;
  }
  .horizontal-nav-open.showTree aside.navigation ul[role=tree] {
    margin-top: 0;
  }
  .horizontal-nav-open.showTree aside.navigation ul[role=group] {
    margin-left: 0;
  }
  .horizontal-nav-open.showTree aside.navigation .toggle {
    left: 16px;
  }
  .horizontal-nav-open.showTree aside.navigation .active > a {
    color: #4b42ba;
    border-left: 0;
    margin-left: 5px;
    padding-left: 15px;
  }
  .horizontal-nav-open.showTree aside.navigation .active .toggle {
    left: 20px;
  }
  .horizontal-nav-open.showTree aside.navigation .active > .toggle {
    left: 17px;
  }
  .horizontal-nav-open.showTree aside.navigation .active > .toggle + a {
    padding-left: 30px;
    margin-left: -10px;
  }
  .horizontal-nav-open.showTree aside.navigation .active[aria-expanded=false] .toggle {
    background-image: url("../img/nav/light-arrow-right-pers.svg");
  }
  .horizontal-nav-open.showTree aside.navigation .active[aria-expanded=true] > .toggle {
    background-image: url("../img/nav/light-arrow-down-pers.svg");
  }
  .horizontal-nav-open.showTree aside.navigation .active [aria-expanded=true] > .toggle {
    background-image: url("../img/nav/light-arrow-down-white.svg");
  }
}
aside.navigation #website-name-header .version {
  display: none;
  font-size: 16px;
  font-weight: 400;
}
@media only screen and (max-width: 920px) {
  aside.navigation #website-name-header {
    margin-left: 15px;
  }
  aside.navigation #website-name-header .version {
    display: block;
  }
}
aside.navigation .toggle {
  background-size: 9px;
  background-position: left center;
  background-repeat: no-repeat;
  position: absolute;
  cursor: pointer;
  height: 20px;
  width: 10px;
  top: 10px;
  box-shadow: none;
}
@media only screen and (max-width: 920px) {
  aside.navigation .toggle {
    background-size: 16px;
    height: 16px;
    width: 16px;
    top: 12px;
    left: 12px;
  }
}
aside.navigation [aria-expanded=true] .toggle {
  background-image: url("../img/nav/light-arrow-down.svg");
}
aside.navigation [aria-expanded=false] .toggle {
  background-image: url("../img/nav/light-arrow-right.svg");
}
aside.navigation ul[role=tree] {
  padding: 0;
  padding-top: 10px;
}
aside.navigation ul[role=tree], aside.navigation ul[role=tree] li {
  margin: 0;
  list-style: none;
  position: relative;
}
aside.navigation ul[role=tree] li {
  padding: 0;
  padding: 8px 0;
  font-size: 14px;
  font-weight: 400;
}
aside.navigation ul[role=tree] a:hover {
  text-decoration: underline;
}
@media only screen and (max-width: 920px) {
  aside.navigation ul[role=tree] {
    display: none;
  }
  .showTree aside.navigation ul[role=tree] {
    display: block;
    padding-bottom: 15px;
    margin-top: 5px;
  }
  aside.navigation ul[role=tree]#tree-level2 {
    display: block;
  }
}
aside.navigation ul[role=tree][aria-hidden=true] {
  display: none;
}
@media only screen and (max-width: 920px) {
  aside.navigation ul[role=tree][aria-hidden=true] {
    display: block;
  }
}
aside.navigation ul[role=tree]:focus {
  outline: none;
}
aside.navigation ul[role=tree]:focus [aria-selected=true] > a {
  outline: 2px dotted #4b4b4b;
  outline-offset: 3px;
}
.horizontal-nav-open aside.navigation ul[role=tree]:focus [aria-selected=true] > a {
  outline-color: #fff;
}
aside.navigation ul[role=group] {
  margin: 0;
  padding: 0;
  margin-left: 1em;
}
aside.navigation [role=treeitem], aside.navigation [role=treeitem] a {
  color: #0f0f0f;
  display: block;
  cursor: pointer;
  padding-left: 13px;
  outline: none;
}
aside.navigation [role=treeitem] a {
  font-weight: 500;
}
@media only screen and (max-width: 920px) {
  aside.navigation [role=treeitem] {
    padding-left: 22px;
    margin-bottom: 25px;
  }
}
@media only screen and (max-width: 920px) {
  aside.navigation [role=treeitem][aria-expanded] > a {
    padding-left: 35px;
  }
}
aside.navigation [role=treeitem][aria-expanded=false] > ul {
  display: none;
}
aside.navigation [role=treeitem][aria-expanded=true] > ul {
  display: block;
}
aside.navigation .active > a {
  border-left: 3px solid #009845;
  background-color: #ffffff;
  color: #4b4b4b;
  font-weight: 600;
  padding-top: 3px;
  padding-bottom: 3px;
  margin-left: -10px;
}
@media only screen and (max-width: 920px) {
  aside.navigation .active > a {
    padding-top: 5px;
    padding-bottom: 5px;
    margin-left: -2px;
  }
}
aside.navigation .active > .toggle {
  top: 14px;
  left: 1px;
}
@media only screen and (max-width: 920px) {
  aside.navigation .active > .toggle {
    top: 18px;
    left: 11px;
  }
}
@media only screen and (min-width: 921px) {
  aside.navigation .active[aria-expanded] > a {
    padding-left: 25px;
  }
}

.hide-toc {
  display: inline-block;
  position: absolute;
  background-repeat: no-repeat;
  background-position: center center;
  z-index: 1;
  background-image: url("../img/nav/close-toc-white.svg");
  transition: background-color linear 250ms;
  background-size: 26px;
  background-color: #888;
  border: 0;
  border-radius: 16px;
  border-bottom-right-radius: 0;
  border-top-right-radius: 0;
  border-right: 0;
  height: 34px;
  width: 30px;
  position: fixed;
  margin-top: 16px;
  left: calc(25% - 30px);
}
.hide-toc:hover {
  background-color: #009845;
}
.hide-toc:focus {
  outline: none !important;
}
.hide-toc:focus:after {
  border: 2px dotted #4b4b4b;
  content: "";
  display: block;
  position: absolute;
  border-radius: 18px;
  border-bottom-right-radius: 0;
  border-top-right-radius: 0;
  border-right: 0;
  top: -2px;
  left: -2px;
  width: 32px;
  height: 38px;
}
@media only screen and (max-width: 1150px) and (min-width: 921px) {
  .hide-toc {
    background-image: url("../img/nav/hamburger-sub.svg");
    background-size: 26px;
    transition: none;
    border: 0;
    border-radius: 0;
    background-color: transparent;
    position: relative;
    width: 30px;
    height: 30px;
    right: auto;
    left: auto;
  }
  .hide-toc:focus:after {
    border: 2px dotted #4b4b4b;
    position: absolute;
    border-radius: 0;
    top: -6px;
    left: -6px;
    width: 42px;
    height: 42px;
  }
  .hide-toc:hover {
    background-color: transparent;
  }
}
.hidden-toc .hide-toc {
  background-image: url("../img/nav/hamburger-sub.svg");
  background-size: 26px;
  transition: none;
  border: 0;
  border-radius: 0;
  background-color: transparent;
  position: relative;
  width: 30px;
  height: 30px;
  right: auto;
  left: auto;
}
.hidden-toc .hide-toc:focus:after {
  border: 2px dotted #4b4b4b;
  position: absolute;
  border-radius: 0;
  top: -6px;
  left: -6px;
  width: 42px;
  height: 42px;
}
.hidden-toc .hide-toc:hover {
  background-color: transparent;
}
@media only screen and (max-width: 1150px) and (min-width: 921px) {
  .unminified-toc .hide-toc {
    background-image: url("../img/nav/close-toc-white.svg");
    transition: background-color linear 250ms;
    background-size: 26px;
    background-color: #888;
    border: 0;
    border-radius: 16px;
    border-bottom-right-radius: 0;
    border-top-right-radius: 0;
    border-right: 0;
    height: 34px;
    width: 30px;
    position: fixed;
    margin-top: 16px;
    left: calc(25% - 30px);
    left: 300px;
  }
  .unminified-toc .hide-toc:focus:after {
    border-radius: 18px;
    top: -2px;
    left: -2px;
    width: 32px;
    height: 38px;
    border-bottom-right-radius: 0;
    border-top-right-radius: 0;
    border-right: 0;
  }
  .unminified-toc .hide-toc:hover {
    background-color: #009845;
  }
}
@media only screen and (max-width: 1366px) and (min-width: 1151px) {
  .hide-toc {
    left: 300px;
  }
}
@media only screen and (max-width: 920px) {
  .hide-toc {
    display: none;
  }
}

.horizontal-nav-open {
  overflow: hidden;
}

.horizontal-nav {
  background-color: #19426C;
  padding: 10px 22px;
  color: #fff;
  font-size: 0.92em;
}
.horizontal-nav a {
  color: #fff;
  font-weight: 600;
}
.horizontal-nav a:hover {
  text-decoration: underline;
}
.horizontal-nav a.active {
  text-decoration: underline;
}
.horizontal-nav a :focus {
  outline: 2px dotted #fff;
}
.horizontal-nav a.see-also-link-external::after {
  background-image: url("../img/nav/external-link-white.svg");
}
.horizontal-nav h2 {
  font-size: 1.5em;
  display: inline;
}
.horizontal-nav h2 :focus {
  outline: 2px dotted #fff;
}
@media only screen and (max-width: 1150px) and (min-width: 921px) {
  .horizontal-nav h2 {
    font-size: 18px;
  }
}
.horizontal-nav h2 a:hover {
  text-decoration: none;
}
.horizontal-nav ul {
  margin: 0;
  padding: 0;
  display: inline;
}
.horizontal-nav ul li {
  display: inline-block;
  margin: 0 10px;
}
.horizontal-nav ul li a:focus {
  outline: 2px dotted #fff;
}
@media only screen and (max-width: 1150px) and (min-width: 921px) {
  .horizontal-nav ul li {
    margin-right: 0;
  }
  .horizontal-nav ul li a {
    font-size: 14px;
  }
}
@media only screen and (min-width: 921px) {
  .horizontal-nav ul li.selected {
    text-decoration: underline 2px solid #fff;
  }
}
.horizontal-nav ul ul.sub-nav {
  display: none;
}
.horizontal-nav + .container .tree-header {
  display: none;
}
.horizontal-nav aside.navigation {
  margin-top: 0;
  padding-top: 5px;
}
.horizontal-nav .nav-button {
  display: none;
}
.horizontal-nav .level1 {
  display: inline-block;
}
.horizontal-nav .level2 {
  display: none;
}
@media only screen and (max-width: 920px) {
  .horizontal-nav {
    padding: 10px 13px;
  }
  .horizontal-nav .nav-button {
    display: block;
    float: left;
    margin-right: 10px;
  }
  .horizontal-nav .nav-button :focus {
    outline: 2px dotted #fff;
  }
  .horizontal-nav .nav-button .button {
    background-image: url(../img/nav/hamburger-sub-fff.svg);
    background-color: transparent;
    background-repeat: no-repeat;
    background-position: center;
    background-size: 20px;
    transition: background-image ease-in-out 75ms;
    border: 0;
  }
  .horizontal-nav .nav-button .button :focus {
    outline: 2px dotted #fff;
  }
  .horizontal-nav .nav-button .button[aria-expanded=true] {
    background-image: url(../img/nav/close2_white.svg);
  }
  .horizontal-nav ul {
    display: none;
  }
  .horizontal-nav .level1, .horizontal-nav .level2 {
    padding: 0 15px;
    position: absolute;
    left: 0;
    right: 0;
    top: 48px;
    bottom: 0;
    overflow: auto;
    z-index: 1;
    background-color: #30557a;
    display: none;
  }
  .horizontal-nav .level1 ul li {
    border-bottom: 1px solid #aaa;
    padding-bottom: 10px;
    margin: 10px 0;
    text-decoration: none;
  }
  .horizontal-nav .level2 {
    z-index: 2;
    transition: transform ease-in-out 250ms;
    transform: translate(101%, 0);
  }
  .horizontal-nav .level2.init {
    transition: none;
  }
  .horizontal-nav .level2.active {
    transform: translate(0, 0);
  }
  .horizontal-nav-open .horizontal-nav {
    height: 100%;
    top: 60px;
    width: 100%;
    z-index: 10;
    position: fixed;
    overflow: auto;
  }
  .horizontal-nav-open .horizontal-nav .level1, .horizontal-nav-open .horizontal-nav .level2 {
    display: block;
    /*.toggle {
        top: 5px;
        left: 22px;
    }*/
  }
  .horizontal-nav-open .horizontal-nav .level1 ul li a, .horizontal-nav-open .horizontal-nav .level2 ul li a {
    color: #fff;
    font-weight: 500;
  }
  .horizontal-nav-open .horizontal-nav [aria-expanded=true] .toggle {
    background-image: url("../img/nav/light-arrow-down-white.svg");
    left: 18px;
  }
  .horizontal-nav-open .horizontal-nav [aria-expanded=false] .toggle {
    background-image: url("../img/nav/light-arrow-right-white.svg");
    left: 18px;
  }
  .horizontal-nav-open .horizontal-nav li[role=treeitem] a {
    padding-left: 22px;
  }
  .horizontal-nav-open .horizontal-nav ul {
    position: relative;
    display: block;
    padding: 0 10px;
    /*ul.sub-nav {
    	display: block;
    	//background: #547898;
    	//position: absolute;
    	top: 120px;
    	z-index: 10;
    	padding: 10px;
    	width: 100%;

    	li {
    		display: block;
    	}

    	&.open {
    		display: block;
    	}
    }*/
  }
  .horizontal-nav-open .horizontal-nav ul li {
    position: relative;
    display: block;
    margin: 13px 0;
  }
  .horizontal-nav-open .horizontal-nav ul li.hasToc {
    background-image: url(../img/nav/thin-arrow-right-white.svg);
    background-position: right 5px;
    background-repeat: no-repeat;
    background-size: 18px;
  }
  .horizontal-nav-open .horizontal-nav ul li.hasToc a {
    display: block;
  }
  .horizontal-nav-open .horizontal-nav ul li a:focus {
    outline-offset: 11px;
  }
  .horizontal-nav-open .horizontal-nav ul li a:focus[tabindex="-1"] {
    outline: 0;
  }
  .horizontal-nav-open .horizontal-nav aside.level2.navigation.active ul {
    margin-left: 0;
  }
  .horizontal-nav-open .horizontal-nav aside.level2.navigation.active li[aria-expanded] {
    padding-left: 19px;
  }
  .horizontal-nav-open .horizontal-nav aside.level2.navigation.active li[aria-expanded] ul[role=group] {
    margin-left: 12px;
  }
  .horizontal-nav-open .horizontal-nav button.back {
    display: block;
    background-image: url(../img/nav/close-toc-white.svg);
    border: none;
    color: #fff;
    background-color: unset;
    background-repeat: no-repeat;
    padding-left: 27px;
    margin-left: -5px;
  }
  .horizontal-nav-open .horizontal-nav button.back > ul[role=group] {
    margin-left: 0;
  }
  .horizontal-nav-open .horizontal-nav button.back:focus {
    outline: 2px dotted #fff;
  }
}

/*.navigation.qcs-mobile {
	@media only screen and (max-width: 920px) {
		display: none;
	}
}*/
/** Qlik Brand Colors **/
/** Qlik Brand Colors 2024 **/
/** Other UI Colors **/
/** Search Highlight Colors **/
/** Typography **/
/** Spacing **/
/** Media queries **/
/* 991px */
/* 992px */
.next-nav {
  position: relative;
  width: 100%;
  height: 30px;
  margin-top: 15px;
}
@media only screen and (max-width: 920px) {
  .next-nav {
    height: auto;
  }
}
.next-nav .previous-topic,
.next-nav .next-topic {
  position: absolute;
  display: block;
  width: 50%;
  top: 0;
}
@media only screen and (max-width: 920px) {
  .next-nav .previous-topic,
.next-nav .next-topic {
    width: 49%;
    position: relative;
    display: inline-block;
  }
}
.next-nav .previous-topic .direction-label,
.next-nav .next-topic .direction-label {
  font-size: 0.875em;
  display: block;
  margin-bottom: -7px;
  margin-top: 4px;
}
@media only screen and (max-width: 920px) {
  .next-nav .previous-topic .direction-label,
.next-nav .next-topic .direction-label {
    display: none;
  }
}
.next-nav .previous-topic .title-label,
.next-nav .next-topic .title-label {
  font-size: 1.1em;
  font-weight: bold;
  display: block;
  white-space: nowrap;
  -ms-text-overflow: ellipsis;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
  overflow: hidden;
}
@media only screen and (max-width: 920px) {
  .next-nav .previous-topic .title-label,
.next-nav .next-topic .title-label {
    display: inline-block;
    width: 100%;
    font-weight: 400;
    font-size: 0.875em;
  }
}
.next-nav .previous-topic a,
.next-nav .next-topic a {
  display: block;
  border: 0;
  color: #1c355e;
  text-decoration: none;
}
.next-nav .previous-topic a:before,
.next-nav .next-topic a:before {
  background-image: url("../img/nav/thin-arrow-left-tanz.svg");
  background-position: center;
  background-repeat: no-repeat;
  background-size: 32px;
  height: 32px;
  width: 32px;
  position: absolute;
  content: "";
  left: 0;
  top: 10px;
}
@media only screen and (max-width: 920px) {
  .next-nav .previous-topic a:before,
.next-nav .next-topic a:before {
    top: -3px;
  }
}
.next-nav .previous-topic a:hover,
.next-nav .next-topic a:hover {
  color: #009845;
}
.next-nav .previous-topic a:hover::before,
.next-nav .next-topic a:hover::before {
  background-image: url("../img/nav/thin-arrow-left-green.svg");
}
.next-nav .previous-topic {
  left: 0;
}
.next-nav .previous-topic a {
  padding-left: 40px;
  margin-right: 3px;
}
@media only screen and (max-width: 920px) {
  .next-nav .previous-topic a {
    margin: 0;
    margin-bottom: 5px;
    padding-left: 32px;
  }
}
.next-nav .next-topic {
  right: 0;
  text-align: right;
}
@media only screen and (max-width: 920px) {
  .next-nav .next-topic {
    float: right;
  }
}
.next-nav .next-topic a {
  padding-right: 40px;
  margin-left: 3px;
}
@media only screen and (max-width: 920px) {
  .next-nav .next-topic a {
    margin: 0;
    padding-right: 32px;
  }
}
.next-nav .next-topic a.no-topic {
  display: none;
}
.next-nav .next-topic a:before {
  background-image: url("../img/nav/thin-arrow-right-tanz.svg");
  left: auto;
  right: 2px;
}
.next-nav .next-topic a:hover {
  color: #009845;
}
.next-nav .next-topic a:hover::before {
  background-image: url("../img/nav/thin-arrow-right-green.svg");
}
.next-nav + .row {
  margin-top: 35px;
}
@media only screen and (max-width: 920px) {
  .next-nav + .row {
    margin-top: 10px;
  }
}

/** Qlik Brand Colors **/
/** Qlik Brand Colors 2024 **/
/** Other UI Colors **/
/** Search Highlight Colors **/
/** Typography **/
/** Spacing **/
/** Media queries **/
/* 991px */
/* 992px */
#breadcrumb {
  padding-top: 16px;
  padding-bottom: 0;
}
@media only screen and (max-width: 920px) {
  #breadcrumb {
    margin-left: 30px;
  }
  .qcs #breadcrumb {
    margin-left: 0;
  }
}
#breadcrumb ul, #breadcrumb ol {
  padding: 0;
  margin: 0;
  list-style: none;
  /*
  @media only screen and (max-width: 920px) {
      li {
          display: none;

          &:nth-last-child(2) {
              display: inline-block;
          }

          &:nth-last-child(2):before {
              display: inline-block;
              position: relative;
              top: 1px;
              content: '';
              width: 16px;
              height: 9px;
              background-image: url(../img/nav/arrow-left-dark.svg);
              background-repeat: no-repeat;
              background-position: center;
              background-size: 9px
          }
          &:nth-last-child(2):after {
              background-image:none;
          }
      }
  }*/
}
#breadcrumb ul li, #breadcrumb ol li {
  display: inline-block;
  font-size: 0.875em;
  margin-bottom: 0;
}
#breadcrumb ul li, #breadcrumb ul li a, #breadcrumb ol li, #breadcrumb ol li a {
  color: #0f0f0f;
  border: 0;
}
#breadcrumb ul li a, #breadcrumb ol li a {
  text-decoration: none;
  color: #1c355e;
}
#breadcrumb ul li a:hover, #breadcrumb ol li a:hover {
  text-decoration: underline;
}
#breadcrumb ul li a.version-link, #breadcrumb ol li a.version-link {
  background: #ededed;
  padding: 4px;
  border-radius: 4px;
}
#breadcrumb ul li:after, #breadcrumb ol li:after {
  display: inline-block;
  position: relative;
  top: 1px;
  content: "/";
  height: 9px;
  margin-left: 7px;
  margin-right: 5px;
}
#breadcrumb.home {
  display: none;
}
@media only screen and (max-width: 920px) {
  #breadcrumb.home {
    display: block;
  }
}
@media only screen and (max-width: 920px) {
  #breadcrumb.root {
    margin-left: 0 !important;
  }
}

/** Qlik Brand Colors **/
/** Qlik Brand Colors 2024 **/
/** Other UI Colors **/
/** Search Highlight Colors **/
/** Typography **/
/** Spacing **/
/** Media queries **/
/* 991px */
/* 992px */
/** Qlik Brand Colors **/
/** Qlik Brand Colors 2024 **/
/** Other UI Colors **/
/** Search Highlight Colors **/
/** Typography **/
/** Spacing **/
/** Media queries **/
/* 991px */
/* 992px */
.search {
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  padding: 0;
  border: 1px solid #b9b9b9;
  background: #ffffff;
  position: relative;
  top: 25px;
  left: 0;
  right: calc((100% - 1300px) / 2);
}
.search:before, .search:after {
  content: " ";
  display: table;
}
.search:after {
  clear: both;
}
@media only screen and (max-width: 1366px) {
  .search {
    right: calc((100% - 1024px) / 2);
  }
}

main #resultList a, main #resultList .xref, main .search-result a, main .search-result .xref {
  border-bottom: 0;
  text-decoration: none;
}

.search-heading {
  margin-top: 20px;
  margin-bottom: 10px;
  display: inline-block;
}

.view-for {
  display: none;
  font-weight: 600;
  margin-top: 15px;
  margin-bottom: 0;
}
@media only screen and (max-width: 920px) {
  .view-for {
    display: block;
  }
}

#providers {
  margin-top: 20px;
}

.search-providers {
  margin-top: 20px;
}

#provider-list {
  position: relative;
  transition: all ease-in-out 250ms;
}
#provider-list h2 a {
  color: #404040;
}
#provider-list h2 a:hover {
  text-decoration: none;
}
#provider-list button.button.filled.show-more[disabled] {
  display: none;
}
@media only screen and (max-width: 920px) {
  #provider-list {
    display: flex;
    z-index: 9;
    flex-direction: column;
    padding-bottom: 50px;
  }
  .mobile-menu-open #provider-list, .showSearchBox #provider-list {
    z-index: 1;
  }
}

.search-result-information {
  text-align: left;
  font-size: 1.1em;
  font-weight: normal;
  max-width: 100%;
  display: inline-block;
  overflow: hidden;
  -ms-text-overflow: ellipsis;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
  padding: 0;
  padding-top: 10px;
}
.search-result-information em {
  font-weight: 600;
  font-style: normal;
}
.search-result-information .search-result-total {
  font-size: 1.1em;
  font-weight: normal;
}

#pagination {
  color: #007fca;
  white-space: nowrap;
}
#pagination input {
  display: none;
}
#pagination label {
  cursor: pointer;
}
#pagination .pages {
  margin: 10px 10px;
  text-align: center;
}
#pagination .pages ol, #pagination .pages ul, #pagination .pages li {
  margin: 0;
  padding: 0;
  display: inline;
}
#pagination .pages li {
  padding: 0 4px;
  cursor: pointer;
}
#pagination .pages li.active {
  font-weight: bold;
  text-decoration: underline;
}
@media only screen and (max-width: 920px) {
  #pagination .pages li {
    display: none;
  }
  #pagination .pages li.active {
    display: block;
  }
}
#pagination .pages li input:checked + label {
  font-weight: bold;
  text-decoration: underline;
}
@media only screen and (max-width: 920px) {
  #pagination .pages li input:checked + label {
    display: inline;
    font-weight: normal;
    text-decoration: none;
  }
}
#pagination > div {
  text-align: center;
  padding: 0 15px;
}
#pagination nav {
  display: inline-block;
  padding: 0;
  margin: 0;
  margin-top: 10px;
  cursor: pointer;
  white-space: nowrap;
}
#pagination nav span {
  display: none;
}
#pagination nav.show span {
  display: inline-block;
}
@media only screen and (max-width: 920px) {
  #pagination nav {
    float: left;
    display: block;
  }
  #pagination nav:nth-child(1) {
    text-align: right;
    width: 40%;
  }
  #pagination nav:nth-child(2) {
    text-align: center;
    width: 10%;
  }
  #pagination nav:nth-child(3) {
    text-align: left;
    width: 40%;
  }
}
@media only screen and (max-width: 920px) {
  #pagination {
    font-size: 1.3em;
  }
}

.search-provider {
  min-height: 500px;
  margin-top: 10px;
  padding-bottom: 30px;
  /*border-bottom: 1px solid $gray-2;*/
}
.videos .search-provider, .search-provider.active {
  display: block;
}
.search-provider:last-child {
  border-bottom: 0;
}
.search-provider[aria-hidden=true] {
  display: none;
}

.search-provider-filters {
  /*> fieldset:first-child {
  	padding-top: 0px;
  }*/
}
.search-provider-filters[aria-hidden=true] {
  display: none;
}

#filter-header {
  display: flex;
  justify-content: space-between;
  margin-top: 10px;
}
#filter-header[aria-hidden=true] {
  display: none;
}
#filter-header span {
  font-size: 1.2em;
  font-weight: 600;
  padding-left: 4px;
  margin: 0;
}

.search-results {
  list-style: none;
  display: block;
  padding: 10px 0;
  margin: 0;
}
#results-videos .search-results, .grid .search-results {
  display: grid;
  grid-template-columns: repeat(auto-fill, 23%);
  justify-content: space-between;
  grid-gap: 16px;
  /*@media only screen and (max-width: 1080px) {
  	grid-template-columns: repeat(auto-fill, 30%);
  }*/
}
@media (max-width: 1420px) {
  #results-videos .search-results, .grid .search-results {
    grid-template-columns: repeat(auto-fill, 30%);
  }
}
@media (min-width: 1650px) {
  #results-videos .search-results, .grid .search-results {
    grid-template-columns: repeat(auto-fill, 18%);
  }
}
@media (min-width: 1750px) {
  #results-videos .search-results, .grid .search-results {
    grid-template-columns: repeat(auto-fill, 18%);
  }
}
.hidden-toc #results-videos .search-results, .hidden-toc .grid .search-results {
  grid-template-columns: repeat(auto-fill, 23%);
}
@media (min-width: 1650px) {
  .hidden-toc #results-videos .search-results, .hidden-toc .grid .search-results {
    grid-template-columns: repeat(auto-fill, 15%);
  }
}
@media (max-width: 900px) {
  .hidden-toc #results-videos .search-results, .hidden-toc .grid .search-results {
    grid-template-columns: repeat(auto-fill, 30%);
  }
}
@media only screen and (max-width: 675px) {
  #results-videos .search-results, .grid .search-results {
    grid-template-columns: repeat(auto-fill, 45%);
  }
}
@media only screen and (max-width: 501px) and (orientation:portrait) {
  #results-videos .search-results, .grid .search-results {
    grid-template-columns: repeat(auto-fill, 94%);
    justify-content: center;
  }
}
.search-results li {
  list-style: none;
  display: block;
}
.search-results li {
  padding: 10px 10px;
}
.search-results li:hover {
  background-color: #f6f8f9;
}
.search-results:last-child {
  border-bottom: 0;
}
.search-results nav li, .search-results nav ul, .search-results nav ol {
  display: block;
  padding: 0;
  margin: 0;
}
.search-results h2 > a {
  /*&:target {
  	text-decoration:underline;
  }*/
}
.search-results h2 > a, .search-results h2 > a:hover {
  text-decoration: none;
  color: #0f0f0f;
}
.search-results .thumbnail {
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  float: left;
  height: 90px;
  width: 140px;
  background: #d5d5d5;
  margin-right: 15px;
  margin-bottom: 5px;
}
.search-results .products, .search-results .videos, .search-results .community, .search-results .knowledge-articles {
  display: none;
}
.search-results.products .products, .search-results.videos .videos, .search-results.community .community, .search-results.knowledge-articles .knowledge-articles {
  display: inherit;
}

.search-result {
  clear: both;
  border-top: 1px solid #ccc;
}
.search-result a {
  display: block;
}
.search-result figure {
  margin: 0;
  position: relative;
  background-color: transparent;
  padding: 8px;
  height: 100%;
}
.search-result figure figcaption {
  font-style: normal;
  margin: 20px 0 0 0;
  /*left: auto;
  top: auto;*/
  display: block;
}
.search-result figure figcaption:after {
  display: table;
  content: "";
  clear: both;
}
.search-result figure [class*=vidyard-lightbox-] {
  padding: 0;
  border-radius: 0;
  margin-bottom: 0;
  overflow: visible;
}
.search-result figure [class*=vidyard-lightbox-] img {
  border: 0;
}
.search-result figure .vidyard-wrapper {
  width: 120px;
  display: block;
  border: 3px solid #c0c0c0;
}
.search-result img {
  width: 120px;
  min-height: 70px;
  margin-right: 20px;
  /*border: 3px solid silver;*/
}
.search-result figcaption {
  color: #0f0f0f;
  padding: 4px;
  margin-top: 0;
  margin-bottom: 15px;
}
.search-result span {
  /*&.h-0 {
  	background: $search-highlight-0;
  }

  &.h-1 {
  	background: $search-highlight-1;
  }

  &.h-2 {
  	background: $search-highlight-2;
  }

  &.h-3 {
  	background: $search-highlight-3;
  }

  &.h-4 {
  	background: $search-highlight-4;
  }

  &.h-5 {
  	background: $search-highlight-5;
  }

  &.h-6 {
  	background: $search-highlight-6;
  }

  &.h-7 {
  	background: $search-highlight-7;
  }

  &.h-8 {
  	background: $search-highlight-8;
  }

  &.h-9 {
  	background: $search-highlight-9;
  }*/
}
.search-result span[class^=h-] {
  font-weight: 600;
}
.search-result h3 {
  font-size: 1.35em;
  color: #006937;
  margin-top: 0;
  font-weight: 600;
}
.search-result h3[id] {
  pointer-events: all;
}
.search-result h3[id]:before {
  display: none;
}
.search-result h3.pdf:after {
  background-image: url(../img/file-icons/Pdf-green.svg);
  background-position: center bottom;
  background-repeat: no-repeat;
  background-size: 0.72em;
  display: inline-block;
  margin-left: 0.2em;
  height: 1em;
  width: 1em;
  content: "";
}
.search-result small {
  display: block;
  margin: 15px 0;
  color: #4b4b4b;
  font-size: 88%;
  /*font-style: italic;*/
}
.search-result small:hover {
  text-decoration: none;
}
.search-result small span::after {
  content: " > ";
  display: inline;
}
.search-result small span:last-child {
  font-style: normal;
}
.search-result small span:last-child::after {
  display: none;
}
.search-result p {
  color: #0f0f0f;
}
.search-result em {
  font-style: normal;
  font-weight: 600;
}
.search-result .icon-font {
  color: #404040;
}
#results-videos .search-result {
  cursor: pointer;
}
#results-videos .search-result a {
  border: 2px solid transparent;
  border: 2px dotted transparent;
  display: block;
  padding: 10px;
  padding: 0;
  height: 100%;
}
#results-videos .search-result a:hover, #results-videos .search-result a:focus {
  font-weight: normal;
}
#results-videos .search-result a:focus {
  border-color: #002e5c;
  outline: none;
  margin: 0;
}
#results-videos .search-result .vidyard-player-container {
  margin: 0 !important;
  border: 0 !important;
}
#results-videos .search-result, .grid .search-result {
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 10px;
  overflow: hidden;
  border: 1px solid;
  border-color: rgba(84, 86, 90, 0.25);
  background-color: rgba(196, 207, 218, 0.15);
  margin-bottom: 15px;
  transition: box-shadow linear 0.3s;
  position: relative;
  border: 1px solid #76859e;
  width: 100%;
  padding: 0;
  /*
  @media only screen and (max-width: 1080px) {
  	width: 30%;
  }

  @media only screen and (max-width: 675px) {
  	width: 45%;
  }

  @media only screen and (max-width: 501px) and (orientation:portrait) {
  	width: 94%;
  }
  */
}
#results-videos .search-result:hover, .grid .search-result:hover {
  -webkit-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
}
.wrapping #results-videos .search-result, .wrapping .grid .search-result {
  margin-bottom: 0;
}
#results-videos .search-result i, .grid .search-result i {
  font-style: normal;
}
#results-videos .search-result a, .grid .search-result a {
  text-decoration: none;
}
#results-videos .search-result a:hover, .grid .search-result a:hover {
  text-decoration: none;
  cursor: pointer;
}
#results-videos .search-result a p, #results-videos .search-result a li, .grid .search-result a p, .grid .search-result a li {
  color: #404040;
  line-height: 140%;
  font-size: 16px;
}
#results-videos .search-result h2, #results-videos .search-result h2 > a, #results-videos .search-result h3, #results-videos .search-result h3 > a, #results-videos .search-result h4, #results-videos .search-result h4 > a, .grid .search-result h2, .grid .search-result h2 > a, .grid .search-result h3, .grid .search-result h3 > a, .grid .search-result h4, .grid .search-result h4 > a {
  color: #19426C;
}
#results-videos .search-result h2, #results-videos .search-result h3, #results-videos .search-result h4, .grid .search-result h2, .grid .search-result h3, .grid .search-result h4 {
  font-size: 1.3em;
  font-weight: 600;
  display: inline;
}
#results-videos .search-result.linked, .grid .search-result.linked {
  position: relative;
  cursor: pointer;
}
#results-videos .search-result.linked > a, .grid .search-result.linked > a {
  border: 2px dotted transparent;
  display: block;
}
#results-videos .search-result.linked > a:hover, #results-videos .search-result.linked > a:focus, .grid .search-result.linked > a:hover, .grid .search-result.linked > a:focus {
  background-color: #f8f8f8;
}
#results-videos .search-result.linked > a:focus, .grid .search-result.linked > a:focus {
  border-color: #4b4b4b;
  outline: none;
  margin: 0;
}
#results-videos .search-result .card-image, #results-videos .search-result .card-video, .grid .search-result .card-image, .grid .search-result .card-video {
  height: 100px;
  text-align: center;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
}
#results-videos .search-result .card-image img, #results-videos .search-result .card-video img, .grid .search-result .card-image img, .grid .search-result .card-video img {
  max-width: 100%;
  height: auto;
  max-height: 100%;
}
.onboardingpage #results-videos .search-result .card-image img, .onboardingpage #results-videos .search-result .card-video img, .onboardingpage .grid .search-result .card-image img, .onboardingpage .grid .search-result .card-video img {
  border-radius: 10px 10px 0 0;
}
#results-videos .search-result .card-image .icon, #results-videos .search-result .card-video .icon, .grid .search-result .card-image .icon, .grid .search-result .card-video .icon {
  background-size: auto 65%;
  font-size: 6vh;
}
#results-videos .search-result .card-video, .grid .search-result .card-video {
  height: auto;
  padding: 20px;
}
@media only screen and (max-width: 920px) {
  #results-videos .search-result .card-video, .grid .search-result .card-video {
    padding: 25px 25%;
  }
}
#results-videos .search-result .card-content, .grid .search-result .card-content {
  padding: 15px;
}
#results-videos .search-result .card-content h1:first-child,
#results-videos .search-result .card-content h2:first-child,
#results-videos .search-result .card-content h3:first-child,
#results-videos .search-result .card-content h4:first-child,
#results-videos .search-result .card-content h5:first-child,
#results-videos .search-result .card-content h6:first-child,
#results-videos .search-result .card-content p:first-child, .grid .search-result .card-content h1:first-child,
.grid .search-result .card-content h2:first-child,
.grid .search-result .card-content h3:first-child,
.grid .search-result .card-content h4:first-child,
.grid .search-result .card-content h5:first-child,
.grid .search-result .card-content h6:first-child,
.grid .search-result .card-content p:first-child {
  margin-top: 0;
}
#results-videos .search-result .card-content h1:last-child,
#results-videos .search-result .card-content h2:last-child,
#results-videos .search-result .card-content h3:last-child,
#results-videos .search-result .card-content h4:last-child,
#results-videos .search-result .card-content h5:last-child,
#results-videos .search-result .card-content h6:last-child,
#results-videos .search-result .card-content p:last-child, .grid .search-result .card-content h1:last-child,
.grid .search-result .card-content h2:last-child,
.grid .search-result .card-content h3:last-child,
.grid .search-result .card-content h4:last-child,
.grid .search-result .card-content h5:last-child,
.grid .search-result .card-content h6:last-child,
.grid .search-result .card-content p:last-child {
  margin-bottom: 0;
}
#results-videos .search-result .card-image + .card-content, .grid .search-result .card-image + .card-content {
  border-top: 1px solid #f4f4f4;
}
#results-videos .search-result .card-image + .card-content:after, .grid .search-result .card-image + .card-content:after {
  display: table;
  content: "";
  clear: both;
}
#results-videos .search-result span[data-mc-conditions^=Language], .grid .search-result span[data-mc-conditions^=Language] {
  display: block;
  margin: 10px 0;
}
#results-videos .search-result h2, #results-videos .search-result h3, .grid .search-result h2, .grid .search-result h3 {
  font-size: 1.1em;
  line-height: 1.3em;
}
#results-videos .search-result > a:focus, .grid .search-result > a:focus {
  border-color: #002e5c !important;
}
#results-videos .search-result > a p, .grid .search-result > a p {
  position: absolute;
  font-size: 0.875em;
  bottom: 8px;
  color: rgba(15, 15, 15, 0.85);
}
#results-videos .search-result > a h3, .grid .search-result > a h3 {
  display: block;
  color: #1c355e;
  margin-bottom: 48px;
}
#results-videos .search-result > a img, .grid .search-result > a img {
  width: 100%;
}
#results-videos .search-result .vidyard-wrapper, .grid .search-result .vidyard-wrapper {
  width: 100%;
  display: block;
  border: 0;
}
.list .search-result {
  border: 0;
  border-top: 1px solid #e1e1e1;
  width: 100%;
  float: left;
  clear: both;
  margin: inherit;
  margin-top: 30px;
  overflow: inherit;
  height: auto;
}
.list .search-result > a {
  padding-top: 10px;
  min-height: 110px;
}
.list .search-result:hover {
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}
.list .search-result:first-child {
  border: 0;
}
.list .search-result > section {
  float: left;
  width: 65%;
  clear: left;
}
.list .search-result > section:after {
  display: inline-block;
  content: "";
  clear: both;
}
.list .search-result img {
  border: 1px solid #9fa1a4;
  float: right;
  width: 200px;
  margin: 0;
  margin-left: 10px;
}
@media only screen and (max-width: 920px) {
  .list .search-result img {
    width: 150px;
  }
}
.list .search-result h3 {
  margin: 0;
  font-size: 1.2em;
  color: #1c355e;
}
#results-videos .list .search-result p {
  width: calc(100% - 210px);
}

#vidyard-popbox img {
  max-width: inherit;
}

.search-extras {
  display: block;
  position: relative;
  background-image: url(../img/nav/info-6.svg);
  background-repeat: no-repeat;
  background-size: 20px;
  padding-left: 27px;
  background-position: top 18px left;
}
.search-extras p {
  display: inline-block;
  margin-bottom: 0;
}
@media only screen and (max-width: 920px) {
  .search-extras {
    position: relative;
    display: block;
    float: none;
    top: -5px;
  }
}

.search-feedback {
  display: inline-block;
}
.search-feedback a.search-feedback-button {
  display: inline;
  text-decoration: underline;
}
p > .search-feedback {
  display: inline;
}

.talend-results {
  float: right;
  margin-top: 62px;
  position: relative;
  z-index: 5;
}
@media only screen and (max-width: 920px) {
  .talend-results {
    position: relative;
    display: block;
    margin-top: 0;
    float: none;
  }
}

.search-feedback-wrapper {
  position: fixed;
  display: none;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  z-index: 11;
  background: rgba(0, 0, 0, 0.75);
}
.search-feedback-wrapper.show {
  display: block;
}
.search-feedback-wrapper .search-feedback-box {
  position: relative;
  top: 50%;
  left: 50%;
  margin-top: -230px;
  margin-left: -250px;
  z-index: 100;
  background: #fff;
  width: 500px;
  height: 500px;
  border-radius: 0px;
  padding: 0px;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
  overflow: auto;
}
.search-feedback-wrapper .search-feedback-box.hidden {
  display: none;
}
.search-feedback-wrapper .search-feedback-box .feedbackFrame {
  height: 430px;
}
@media only screen and (max-width: 920px) {
  .search-feedback-wrapper .search-feedback-box .feedbackFrame {
    height: 500px;
  }
}
.search-feedback-wrapper .search-feedback-box .box-heading {
  background: #009845;
  color: #fff;
  padding: 10px 20px;
  margin-bottom: 0px;
  border-radius: 0;
  text-transform: uppercase;
  font-weight: 600;
}
.search-feedback-wrapper .search-feedback-box span {
  position: absolute;
  top: 10px;
  right: 13px;
}
.search-feedback-wrapper .search-feedback-box span a {
  height: 18px;
  width: 18px;
  display: inline-block;
  margin-top: 3px;
  border-radius: 50%;
}
.search-feedback-wrapper .search-feedback-box span a:focus {
  outline: 2px dotted #fff;
}
.search-feedback-wrapper .search-feedback-box .form {
  padding: 20px 20px 0px 20px;
}
@media only screen and (max-width: 920px) {
  .search-feedback-wrapper .search-feedback-box {
    width: 90%;
    height: 90%;
    top: 5%;
    left: 5%;
    margin-top: 0;
    margin-left: 0;
    overflow: hidden;
    max-height: 520px;
  }
}
@media only screen and (max-width: 920px) {
  .search-feedback-wrapper label.QuestionText.BorderColor {
    padding: 0 !important;
  }
}

.videos-page, .search-page {
  /*.search-result-information {
  	display: none;
  }*/
}
.videos-page aside.navigation .tree-header, .search-page aside.navigation .tree-header {
  margin-top: 8px;
  background-color: transparent;
}
.videos-page aside.navigation .tree-header h1, .search-page aside.navigation .tree-header h1 {
  font-size: 28px;
  font-weight: 600;
  margin-top: 10px;
  display: inline-block;
  color: #404040;
}
.videos-page .mobile-header, .search-page .mobile-header {
  background-color: #f4f4f4;
  display: block;
  margin-left: -35px;
  margin-right: -35px;
  margin-bottom: 10px;
  padding: 10px 35px;
  position: relative;
}
.videos-page .mobile-header .title, .search-page .mobile-header .title {
  color: #404040;
  font-weight: 600;
  font-size: 20px;
}
.videos-page .mobile-header .selected-area, .search-page .mobile-header .selected-area {
  color: #54565a;
}
.videos-page .filters-close, .videos-page .hidden-filters-close, .search-page .filters-close, .search-page .hidden-filters-close {
  display: none;
}
@media only screen and (max-width: 920px) {
  .videos-page .hidden-filters-close, .search-page .hidden-filters-close {
    display: none;
    background: #404040;
    opacity: 0.6;
    position: fixed;
    z-index: 11;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
  }
  .videos-page .content .navigation-pane, .search-page .content .navigation-pane {
    left: -120%;
    transition: left ease-out 250ms;
    display: block;
    position: fixed;
    z-index: 15;
    width: 90%;
    margin: 0;
    top: 0;
    bottom: 0;
    height: 100%;
  }
  .videos-page.show-filters, .search-page.show-filters {
    overflow: hidden;
  }
  .videos-page.show-filters .content .navigation-pane, .search-page.show-filters .content .navigation-pane {
    left: 0;
  }
  .videos-page.show-filters .hidden-filters-close, .search-page.show-filters .hidden-filters-close {
    display: block;
  }
  .videos-page aside.navigation, .search-page aside.navigation {
    box-shadow: 5px 0 8px 0px rgba(0, 0, 0, 0.2);
    width: 100%;
    height: 100%;
    padding: 20px;
    padding-top: 0;
    margin-top: 0;
    border: 0;
    overflow: auto;
  }
  .videos-page .filters-close, .search-page .filters-close {
    right: 25px;
    position: absolute;
    top: 25px;
    display: block;
  }
  .videos-page .filters-close button, .search-page .filters-close button {
    display: inline-block;
    background: url(../img/nav/close2.svg) no-repeat center center;
    background-size: 14px auto;
    border: 2px solid #404040;
    content: "";
    width: 24px;
    height: 24px;
    border-radius: 50%;
  }
  .videos-page .filters-close button:focus, .search-page .filters-close button:focus {
    outline: 2px dotted #4b4b4b;
  }
  .videos-page .mobile-filter-container, .search-page .mobile-filter-container {
    justify-content: space-between;
    flex-direction: row;
    align-items: center;
    display: flex;
  }
}
@media only screen and (max-width: 920px) and (min-width: 921px) {
  .videos-page .mobile-filter-container, .search-page .mobile-filter-container {
    display: none;
  }
}
@media only screen and (max-width: 920px) {
  .videos-page .mobile-filter-button, .search-page .mobile-filter-button {
    display: inline-block;
    margin-top: auto;
  }
  .videos-page .mobile-filter-button button, .search-page .mobile-filter-button button {
    width: auto;
    padding-left: 43px;
  }
  .videos-page .mobile-filter-button button:after, .search-page .mobile-filter-button button:after {
    right: auto;
    left: 15px;
  }
}

.mt-banner {
  text-align: center;
  display: block;
  height: auto;
  background-color: #19426C;
  color: #fff;
  padding: 10px 0;
}
@media only screen and (max-width: 920px) {
  .mt-banner {
    font-size: 0.85em;
  }
}

@media only screen and (max-width: 920px) {
  .showSearchBox .su__container {
    left: 0;
  }
}

/** Qlik Brand Colors **/
/** Qlik Brand Colors 2024 **/
/** Other UI Colors **/
/** Search Highlight Colors **/
/** Typography **/
/** Spacing **/
/** Media queries **/
/* 991px */
/* 992px */
.mobile-settings-menu .sub {
  width: calc(100% - 51px);
}
.mobile-settings-menu .sub > li {
  border-bottom: none;
  font-size: 1em;
}
.mobile-settings-menu .sub > li.separator {
  background-color: #d5d5d5;
  display: block;
  width: 100%;
  min-height: inherit;
  padding: 0;
  margin-left: 15px;
  height: 1px;
}

.mobile-settings-menu .dropdown > ul {
  right: 0;
}
.mobile-settings-menu .dropdown > ul li a {
  border-bottom: none;
}

@media only screen and (max-width: 920px) {
  .iframe-link {
    display: block;
    margin-bottom: 16px;
  }
}

.dropdown {
  position: relative;
  display: inline-block;
  text-align: left;
}
.dropdown button, .dropdown > a {
  border: 0;
  padding: 0;
  background: transparent;
  border-radius: 0;
  box-shadow: none;
  display: inline-block;
  cursor: pointer;
}
.dropdown button:after, .dropdown > a:after {
  display: inline-block;
  padding-top: 2px;
  padding-left: 5px;
  margin-left: 5px;
  /*background-image:url('../img/nav/arrow-down.svg');*/
  background-image: url("../img/nav/light-arrow-down.svg");
  background-repeat: no-repeat;
  background-position: center bottom;
  background-size: 9px;
  content: "";
  width: 1em;
  height: 15px;
}
.dropdown button:focus, .dropdown > a:focus {
  outline: 2px dotted #4b4b4b;
  outline-offset: 3px;
}
@media only screen and (min-width: 921px) {
  .dropdown > label {
    display: none;
  }
  .dropdown > a + *, .dropdown > button + * {
    display: none;
    position: absolute;
    top: 25px;
    right: -10px;
    z-index: 1000;
    min-width: 160px;
    padding: 0 !important;
    margin: 2px 0 0 !important;
    list-style: none !important;
    background-color: #FFF;
    border: 1px solid #ccc;
    box-shadow: 0px 6px 12px rgba(0, 0, 0, 0.176);
    background-clip: padding-box;
  }
  .dropdown > a + * li, .dropdown > button + * li {
    margin-left: 0 !important;
    margin-bottom: 0 !important;
    display: block !important;
  }
  .dropdown > a + * li.separator, .dropdown > button + * li.separator {
    background-color: #d5d5d5;
    display: inline-block;
    width: 100%;
    height: 1px;
  }
  .dropdown > a + * li a, .dropdown > button + * li a {
    color: #54565a;
    display: block;
    padding: 7px 15px;
    white-space: nowrap;
    border-bottom: 1px solid #f4f4f4;
    font-weight: initial;
  }
  .dropdown > a + * li a:hover, .dropdown > button + * li a:hover {
    background: #fafafa;
    text-decoration: none;
  }
  .dropdown > a + * li a:focus, .dropdown > button + * li a:focus {
    outline-offset: 0;
  }
  .dropdown > a + * li ul, .dropdown > button + * li ul {
    border-top: 2px solid #ddd;
  }
}
@media only screen and (min-width: 921px) and (max-width: 920px) {
  .dropdown > a + * li ul, .dropdown > button + * li ul {
    border-top: none;
  }
}
@media only screen and (min-width: 921px) {
  .dropdown > a + * li:first-child ul, .dropdown > button + * li:first-child ul {
    border-top: none;
  }
}
@media only screen and (min-width: 921px) {
  .dropdown.right > ul {
    right: auto;
    left: -10px;
  }
}
.dropdown [aria-expanded=true] + * {
  display: block;
}
@media only screen and (max-width: 920px) {
  .dropdown {
    color: #404040;
    display: block;
    margin-bottom: 16px;
  }
  .dropdown > label {
    font-weight: bold;
    display: inline;
    cursor: pointer;
  }
  .dropdown [aria-hidden=false] > ul {
    display: block;
  }
  .dropdown ul {
    padding: 0;
    margin: 0;
    list-style: none;
    display: none;
    margin-top: 10px;
  }
  .dropdown li {
    background: transparent;
    padding-left: 30px;
    display: block;
  }
  .dropdown li a {
    display: block;
    margin-bottom: 16px;
  }
  .dropdown button:after, .dropdown > a:after {
    background-image: url(../img/nav/light-arrow-down.svg);
    background-size: contain;
    background-position: center;
    position: absolute;
    right: 15px;
    top: 0;
    height: 100%;
    margin: 0;
    padding: 0;
  }
  .dropdown button[aria-expanded=true]:after, .dropdown > a[aria-expanded=true]:after {
    transform: rotate(180deg);
  }
  .dropdown button:focus, .dropdown > a:focus {
    color: initial;
  }
}

/** Qlik Brand Colors **/
/** Qlik Brand Colors 2024 **/
/** Other UI Colors **/
/** Search Highlight Colors **/
/** Typography **/
/** Spacing **/
/** Media queries **/
/* 991px */
/* 992px */
@media only screen and (min-width: 921px) {
  .version-selector {
    color: #54565a;
    padding-left: 20px;
  }
  .version-selector button {
    color: #0f0f0f;
    padding: 7px 15px;
    font-size: 14px;
    white-space: nowrap;
    margin-bottom: 15px;
    background-color: #ffffff;
    border: 1px solid #c4cfda;
  }
  .version-selector button:focus {
    outline: 2px solid #4b4b4b;
  }
  .version-selector button:after {
    width: 1.2em;
    background-position: right bottom;
  }
  .version-selector button .version-help {
    display: none;
  }
  .version-selector > ul {
    display: none;
    position: absolute;
    top: 25px;
    right: -10px;
    z-index: 1000;
    min-width: 160px;
    padding: 0 !important;
    margin: 2px 0 0 !important;
    list-style: none !important;
    background-color: #FFF;
    border: 1px solid #ccc;
    box-shadow: 0px 6px 12px rgba(0, 0, 0, 0.176);
    background-clip: padding-box;
    top: 30px;
    right: auto;
  }
  .version-selector > ul li {
    margin-left: 0 !important;
    margin-bottom: 0 !important;
    display: block !important;
  }
  .version-selector > ul li.separator {
    background-color: #d5d5d5;
    display: inline-block;
    width: 100%;
    height: 1px;
  }
  .version-selector > ul li a {
    color: #54565a;
    display: block;
    padding: 7px 15px;
    white-space: nowrap;
    border-bottom: 1px solid #f4f4f4;
    font-weight: initial;
  }
  .version-selector > ul li a:hover {
    background: #fafafa;
    text-decoration: none;
  }
  .version-selector > ul li a:focus {
    outline-offset: 0;
  }
  .version-selector > ul li ul {
    border-top: 2px solid #ddd;
  }
}
@media only screen and (min-width: 921px) and (max-width: 920px) {
  .version-selector > ul li ul {
    border-top: none;
  }
}
@media only screen and (min-width: 921px) {
  .version-selector > ul li:first-child ul {
    border-top: none;
  }
}
@media only screen and (min-width: 921px) {
  .version-selector > ul li {
    padding-left: 0;
  }
}
@media only screen and (min-width: 921px) and (min-width: 921px) {
  .version-selector > ul {
    right: auto;
    left: 10px;
  }
}
@media only screen and (max-width: 920px) {
  .version-selector {
    display: none;
    margin: 0 20px;
    border-top: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
    padding: 15px;
  }
  .showTree .version-selector {
    display: block;
  }
  .version-selector button {
    width: 100%;
    text-align: left;
  }
  .version-selector button:after {
    height: 15px;
    top: unset;
  }
  .version-selector button .version-help {
    display: inline;
  }
  .version-selector a {
    color: #0f0f0f;
  }
}

.version-display {
  font-weight: 600;
  font-size: 14px;
  position: relative;
  padding: 6px;
  background: #54565a;
  border-radius: 6px;
  color: #fff;
  left: 7px;
}
.archived .version-display {
  left: auto;
}
@media only screen and (max-width: 920px) {
  .version-display {
    font-weight: 400;
    font-size: 14px;
    display: block;
    top: 0;
    right: 100px;
    padding: 6px;
  }
}

/** Qlik Brand Colors **/
/** Qlik Brand Colors 2024 **/
/** Other UI Colors **/
/** Search Highlight Colors **/
/** Typography **/
/** Spacing **/
/** Media queries **/
/* 991px */
/* 992px */
/** Qlik Brand Colors **/
/** Qlik Brand Colors 2024 **/
/** Other UI Colors **/
/** Search Highlight Colors **/
/** Typography **/
/** Spacing **/
/** Media queries **/
/* 991px */
/* 992px */
#mega {
  position: relative;
  z-index: 11;
  /*[aria-expanded="true"] {
  	&:before {
  		background-color: lighten($brand-emerald, 10%);
  	}
  }*/
}
.search-page #mega {
  z-index: 9;
}
#mega ul, #mega li {
  padding: 0;
  margin: 0;
  list-style: none;
}
#mega header .utilities {
  border-bottom: 1px solid #e2e6ec;
  height: 32px;
  padding: 0 20px;
  display: flex;
  align-items: center;
  font-size: 0.875em;
}
#mega header .utilities li {
  display: inline-block;
}
#mega header .utilities li a {
  color: rgba(15, 15, 15, 0.85);
}
#mega header .utilities > ul {
  flex-grow: 1;
}
#mega header .utilities > ul li a {
  margin-right: 10px;
}
#mega header .utilities .link {
  position: relative;
}
#mega header .utilities .link a {
  display: inline-block;
  border: 2px dotted transparent;
  margin-right: 10px;
  padding: 3px;
  color: #54565a;
}
#mega header .utilities .link.announcements-link a {
  background-image: url(../img/icons/icon-info-grey.svg);
  background-position: center left;
  background-repeat: no-repeat;
  background-size: 17px;
  padding-left: 20px;
}
#mega header .utilities .language button {
  padding-left: 20px;
  background-image: url(../img/icons/global-services.svg);
  background-position: center left;
  background-repeat: no-repeat;
  background-size: 16px;
  color: rgba(15, 15, 15, 0.85);
  font-size: 0.875em;
}
@media only screen and (max-width: 920px) {
  #mega header .utilities {
    display: none;
  }
}
#mega header .navigation {
  padding: 0 4px;
  height: 80px;
  display: flex;
  align-items: center;
  border-bottom: 1px solid #ccc;
}
@media only screen and (max-width: 920px) {
  #mega header .navigation {
    height: 60px;
  }
}
#mega header .navigation .announcements-link.active {
  display: none;
}
@media only screen and (max-width: 920px) {
  #mega header .navigation .announcements-link.active {
    display: inline-block;
  }
}
#mega .mobile-menu-button {
  background-image: url(../img/nav/hamburger-brand-grey.svg);
  background-position: center top;
  background-repeat: no-repeat;
  background-color: #ffffff;
  background-size: 19px;
  display: inline-block;
  padding-top: 19px;
  font-size: 0.875em;
  align-items: center;
  border: 0;
}
body.mobile-menu-open #mega .mobile-menu-button {
  display: none;
}
#mega .logo, #mega .mobile-menu-button {
  flex-grow: 1;
  margin-right: 0;
}
#mega .logo img, #mega .mobile-menu-button img {
  width: 150px;
}
#mega .logo > a, #mega .mobile-menu-button > a {
  display: inline-flex;
  align-items: center;
  margin-left: 5px;
}
@media only screen and (max-width: 1080px) {
  #mega .logo > a, #mega .mobile-menu-button > a {
    padding: 0;
    margin-left: 0;
    margin-right: 0;
  }
}
#mega .logo > a span, #mega .mobile-menu-button > a span {
  color: #54565a;
  font-size: 24px;
  font-weight: 600;
  display: inline-block;
}
#mega .logo > a span.preview:after, #mega .mobile-menu-button > a span.preview:after {
  content: "preview";
  display: block;
  font-size: 16px;
  font-weight: 400;
  margin-top: -5px;
}
#mega .logo > a span.preview.eap:after, #mega .mobile-menu-button > a span.preview.eap:after {
  content: "Internal EAP";
  font-weight: 600;
  margin-top: -12px;
  background-color: #e7004c;
  rotate: -16deg;
  padding: 2px 8px;
  color: #fff;
}
#mega .logo > a span.preview.eap.external:after, #mega .mobile-menu-button > a span.preview.eap.external:after {
  content: "Early Access Program";
}
#mega .logo > a span.preview.external:after, #mega .mobile-menu-button > a span.preview.external:after {
  content: "Early Access";
  font-weight: 600;
  margin-top: -7px;
  background-color: #ffc72a;
  padding: 2px 8px;
  color: #222;
}
#mega .logo > a:focus, #mega .mobile-menu-button > a:focus {
  border: 0;
  padding: 0;
  outline: 2px dotted #4b4b4b;
}
#mega .logo.mobile, #mega .mobile-menu-button.mobile {
  display: none;
}
#mega .logo.mobile img, #mega .mobile-menu-button.mobile img {
  width: 126px;
}
#mega .logo.mobile > a span, #mega .mobile-menu-button.mobile > a span {
  font-size: 1.1em;
}
@media only screen and (max-width: 920px) {
  #mega .logo.mobile, #mega .mobile-menu-button.mobile {
    display: inline-block;
    position: relative;
    margin-top: 10px;
    margin-left: 10px;
  }
  .mobile-menu-open #mega .logo.mobile, .mobile-menu-open #mega .mobile-menu-button.mobile {
    border-bottom: 1px solid #ccc;
    background-color: #f2f2f2;
    z-index: 2;
    left: 0;
    margin-left: 10px;
    margin-right: 10px;
    margin-top: 12px;
    display: block;
  }
}
#mega .language-mobile {
  display: none;
}
@media only screen and (max-width: 920px) {
  #mega .language-mobile {
    display: block;
  }
}
@media only screen and (max-width: 920px) {
  .mobile-menu-open #mega .mobile-menu-close-button {
    display: inline-block;
  }
}
#mega nav {
  position: relative;
  flex-grow: 1;
}
#mega nav a, #mega nav button {
  font-size: 1.2em;
  color: #0f0f0f;
}
@media only screen and (max-width: 1080px) {
  #mega nav a, #mega nav button {
    font-size: 1.1em;
  }
}
@media only screen and (max-width: 991px) and (min-width: 921px) {
  #mega nav a, #mega nav button {
    font-size: 0.9em;
  }
}
#mega nav a:hover, #mega nav button:hover {
  color: #009845;
}
#mega nav a.goto, #mega nav button.goto {
  color: #fff;
  font-size: 0.9em;
  font-weight: 600;
  border: none;
  background: #008936;
  border-radius: 30px;
}
#mega nav a.goto:hover, #mega nav button.goto:hover {
  color: #fff;
  background: #156037;
}
@media only screen and (max-width: 920px) {
  #mega nav a.goto, #mega nav button.goto {
    background: none;
    color: #54565a;
    font-size: 1.1em;
    font-weight: 400;
  }
  #mega nav a.goto:hover, #mega nav button.goto:hover {
    color: #009845;
    background: none;
  }
}
#mega nav > ul {
  display: flex;
  flex-flow: row nowrap;
  /*justify-content: space-evenly;
  -ms-flex-pack: distribute;*/
  /*@media only screen and (max-width: 920px) {
  	display: none;
  	flex-flow: column wrap;
  	padding: 0;
  	margin: 10px auto;
  	margin-bottom: 0;
  }*/
}
@media only screen and (max-width: 920px) {
  #mega nav > ul {
    display: none;
    width: 100%;
    flex-flow: column;
  }
}
#mega nav > ul > li {
  display: inline-flex;
  align-items: center;
  order: 1;
  z-index: 2;
  margin-right: 20px;
}
@media only screen and (max-width: 1366px) {
  #mega nav > ul > li {
    margin-right: 15px;
  }
}
#mega nav > ul > li:nth-child(1) {
  flex-grow: 0;
}
#mega nav > ul > li > a, #mega nav > ul > li > button {
  white-space: nowrap;
  font-weight: 400;
  display: block;
  /*@media only screen and (max-width: 1080px) {

  }*/
}
@media only screen and (max-width: 1080px) {
  [lang=tr-TR] #mega nav > ul > li > a, [lang=tr-TR] #mega nav > ul > li > button {
    font-size: 14px;
  }
}
@media only screen and (max-width: 920px) {
  #mega nav > ul > li > a, #mega nav > ul > li > button {
    margin-right: 0;
  }
}
#mega nav > ul > li.announcements-link {
  display: none;
}
@media only screen and (max-width: 920px) {
  #mega nav > ul > li.announcements-link {
    display: inline-flex;
  }
}
@media only screen and (max-width: 920px) {
  #mega nav > ul > li {
    /*&.pushdown:nth-child(2) {
    	border-top: 1px solid #ccc;
    }*/
  }
  #mega nav > ul > li, #mega nav > ul > li.language-mobile li {
    border: 0 solid #ccc;
    border-bottom-width: 1px;
    line-height: 2em;
    display: block;
    width: 100%;
    margin-right: 0;
  }
  #mega nav > ul > li > a, #mega nav > ul > li > button, #mega nav > ul > li.language-mobile li > a, #mega nav > ul > li.language-mobile li > button {
    font-size: 1.1em;
    margin-bottom: 0;
    position: relative;
    display: block;
    color: #54565a;
  }
  #mega nav > ul > li .active, #mega nav > ul > li.language-mobile li .active {
    font-weight: bold;
  }
  #mega nav > ul > li.language-mobile {
    /*> a {
    	color: initial;
    }*/
  }
  #mega nav > ul > li.language-mobile li > a {
    font-size: 15px;
  }
  #mega nav > ul > li.language-mobile li:last-child {
    border-bottom: 0;
  }
  #mega nav > ul > li:nth-child(1) {
    display: none;
  }
}
#mega nav > ul > li[aria-hidden=true] {
  width: 100%;
  order: 2;
}
@media only screen and (max-width: 920px) {
  #mega nav > ul > li[aria-hidden=true] {
    order: 1;
  }
}
#mega nav > ul.container {
  width: 100%;
}
@media only screen and (max-width: 920px) {
  #mega nav {
    z-index: 1;
    width: 100%;
    flex-flow: column;
  }
  #mega nav a {
    padding: 12px 4px;
  }
  #mega nav a:focus {
    outline-offset: 0;
  }
  body.mobile-menu-open {
    overflow: hidden;
  }

  body.mobile-menu-open #mega nav > ul {
    display: flex;
    margin: 0;
    padding: 10px 20px;
    padding-top: 66px;
    background-color: #f2f2f2;
    z-index: 1;
    position: fixed;
    left: 0;
    bottom: 0;
    right: 0;
    top: 0;
    overflow: auto;
  }
  body.mobile-menu-open #mega nav .mobile-menu-button {
    background-color: #f2f2f2;
    position: relative;
    z-index: 2;
    border-bottom: 0;
  }
  body.mobile-menu-open #mega nav .logo {
    border: 0;
  }
}
#mega [aria-expanded], #mega .selected {
  position: relative;
}
#mega [aria-expanded]:before, #mega .selected:before {
  position: absolute;
  content: "";
  display: block;
  width: 100%;
  height: 3px;
  top: 30px;
}
@media only screen and (max-width: 920px) {
  #mega [aria-expanded], #mega .selected {
    border-bottom: 0;
  }
  #mega [aria-expanded]:after, #mega .selected:after {
    position: absolute;
    right: 20px;
    right: 15px;
  }
}
#mega [aria-expanded=true]:before, #mega .selected:before {
  background-color: #009845;
}
@media only screen and (max-width: 920px) {
  #mega [aria-expanded=true], #mega .selected {
    padding-bottom: 8px;
    border: 0;
    font-weight: inherit;
  }
  #mega [aria-expanded=true]:before, #mega .selected:before {
    display: none;
  }
}
#mega nav > ul > li.pushdown {
  margin-left: 15px;
}
@media only screen and (max-width: 920px) {
  #mega nav > ul > li.pushdown {
    margin-left: 0;
  }
}
#mega nav > ul > li.pushdown ~ li.pushdown {
  margin-left: 0;
}
@media only screen and (min-width: 921px) {
  #mega .pushdown [aria-hidden=true] {
    display: none;
  }
}
#mega .pushdown [aria-hidden=false] {
  border-bottom: 1px solid #ccc;
  border-top: 1px solid #ccc;
  background-color: #f2f2f2;
  margin-top: 15px;
  position: fixed;
  display: flex;
  z-index: 4;
  order: 3;
  left: 0;
  top: 90px;
  width: 100%;
}
@media only screen and (max-width: 920px) {
  #mega .pushdown [aria-hidden=false] {
    position: relative;
    background-color: transparent;
    margin: 0;
    top: 0;
    order: 1;
    border: 0;
  }
}
#mega .pushdown [aria-hidden=false].external-beta {
  top: 149px !important;
}
@media only screen and (max-width: 920px) {
  #mega .pushdown [aria-hidden=false].external-beta {
    top: 0 !important;
  }
}
#mega .pushdown h2, #mega .pushdown h3 {
  margin: 0;
  padding: 5px 6px;
  line-height: 1.5;
  font-size: 15px;
  color: #54565a;
  font-weight: 700;
  margin-bottom: 5px;
}
#mega .pushdown button:after, #mega .pushdown > a:after {
  display: inline-block;
  padding-top: 2px;
  padding-left: 5px;
  margin-left: 5px;
  background-image: url(../img/nav/light-arrow-down.svg);
  background-repeat: no-repeat;
  background-position: center bottom;
  background-size: 9px;
  content: "";
  width: 1em;
  height: 15px;
}
@media only screen and (max-width: 920px) {
  #mega .pushdown button, #mega .pushdown > a {
    font-weight: 400;
    color: #0f0f0f;
    line-height: 1.4;
    font-size: 1.1em;
    padding: 12px 4px;
  }
  #mega .pushdown button:after, #mega .pushdown > a:after {
    background-image: url(../img/nav/light-arrow-down.svg);
    background-size: contain;
    background-position: center;
    height: 100%;
    top: 0;
    margin: 0;
    padding: 0;
  }
  #mega .pushdown button[aria-expanded=true]:after, #mega .pushdown > a[aria-expanded=true]:after {
    transform: rotate(180deg);
  }
  #mega .pushdown button:focus, #mega .pushdown > a:focus {
    outline-offset: 0;
  }
}
#mega .pushdown ul.two {
  columns: 2;
}
@media only screen and (max-width: 1366px) {
  #mega .pushdown ul.two {
    columns: 1;
  }
}
#mega .pushdown-list {
  width: 90%;
  display: flex;
  flex-flow: initial;
  align-items: normal;
  line-height: 2em;
  align-items: normal;
  padding: 15px;
  justify-content: center;
  padding: 0;
}
#mega .pushdown-list h3, #mega .pushdown-list h4 {
  display: block;
  margin: 0;
  padding: 5px 6px;
  line-height: 1.42857143;
  font-size: 16px;
  color: #54565a;
  font-weight: 700;
  margin-bottom: 5px;
}
#mega .pushdown-list a {
  font-size: 0.92em;
  font-weight: 400;
  color: #0f0f0f;
  display: inline-block;
  line-height: 1.4;
  padding: 4px;
}
@media only screen and (max-width: 920px) {
  #mega .pushdown-list a {
    font-size: 0.875em;
  }
}
#mega .pushdown-list a.see-also-link-external::after {
  filter: saturate(0);
}
#mega .pushdown-list a.see-also-link-external.extra {
  font-size: 0.9rem;
  font-weight: 500;
}
#mega .pushdown-list a:focus, #mega .pushdown-list a:hover {
  text-decoration: underline;
  outline: none;
}
@media only screen and (max-width: 920px) {
  #mega .pushdown-list {
    /*height: auto !important;*/
    width: 100%;
    flex-flow: row wrap;
    align-items: flex-start;
    padding: 0;
    display: none;
  }
  #mega .pushdown-list > div {
    width: 100%;
    padding-bottom: 0 !important;
    /*h3 {
    	display: none;
    }*/
  }
}
@media only screen and (max-width: 920px) and (max-width: 920px) {
  #mega .pushdown-list > div {
    margin-left: 15px;
  }
}
@media only screen and (max-width: 920px) {
  #mega .pushdown-list > div h2 + ul {
    padding-bottom: 10px;
    display: block;
  }
}
@media only screen and (min-width: 921px) {
  #mega .pushdown-list.mega-box-list[aria-hidden=false] {
    display: block;
  }
  #mega .pushdown-list.mega-box-list h2 {
    width: 75%;
    color: #0f0f0f;
    margin-left: auto;
    margin-right: auto;
  }
  #mega .pushdown-list.mega-box-list ul {
    display: flex;
    width: 75%;
    flex-flow: wrap;
    padding-bottom: 10px;
    padding-top: 20px;
    margin-right: auto;
    margin-left: auto;
  }
  #mega .pushdown-list.mega-box-list ul li {
    margin-bottom: 20px;
    margin-right: 20px;
  }
  #mega .pushdown-list.mega-box-list ul li a {
    background-color: #fafafa;
    border: 1px solid #244b5a;
    border-radius: 3px;
    display: table-cell;
    vertical-align: middle;
    text-align: center;
    width: 185px;
    height: 140px;
    color: #0f0f0f;
  }
  #mega .pushdown-list.mega-box-list ul li a:hover {
    text-decoration: none;
  }
  #mega .pushdown-list.mega-box-list ul li a:focus {
    outline: 2px dotted #4b4b4b;
    text-decoration: none;
  }
  #mega .pushdown-list.mega-box-list ul li a.active {
    font-weight: 600;
    background-color: #d5d5d5;
  }
}
#mega .pushdown-list#more-resources-list ul {
  column-count: 4;
  margin-left: 20px;
  width: 55%;
  position: relative;
}
@media only screen and (max-width: 1366px) {
  #mega .pushdown-list#more-resources-list ul {
    column-count: 2;
  }
}
@media only screen and (max-width: 920px) {
  #mega .pushdown-list#more-resources-list ul {
    column-count: unset;
    padding-bottom: unset;
    position: unset;
    right: unset;
  }
}
#mega .pushdown-list#mega-onboarding-list {
  justify-content: left;
}
@media only screen and (max-width: 1366px) {
  #mega .pushdown-list#mega-onboarding-list {
    padding-left: 0px;
  }
}
#mega .pushdown-list.documentation-list {
  /*.archive-container {
  	padding: 38px 10px;

  	a {
  		background-image: url(../img/nav/archive.svg);
  		background-position: left center;
  		background-repeat: no-repeat;
  		background-size: 16px;
  		padding-left: 22px;
  	}

  	@media only screen and (max-width: 920px) {
  		padding: 0;
  		margin-top: 10px;

  		a {
  			margin: 0;
  		}
  	}
  }*/
}
@media only screen and (max-width: 1366px) {
  #mega .pushdown-list.documentation-list {
    padding-left: 0;
  }
}
@media only screen and (max-width: 1080px) {
  #mega .pushdown-list.documentation-list {
    flex-wrap: wrap;
  }
}
#mega .pushdown-list.documentation-list .doc-categories {
  width: 24%;
  padding: 20px 0;
}
#mega .pushdown-list.documentation-list .tablist {
  border: 0;
}
#mega .pushdown-list.documentation-list .tablist button {
  background-color: transparent;
  color: #54565a;
  text-align: left;
  display: block;
  width: 100%;
  z-index: 1;
  font-weight: 600;
  font-size: 1em;
  line-height: normal;
}
#mega .pushdown-list.documentation-list .tablist button span {
  margin-left: 20px;
}
#mega .pushdown-list.documentation-list .tablist button:after {
  background: transparent;
  display: block;
  width: 100%;
  margin: 0;
}
#mega .pushdown-list.documentation-list .tablist button[aria-selected=true], #mega .pushdown-list.documentation-list .tablist button:hover {
  background-color: #ffffff;
  text-shadow: none;
}
#mega .pushdown-list.documentation-list .tablist button[aria-selected=true]:after, #mega .pushdown-list.documentation-list .tablist button:hover:after {
  border-bottom: 2px solid #006937;
}
#mega .pushdown-list.documentation-list .tablist a {
  margin-left: 20px;
  font-weight: 400;
  font-size: 0.875em;
  color: #54565a;
  text-decoration: underline;
}
#mega .pushdown-list.documentation-list .tablist a:hover {
  text-decoration: none;
}
#mega .pushdown-list.documentation-list .tablist a:focus {
  outline: 2px dotted #4b4b4b;
}
#mega .pushdown-list.documentation-list .tablist li {
  display: block;
}
#mega .pushdown-list.documentation-list .tabpanel {
  line-height: 1.5;
  justify-content: left;
  width: 100%;
  border-left: 1px solid #ccc;
}
@media only screen and (max-width: 920px) {
  #mega .pushdown-list.documentation-list .tabpanel {
    border-left: 0;
  }
}
@media only screen and (max-width: 1080px) {
  #mega .pushdown-list.documentation-list .tabpanel {
    width: 30%;
    flex: auto;
    border-bottom: 1px solid #ccc;
  }
}
#mega .pushdown-list.documentation-list .tabpanel h2 {
  color: #54565a;
  font-size: 1.1em;
  line-height: 1.4;
  font-weight: 600;
  padding: 4px;
}
@media only screen and (max-width: 920px) {
  #mega .pushdown-list.documentation-list .tabpanel h2 {
    font-size: 0.92em;
  }
}
#mega .pushdown-list.documentation-list .tabpanel h3, #mega .pushdown-list.documentation-list .tabpanel h4 {
  color: #54565a;
  font-size: 1em;
  font-weight: 600;
}
#mega .pushdown-list.documentation-list .tabpanel h3 {
  padding: 4px;
}
#mega .pushdown-list.documentation-list .tabpanel h4 {
  font-weight: 400;
  margin-left: 14px;
  border-bottom: 1px solid #ccc;
}
#mega .pushdown-list.documentation-list .tabpanel.active {
  display: flex;
}
#mega .pushdown-list.documentation-list .tabpanel ul {
  line-height: 1.2em;
}
#mega .pushdown-list.documentation-list .tabpanel > div {
  padding: 10px 30px;
  border-left: 1px solid #ccc;
  margin: 10px 0;
}
#mega .pushdown-list.documentation-list .tabpanel > div:nth-child(1) {
  border: 0;
}
@media only screen and (max-width: 920px) {
  #mega .pushdown-list.documentation-list .tabpanel > div:nth-child(1) {
    margin-bottom: 8px;
    margin-top: 8px;
  }
}
#mega .pushdown-list.documentation-list .tabpanel > div > p {
  font-size: 0.875em;
}
#mega .pushdown-list.documentation-list .tabpanel#tabs1_tab4_panel > div {
  width: auto;
}
#mega .pushdown-list.documentation-list .tabpanel .archive-link {
  /*display: inline-block;
  color: $brand-grey;
  font-weight: 600;
  font-size: 1em;
  margin-top: 40px;
  margin-left: 10px;
  padding: 5px 10px;*/
  background-image: url(../img/icons/folder-sprout.svg);
  background-position: left center;
  background-repeat: no-repeat;
  background-size: 18px;
  padding-left: 26px;
  display: block;
  /*&:focus {
  	color: $brand-emerald;
  	outline: 2px dotted $outline-nav-color;
  }*/
}
@media only screen and (max-width: 920px) {
  #mega .pushdown-list.documentation-list .tabpanel .archive-link {
    background-position: left center;
    padding-left: 35px;
  }
}
#mega .pushdown-list.documentation-list .tabpanel .talend-logo {
  background-image: url(../img/logos/qlik-talend-new.svg);
  background-position: 2px center;
  background-repeat: no-repeat;
  height: 20px;
  margin-bottom: 6px;
  display: block;
  margin-top: 15px;
}
#mega .pushdown-list.documentation-list .tabpanel .lang-note {
  padding: 0px 4px 4px 22px;
  font-size: 0.8em;
  background-image: url(../img/nav/info-1.svg);
  background-repeat: no-repeat;
  background-size: 16px;
  background-position: 0px 2px;
  margin-top: 4px;
  margin-left: 2px;
  margin-bottom: 7px;
}
#mega .pushdown-list.documentation-list .tablist-mobile-button {
  display: none;
}
@media only screen and (max-width: 920px) {
  #mega .pushdown-list.documentation-list[aria-hidden=false] {
    display: block;
  }
  #mega .pushdown-list.documentation-list .tablist {
    display: none;
  }
  #mega .pushdown-list.documentation-list .tabpanel {
    flex-direction: column;
    width: auto;
    background: none;
  }
  #mega .pushdown-list.documentation-list .tabpanel.active {
    display: flex;
  }
  #mega .pushdown-list.documentation-list .tabpanel.active-mobile {
    display: flex;
  }
  #mega .pushdown-list.documentation-list .tabpanel > div {
    width: auto;
    padding: 0;
    margin: 0;
    border: 0;
  }
  #mega .pushdown-list.documentation-list .tabpanel > div ul {
    margin: 0;
  }
  #mega .pushdown-list.documentation-list .tabpanel > div p {
    display: none;
  }
  #mega .pushdown-list.documentation-list .tablist-mobile-button {
    display: none;
  }
  #mega .pushdown-list.documentation-list .tablist-mobile-button a, #mega .pushdown-list.documentation-list .tablist-mobile-button button {
    text-align: left;
    position: relative;
    padding: 8px 18px;
    background: none;
    display: block;
    width: 100%;
    border: 0;
    font-size: 16px;
    color: #54565a;
  }
  #mega .pushdown-list.documentation-list .tablist-mobile-button a:after, #mega .pushdown-list.documentation-list .tablist-mobile-button button:after {
    width: 1em;
    position: absolute;
    right: 15px;
  }
  #mega .pushdown-list.documentation-list .tablist-mobile-button a[aria-expanded=true], #mega .pushdown-list.documentation-list .tablist-mobile-button button[aria-expanded=true] {
    margin-bottom: 8px;
  }
  #mega .pushdown-list.documentation-list .tablist-mobile-button a[aria-expanded=true]:after, #mega .pushdown-list.documentation-list .tablist-mobile-button button[aria-expanded=true]:after {
    transform: rotate(180deg);
  }
  #mega .pushdown-list.documentation-list .tablist-mobile-button a {
    background-image: url(../img/nav/archive.svg);
    background-position: 18px center;
    background-repeat: no-repeat;
    background-size: 16px;
    padding-left: 44px;
  }
}
@media only screen and (min-width: 921px) {
  #mega .pushdown-list.onboarding-list, #mega .pushdown-list.more-resources-list {
    justify-content: left;
  }
  #mega .pushdown-list.onboarding-list > div, #mega .pushdown-list.more-resources-list > div {
    padding: 20px;
    padding-right: 50px;
    border-left: 1px solid #ccc;
  }
  #mega .pushdown-list.onboarding-list > div h2, #mega .pushdown-list.more-resources-list > div h2 {
    color: #0f0f0f;
    font-size: 1.1em;
    font-weight: 600;
    padding: 4px 4px 12px 4px;
  }
}
@media only screen and (max-width: 920px) {
  #mega .pushdown-list.onboarding-list > div h2, #mega .pushdown-list.more-resources-list > div h2 {
    color: #0f0f0f;
    font-size: 0.92em;
    font-weight: 600;
    padding: 4px 4px 12px 4px;
  }
}
@media only screen and (min-width: 921px) {
  #mega .mobile-menu-close-button,
#mega .mobile-menu-button,
#mega .mobile-menu-back {
    display: none;
  }
}
#mega .search-container {
  flex-grow: 1;
}
body.mobile-menu-open #mega .search-container {
  display: none;
}
#mega .search-container > button {
  background: url(../img/nav/icon-search-grey.svg);
  background-position: center top;
  background-repeat: no-repeat;
  background-size: 19px;
  margin-right: 10px;
  padding-top: 19px;
  display: none;
  font-size: 0.875em;
  border: 0;
}
@media only screen and (max-width: 920px) {
  #mega .search-container > button {
    display: inline-block;
  }
}
.search-page.su__autocomplete-running.su__app-running #mega .search-container {
  display: none;
}
#mega .more-resources-mobile {
  display: none;
}
@media only screen and (max-width: 920px) {
  #mega .more-resources-mobile {
    display: block;
  }
}
@media only screen and (max-width: 920px) {
  #mega header {
    justify-content: space-between;
    -ms-flex-pack: distribute;
    align-items: center;
    box-shadow: none;
  }
  #mega .dropdown {
    margin-bottom: 0;
  }
}
@media only screen and (min-width: 921px) {
  #mega {
    position: relative;
    background-color: #fff;
    width: 100%;
    z-index: 11;
    top: 0;
  }
  #mega .search-box.mobile {
    position: absolute;
    display: none;
    top: 20px;
    right: 20px;
  }
  #mega .head {
    display: none;
  }
}

/** Qlik Brand Colors **/
/** Qlik Brand Colors 2024 **/
/** Other UI Colors **/
/** Search Highlight Colors **/
/** Typography **/
/** Spacing **/
/** Media queries **/
/* 991px */
/* 992px */
/** Qlik Brand Colors **/
/** Qlik Brand Colors 2024 **/
/** Other UI Colors **/
/** Search Highlight Colors **/
/** Typography **/
/** Spacing **/
/** Media queries **/
/* 991px */
/* 992px */
#video-box {
  position: fixed;
  display: none;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  z-index: 15;
  background: rgba(0, 0, 0, 0.75);
}
#video-box.show {
  display: block;
}
#video-box .wrapper {
  position: relative;
  margin-left: auto;
  margin-right: auto;
  margin-top: 5%;
  padding: 40px;
  background-color: #c4cfda;
  width: 80%;
  height: 80%;
  border-radius: 2px;
  box-shadow: 0px 10px 40px 0px #0f0f0f;
}
@media only screen and (max-width: 920px) {
  #video-box .wrapper {
    width: 95%;
  }
}
@media only screen and (max-width: 501px) and (orientation:portrait), (max-height: 501px) and (orientation:landscape) {
  #video-box .wrapper {
    width: 100%;
  }
}
#video-box .wrapper h1 {
  display: none;
}
#video-box .close {
  background: url(../img/nav/close.svg);
  background-repeat: no-repeat;
  background-position: center;
  background-size: 22px;
  position: absolute;
  cursor: pointer;
  height: 40px;
  width: 40px;
  right: 5px;
  top: 5px;
}
#video-box iframe {
  border: 6px solid #54565a;
  width: 100%;
  height: 100%;
}

#video-box ul.tags, #results-videos ul.tags {
  list-style: none;
  padding: 0;
  margin: 0;
  display: inline-block;
  margin-top: 15px;
  margin-bottom: 60px;
  padding-left: 42px;
  background-image: url(../img/nav/tags.svg);
  background-size: 24px;
  background-repeat: no-repeat;
  background-position: 2px 2px;
}
#video-box ul.tags li, #results-videos ul.tags li {
  list-style: none;
  margin: 0;
  display: inline-block;
  line-height: 24px;
  height: 24px;
  vertical-align: middle;
  margin-right: 20px;
}
#video-box ul.tags li a, #results-videos ul.tags li a {
  color: #0f0f0f;
  text-decoration: underline;
}

body #vidyard-popbox {
  top: auto;
  left: auto;
  transform: none;
  position: relative;
}
body #vidyard-popbox .vidyard-lightbox-content-backer {
  transition: none !important;
  background-color: #fff;
}

body #vidyard-overlay-wrapper {
  transition: none;
}

.search-result .play-button {
  display: none !important;
}
/*.search-query-container {
	border-bottom: 1px solid #c0c0c0;
	padding-bottom: 20px;
}*/
/** Qlik Brand Colors **/
/** Qlik Brand Colors 2024 **/
/** Other UI Colors **/
/** Search Highlight Colors **/
/** Typography **/
/** Spacing **/
/** Media queries **/
/* 991px */
/* 992px */
.feedback.filters {
  border-top: 1px solid #e1e1e1;
  margin-top: 50px;
  padding-left: 0;
}
.feedback.filters h2 {
  font-size: 1.8em;
  font-weight: 600;
  margin-top: 10px;
}
@media only screen and (max-width: 920px) {
  .feedback.filters h2 {
    display: block;
  }
}
.feedback.filters button {
  outline-color: #002e5c;
}
.feedback.filters fieldset {
  padding: 10px;
  margin: 0;
  position: relative;
}
@media only screen and (max-width: 920px) {
  .feedback.filters fieldset {
    display: block;
  }
}
.feedback.filters fieldset > div {
  float: left;
  display: block;
  position: relative;
  white-space: nowrap;
  vertical-align: middle;
  padding: 0 20px;
  padding-left: 0;
  padding-top: 4px;
}
.feedback.filters fieldset > div input[type=radio] {
  top: calc(50% - 4px);
  left: calc(50% - 10px);
}
.feedback.filters fieldset > div input[type=radio]:focus + label {
  border-color: #002e5c;
}
.feedback.filters fieldset label {
  text-transform: uppercase;
  background-color: #fff;
}
.feedback.filters fieldset .feedback-error {
  border-left: 1px solid #9fa1a4;
  background-image: url(../img/nav/warning-darkred.svg);
  background-position: 16px center;
  background-repeat: no-repeat;
  background-size: 24px;
  min-height: 33px;
  padding: 9px 0;
  padding-left: 50px;
  vertical-align: middle;
  white-space: normal;
  color: darkred;
  display: none;
  float: left;
}
.feedback.filters.error.filters fieldset {
  background-color: #fafafa;
}
.feedback.filters.error.filters fieldset .feedback-error, .feedback.filters.error.filters fieldset .feedback-error-icon {
  display: table-cell;
}
.feedback.filters.error.filters fieldset label {
  background-color: #fafafa;
}
.feedback.filters.thankyou {
  display: none;
}
.feedback.filters textarea {
  border: 1px solid #9fa1a4;
  width: 100%;
  height: 200px;
  -webkit-appearance: textfield;
  margin: 10px 0;
  padding: 10px;
}
.feedback.filters textarea:focus {
  outline-color: #002e5c;
}
.feedback.filters .counter {
  color: #1c355e;
  clear: both;
  padding: 3px 0;
  display: block;
  right: 35px;
  position: absolute;
  font-size: 0.875em;
}
@media print {
  .feedback.filters {
    display: none;
    visibility: hidden;
  }
}

#feedback-thankyou {
  border-top: 1px solid #e1e1e1;
  display: none;
  padding: 2em 1em;
  color: #009845;
  text-align: center;
  width: 100%;
  font-size: 1.8em;
  font-weight: 600;
}
.feedback.thankyou + #feedback-thankyou {
  display: block;
}

.feedback-location {
  border-top: 1px solid #ddd;
  margin-top: 30px;
}
.feedback-location textarea.QSI__EmbeddedFeedbackContainer_OpenText {
  width: 100% !important;
  padding: 7px !important;
}
.feedback-location textarea.QSI__EmbeddedFeedbackContainer_OpenText:focus {
  outline: dotted 2px #4b4b4b !important;
}
.feedback-location button.QSI__EmbeddedFeedbackContainer_TextButton {
  font-weight: bold !important;
  padding: 0.6em 1.4em !important;
}
.feedback-location button.QSI__EmbeddedFeedbackContainer_TextButton:hover {
  background: #006937 !important;
  color: #fff !important;
}
.feedback-location button.QSI__EmbeddedFeedbackContainer_TextButton:focus {
  outline: dotted 2px #4b4b4b !important;
  outline-offset: 3px;
  color: #fff !important;
}
.feedback-location button.QSI__EmbeddedFeedbackContainer_StarButton svg > path {
  fill: #ffc72a !important;
}
.feedback-location button.QSI__EmbeddedFeedbackContainer_StarButton svg > path ~ path {
  fill: dimgray !important;
}
.feedback-location button.QSI__EmbeddedFeedbackContainer_StarButton:hover svg path {
  fill: #ffc72a !important;
}
.feedback-location button.QSI__EmbeddedFeedbackContainer_StarButton:focus {
  outline: dotted 2px #4b4b4b !important;
}
.feedback-location .QSI__EmbeddedFeedbackContainer_QuestionText:focus {
  outline: dotted 2px #4b4b4b !important;
}

#feedback-location .QSIUserDefinedHTML.SI_bmv7ux6Nn22Twh0_UserDefinedHTMLContainer {
  width: 100% !important;
  height: 390px !important;
}
@media only screen and (max-width: 920px) {
  #feedback-location .QSIUserDefinedHTML.SI_bmv7ux6Nn22Twh0_UserDefinedHTMLContainer {
    height: 420px !important;
  }
}
#feedback-location .QSIUserDefinedHTML.SI_bmv7ux6Nn22Twh0_UserDefinedHTMLContainer .scrollable {
  width: 100% !important;
  height: 420px !important;
  overflow: hidden !important;
}
@media only screen and (max-width: 920px) {
  #feedback-location .QSIUserDefinedHTML.SI_bmv7ux6Nn22Twh0_UserDefinedHTMLContainer .scrollable {
    width: 100% !important;
    height: 450px !important;
  }
}
@media only screen and (max-width: 1080px) {
  #feedback-location .QSIUserDefinedHTML.SI_bmv7ux6Nn22Twh0_UserDefinedHTMLContainer .scrollable {
    width: 100% !important;
  }
}
@media only screen and (max-width: 1366px) {
  #feedback-location .QSIUserDefinedHTML.SI_bmv7ux6Nn22Twh0_UserDefinedHTMLContainer .scrollable {
    width: 100% !important;
  }
}
@media only screen and (max-width: 510px) {
  #feedback-location .QSIUserDefinedHTML.SI_bmv7ux6Nn22Twh0_UserDefinedHTMLContainer .scrollable {
    width: 100% !important;
  }
}
@media only screen and (max-width: 370px) {
  #feedback-location .QSIUserDefinedHTML.SI_bmv7ux6Nn22Twh0_UserDefinedHTMLContainer .scrollable {
    width: 100% !important;
  }
}
#feedback-location .QSIUserDefinedHTML.SI_bmv7ux6Nn22Twh0_UserDefinedHTMLContainer > div {
  width: 100% !important;
  height: 400px !important;
  z-index: 3 !important;
}
@media only screen and (max-width: 920px) {
  #feedback-location .QSIUserDefinedHTML.SI_bmv7ux6Nn22Twh0_UserDefinedHTMLContainer > div {
    height: 420px !important;
  }
}
#feedback-location .QuestionBody > .ChoiceStructure > textarea {
  padding: 10px !important;
  max-width: 650px !important;
}
@media only screen and (max-width: 1080px) {
  #feedback-location .QuestionBody > .ChoiceStructure > textarea {
    width: 70% !important;
  }
}
@media only screen and (max-width: 920px) {
  #feedback-location .QuestionBody > .ChoiceStructure > textarea {
    width: 40% !important;
  }
}
#feedback-location .Skin {
  width: 80% !important;
}

.feedbackFrame {
  height: 430px;
}
@media only screen and (max-width: 920px) {
  .feedbackFrame {
    height: 450px;
  }
}

.archive .gray, .archive .light {
  text-align: left;
  padding: 40px 0;
}
.archive .gray .goto-link, .archive .light .goto-link {
  padding: 12px 14px;
}
.archive nav ol, .archive nav ul, .archive nav li {
  padding: 0;
  margin: 0;
  list-style: none;
}
.archive nav ol, .archive nav ul {
  margin-top: 30px;
  column-count: 4;
  column-gap: 20px;
  text-align: left;
}
@media only screen and (max-width: 920px) {
  .archive nav ol, .archive nav ul {
    column-count: 1;
  }
}
@media only screen and (max-width: 1150px) and (min-width: 921px) {
  .archive nav ol, .archive nav ul {
    column-count: 3;
  }
}
.archive nav li {
  display: inline-block;
  width: 100%;
  margin-bottom: 5px;
  margin-top: 10px;
}
.archive nav li a {
  float: unset !important;
  margin-top: unset !important;
  text-decoration: underline;
}
.archive nav li a:hover {
  text-decoration: none;
}
.archive nav h2 {
  font-size: 1.8em;
  font-weight: 400;
  margin-bottom: 10px;
  margin-top: 0;
}
.archive nav h2 a {
  text-decoration: underline;
}
.archive nav h2 a:hover {
  text-decoration: none;
}

/** Qlik Brand Colors **/
/** Qlik Brand Colors 2024 **/
/** Other UI Colors **/
/** Search Highlight Colors **/
/** Typography **/
/** Spacing **/
/** Media queries **/
/* 991px */
/* 992px */
body.api {
  /*.content .navigation-pane {
  	top: 98px;
  }*/
}
body.api em {
  font-variant: small-caps;
  font-style: normal;
  background-color: #fdfdfd;
  padding: 0 4px;
  /*&[data-verb="get"] { background-color: $brand-blue-light; }
  &[data-verb="post"] { background-color: $brand-green-light; }
  &[data-verb="put"] { background-color: $brand-orange; }
  &[data-verb="patch"] { background-color: lighten($brand-orange, 20%); }
  &[data-verb="delete"] { background-color: red; color:#fff; }*/
}
body.api a[role=treeitem] {
  white-space: nowrap;
}
body.api #topicContent {
  padding-bottom: 50px;
}
@media only screen and (min-width: 921px) {
  body.api #wrap .main {
    height: 100%;
  }
}
body.api #mega {
  background-color: #244b5a;
  color: #ffffff;
}
@media only screen and (min-width: 921px) {
  body.api #mega {
    height: 98px;
  }
}
body.api #mega .logo {
  height: 42px;
}
body.api #mega .mega-logo {
  margin-top: 0;
}
body.api #mega .mega-search {
  padding-top: 10px;
}
body.api #mega .header {
  padding: 0;
}
body.api #mega .title {
  padding-left: 2px;
  font-size: 1.1em;
  font-weight: bold;
}
@media only screen and (max-width: 920px) {
  body.api #mega .title {
    float: left;
    padding-bottom: 5px;
  }
}
body.api #mega .version {
  padding-left: 2px;
  font-size: 0.875em;
}
@media only screen and (max-width: 920px) {
  body.api #mega .version {
    float: right;
    padding-bottom: 5px;
  }
}
@media only screen and (max-width: 920px) and (-webkit-min-device-pixel-ratio: 2), only screen and (max-width: 920px) and (min-device-pixel-ratio: 2), only screen and (max-width: 920px) and (min-resolution: 192dpi) {
  body.api #mega {
    min-height: initial;
  }
  body.api #mega .mega-logo {
    margin-top: 0;
  }
  body.api #mega .mega-logo .logo {
    height: 35px;
  }
  body.api #mega .mega-logo img {
    display: initial;
  }
  body.api #mega .mega-logo a:before {
    display: none;
  }
}
body.api .navigation .tree-header {
  min-height: 20px;
  margin: 0;
}
@media only screen and (max-width: 920px) {
  body.api .navigation .tree-header {
    padding: 10px;
  }
}
body.api .navigation .content-button {
  display: none;
}
body.api .navigation .content-button button {
  /*
  background-image: url(../img/nav/hamburger-white.svg);
  background-repeat: no-repeat;
  background-position: center;
  background-size: 16px;
  height: 38px;
  width: 38px;
  float: right;
  */
}
@media only screen and (max-width: 920px) {
  body.api .navigation .content-button {
    display: block;
  }
}
@media only screen and (max-width: 920px) {
  body.api .navigation ul[role=tree] {
    border-top: 0;
  }
}
body.api .parameters > div, body.api .field-items > div {
  padding-bottom: 10px;
}
body.api .parameters dl, body.api .field-items dl {
  display: inline-block;
  margin-bottom: 0;
}
body.api .parameters dt, body.api .parameters dd, body.api .field-items dt, body.api .field-items dd {
  float: left;
  margin-top: 4px;
}
body.api .parameters dt, body.api .field-items dt {
  font-family: "Source Code Pro", Monaco, Menlo, Consolas, "Courier New", monospace;
  background-color: #f4f4f4;
  font-weight: bold;
  padding: 2px 4px;
  display: inline;
  clear: left;
}
body.api .parameters dt .deprecated:before, body.api .field-items dt .deprecated:before {
  content: "(";
}
body.api .parameters dt .deprecated:after, body.api .field-items dt .deprecated:after {
  content: ")";
}
body.api .parameters dd, body.api .field-items dd {
  display: inline;
  margin-left: 5px;
  clear: right;
}
body.api .parameters p, body.api .field-items p {
  margin: 0;
}

/** Qlik Brand Colors **/
/** Qlik Brand Colors 2024 **/
/** Other UI Colors **/
/** Search Highlight Colors **/
/** Typography **/
/** Spacing **/
/** Media queries **/
/* 991px */
/* 992px */
a.right {
  float: right;
}

a.left {
  float: left;
}

.snow {
  background: #fff;
  border-bottom: 1px solid #ededed;
}
.snow.alabaster {
  background: rgba(196, 207, 218, 0.15);
}

.snow, .gray {
  padding: 40px 0;
  margin: 0;
}
@media only screen and (max-width: 920px) {
  .snow, .gray {
    padding: 10px 0 !important;
  }
}
.snow .subheader, .gray .subheader {
  font-weight: 400;
  margin-bottom: 15px;
  padding-bottom: 8px;
  font-size: 1.1em;
  margin-top: 0;
}
.snow h2, .gray h2 {
  margin-bottom: 15px;
  text-align: left;
  font-size: 2em;
}
.snow h3, .gray h3 {
  text-align: left;
  margin: 0;
}
.snow ul, .gray ul {
  text-align: left;
}
.snow p, .gray p {
  text-align: left;
}
.snow .col-6, .gray .col-6 {
  padding: 0 40px 0 0;
  margin: 0;
}
.snow .col-6 h2, .gray .col-6 h2 {
  font-weight: 400;
  margin-bottom: 0;
  padding-bottom: 8px;
  text-align: left;
  font-size: 2em;
}
.snow .col-6 h2 a, .gray .col-6 h2 a {
  color: #009845;
  border-bottom: solid 1px;
}
.snow .col-6 h2 a:focus, .gray .col-6 h2 a:focus {
  outline-color: #006937;
}
.snow .col-6 h3, .gray .col-6 h3 {
  font-weight: 400;
  margin-bottom: 0;
  padding-bottom: 8px;
  margin-top: 0;
  text-align: left;
}
.snow .col-6 h3 a:focus, .gray .col-6 h3 a:focus {
  outline-color: #006937;
}
.snow .col-12, .gray .col-12 {
  padding: 30px 0px 10px 0px;
}
.snow .col-12 h1, .gray .col-12 h1 {
  font-weight: 600;
  text-align: left;
  font-size: 2.8em;
}
.snow .col-12 .titlepic, .gray .col-12 .titlepic {
  float: left;
  margin-right: 20px;
}
.snow .col-12 p, .gray .col-12 p {
  text-align: left;
  width: 75%;
}
@media only screen and (max-width: 920px) {
  .snow .col-12 p, .gray .col-12 p {
    width: 100%;
  }
}
.snow .col-12 a, .gray .col-12 a {
  color: #006937;
  border-bottom: solid 1px;
}
.snow .col-12 img, .gray .col-12 img {
  width: 230px;
  position: absolute;
  padding: 0 10px 15px 0;
  top: 70px;
  right: 30px;
}
@media only screen and (max-width: 920px) {
  .snow .col-12 img, .gray .col-12 img {
    display: none;
  }
}
@media only screen and (max-width: 501px) and (orientation:portrait), (max-height: 501px) and (orientation:landscape) {
  .snow .col-12 img, .gray .col-12 img {
    display: none;
  }
}
.snow .wrap .col-12, .gray .wrap .col-12 {
  padding: 0 0 30px 0;
}

.wrap {
  display: flex;
  flex-wrap: wrap;
}
@media only screen and (max-width: 920px) {
  .wrap {
    display: block;
  }
}

.gray {
  background: #f6f7f8;
}
@media only screen and (max-width: 920px) {
  .gray {
    padding: 10px 0;
  }
}

.center-list a {
  text-decoration: none;
}
.center-list h2 {
  font-weight: 300;
  font-size: 1.8em;
  padding-bottom: 10px;
  color: #0f0f0f;
  margin: 50px 0;
  text-align: center;
}
@media only screen and (max-width: 920px) {
  .center-list h2 {
    font-size: 28px;
    margin: 20px 0;
  }
}
.center-list ul, .center-list li {
  display: block;
  padding: 0;
  margin: 0;
}
.center-list li {
  width: 25%;
  position: relative;
  min-height: 1px;
  padding-left: 15px;
  padding-right: 15px;
  float: left;
  text-align: center;
}
@media only screen and (max-width: 501px) and (orientation:portrait) {
  .center-list li {
    width: 100% !important;
  }
}
@media only screen and (max-width: 920px) {
  .center-list li {
    width: 50%;
  }
}
.center-list .resource-link {
  display: inline-block;
  position: relative;
  text-align: center;
  border-radius: 2px;
  margin-bottom: 15px;
  border-bottom: 0;
}
.center-list .resource-link img {
  height: 120px;
  width: 120px;
  margin-top: -5px;
  margin-bottom: -10px;
  background: #ffc72a;
  border-radius: 50%;
  padding: 15px;
}
.center-list .resource-link .title {
  color: #0f0f0f;
  font-size: 1.3em;
  display: block;
  height: 55px;
  font-weight: 100;
  margin: 15px 0 20px 0;
}
.center-list .resource-link .QlikBranch {
  padding: 15px;
}
.center-list .resource-link:focus {
  outline-color: #006937;
}

.row .link-list-arrows {
  list-style: none;
  margin: 0;
  padding: 0;
  text-align: left;
  transition: background ease-in-out 0.1s;
}
.row .link-list-arrows li {
  border-bottom: 1px solid #ddd;
  width: 100%;
  padding: 8px 0;
}
.row .link-list-arrows li a {
  color: #006937;
  border-bottom: none;
  text-decoration: none;
  font-size: 0.92em;
  background-image: url(../img/nav/thin-arrow-right-green.svg);
  background-repeat: no-repeat;
  background-size: 11px;
  background-position: center right;
  padding-right: 16px;
}
@media only screen and (max-width: 1080px) {
  .row .link-list-arrows li a {
    margin-right: 10px;
  }
}
.row .link-list-arrows li a.pdf::after {
  background: url("../img/file-icons/Pdf-green.svg") no-repeat;
  background-size: 12px;
}
.row .link-list-arrows li a:focus {
  outline: 2px dotted #222222;
}
.row .link-list-arrows li a:hover {
  color: #006937;
  text-decoration: underline;
}
.row a.goto-link {
  color: #fff;
  background: #009844;
  display: inline-block;
  transition: background ease-in-out 0.1s;
  text-decoration: none;
  border-radius: 30px;
  padding: 10px 20px;
  float: none;
  margin-top: 20px;
  font-size: 1.2rem;
  font-weight: 700;
}
.row a.goto-link:hover {
  background: #006937;
  text-decoration: underline;
}
.row a.goto-link.secondary {
  background: #fff;
  color: #009844;
  background-image: url(../img/nav/thin-arrow-right-green.svg);
}
.row .wrap .link-list-header {
  display: block;
  width: 100%;
  margin-top: 30px;
  padding-bottom: 0;
  position: relative;
  bottom: -6px;
}
@media only screen and (max-width: 920px) {
  .row .wrap > .link-list-header + .col-6 {
    margin-bottom: 0;
  }
}
@media only screen and (max-width: 920px) {
  .row .wrap > .link-list-header + .col-6 + .col-6 {
    margin-top: 0;
  }
}
.row .wrap h3 {
  text-align: left;
  padding-bottom: 8px;
}
.row .wrap h3 a {
  border-bottom: solid 1px;
  color: #009845;
}
.row .wrap h3 a:focus {
  outline-color: #006937;
}
.row .card .link-list-arrows {
  margin: 15px 0;
}

.row.snow .container .col-4, .row.snow .container .col-6, .row.snow .container .col-12, .row.gray .container .col-4, .row.gray .container .col-6, .row.gray .container .col-12 {
  padding-left: 0px;
  padding-right: 40px;
}
@media only screen and (max-width: 920px) {
  .row.snow .container .col-4, .row.snow .container .col-6, .row.snow .container .col-12, .row.gray .container .col-4, .row.gray .container .col-6, .row.gray .container .col-12 {
    margin: 20px 0 30px 0;
    padding-left: 15px;
    padding-right: 15px;
  }
}
.row.snow .container .row .col-4, .row.snow .container .row .col-6, .row.snow .container .row .col-12, .row.gray .container .row .col-4, .row.gray .container .row .col-6, .row.gray .container .row .col-12 {
  margin: 20px 0 20px 0;
  padding-left: 0px;
  padding-right: 40px;
}
@media only screen and (max-width: 920px) {
  .row.snow .container .row .col-4, .row.snow .container .row .col-6, .row.snow .container .row .col-12, .row.gray .container .row .col-4, .row.gray .container .row .col-6, .row.gray .container .row .col-12 {
    margin: 20px 0 30px 0;
    padding-left: 15px;
    padding-right: 15px;
  }
}
.row.snow .english-only, .row.gray .english-only {
  margin-left: 5px;
  font-size: 14px;
}
.row.snow a.vid, .row.gray a.vid {
  border-bottom: none !important;
}
.row.snow a.close, .row.gray a.close {
  border-bottom: none !important;
}
.row.snow .col-12 a:focus, .row.gray .col-12 a:focus {
  outline: 2px dotted #222222;
}

.col-4, .row.snow .col-6, .col-6, .row.gray .col-4 {
  text-align: left;
}

.subheader {
  font-weight: 300;
  font-size: 1.5em;
  margin: 0;
  padding: 0;
  text-align: left;
}

.portal-image {
  background-image: url(../img/portal/box-grafik.png);
  background-repeat: no-repeat;
  background-position-y: bottom;
  background-position-x: right;
  background-size: 100%;
  width: 15%;
  height: 700px;
  position: absolute;
  top: 450px;
  right: 0;
}
@media only screen and (max-width: 1366px) {
  .portal-image {
    display: none;
  }
}

.sense-top-back {
  background-image: url(../img/portal/sense-top-back.png);
  background-repeat: repeat-x;
  background-position-y: top;
  background-position-x: right;
  background-size: 22%;
  width: 100%;
  height: 340px;
  position: absolute;
  right: 0;
}
@media only screen and (max-width: 1366px) {
  .sense-top-back {
    height: 400px;
    background-size: 32%;
  }
}
@media only screen and (max-width: 920px) {
  .sense-top-back {
    height: 400px;
    background-size: 42%;
  }
}

.sense-middle-back {
  background-image: url(../img/portal/sense-middle-back.png);
  background-repeat: no-repeat;
  background-position-y: center;
  background-position-x: left;
  background-size: 100%;
  width: 300px;
  height: 520px;
  position: absolute;
  left: 0;
  top: 86%;
  transform: scaleX(-1);
}
@media only screen and (max-width: 1366px) {
  .sense-middle-back {
    display: none;
  }
}

.qlikview-top-back {
  background-image: url(../img/portal/qlikview-top-back.png);
  background-repeat: no-repeat;
  background-position-y: top;
  background-position-x: right;
  background-size: 100%;
  width: 20%;
  height: 700px;
  position: absolute;
  right: 0;
  bottom: 0;
}
@media only screen and (max-width: 1366px) {
  .qlikview-top-back {
    display: none;
  }
}

.qlikview-bottom-back {
  background-image: url(../img/portal/qlikview-bottom-back.png);
  background-repeat: no-repeat;
  background-position-y: bottom;
  background-position-x: left;
  background-size: 100%;
  width: 20%;
  height: 700px;
  position: absolute;
  left: 0;
}
@media only screen and (max-width: 1366px) {
  .qlikview-bottom-back {
    display: none;
  }
}

.pageheader {
  text-align: center;
  color: #fff;
  background-color: #006580;
  height: auto;
  background-image: url(../img/portal/abstract-lines.png);
  background-position: center;
  margin: 0;
}
@media only screen and (max-width: 920px) {
  .pageheader {
    background-image: url(../img/portal/abstract-lines-01.png);
    font-size: 12px;
  }
}
.pageheader h1 {
  font-weight: 400;
  padding: 0;
  font-size: 2.5em;
  margin-top: 34px;
}
@media only screen and (max-width: 920px) {
  .pageheader h1 {
    margin: 25px 0;
  }
}
.pageheader .introduction {
  font-size: 1.4em;
  padding-bottom: 1em;
  font-weight: 100;
  margin-top: 0;
}

a.close[href^="#"]::after, a.close, a.vid, a.vid[href^="#"]::after {
  background-image: none;
  border-bottom: none;
  content: none;
}

a.close:hover, a.vid:hover {
  border-bottom-style: none;
}

.centered {
  text-align: center !important;
}

.row.tanzanite {
  background-color: #1c355e;
  color: #fff;
  margin-left: 0;
  margin-right: 0;
  padding: 40px 0;
}
.row.tanzanite a.goto-link {
  background: none;
  border-color: #fff;
  border-width: 2px;
  border-style: solid;
}
.row.tanzanite a.goto-link:hover {
  background: #fff;
  color: #1c355e;
  text-decoration: underline;
}
.row.tanzanite a.goto-link:hover:after {
  background-image: url(../img/nav/thin-arrow-right-green.svg);
}
.row.tanzanite a.goto-link:focus {
  outline: 2px dotted #fff !important;
}
.row.tanzanite .button:focus {
  outline: 2px dotted #fff;
}
.row.tanzanite.landing {
  background-color: #fff;
  background-image: url(../img/portal/help-portal-2024-back.jpg);
  background-repeat: no-repeat;
  background-position: right;
}
@media only screen and (max-width: 920px) {
  .row.tanzanite.landing {
    background-image: none;
  }
}
.row.tanzanite.landing h1 {
  margin-top: 0;
  display: inline-block;
}
.row.wine {
  background: #870064;
  color: #fff;
  margin-left: 0;
  margin-right: 0;
  padding: 40px 0;
}
.row.wine a {
  color: #fff;
}
.row.wine a.goto-link {
  background: none;
  border-color: #fff;
  border-width: 2px;
  border-style: solid;
}
.row.wine a.goto-link:hover {
  background: #fff;
  color: #1c355e;
  text-decoration: underline;
}
.row.wine a.goto-link:hover:after {
  background-image: url(../img/nav/thin-arrow-right-green.svg);
}
.row.wine a.goto-link:focus {
  outline: 2px dotted #fff !important;
}
.row.wine .button:focus {
  outline: 2px dotted #fff;
}
.row.turquoise {
  padding: 40px 0;
}
.row.turquoise.landing {
  background-image: url(../img/portal/contrail-wings-cut-2024.png);
  background-repeat: no-repeat;
  background-position: right bottom;
  background-size: 45%;
}
@media only screen and (max-width: 920px) {
  .row.turquoise.landing {
    background-image: none;
  }
}
.row.turquoise a {
  color: #fff;
}
.row.turquoise a.goto-link {
  background: none;
  border-color: #fff;
  border-width: 2px;
  border-style: solid;
}
.row.turquoise a.goto-link:hover {
  background: #fff;
  color: #006580;
  text-decoration: underline;
}
.row.turquoise a.goto-link:hover:after {
  background-image: url(../img/nav/thin-arrow-right-green.svg);
}
.row.turquoise a.goto-link:focus {
  outline: 2px dotted #fff !important;
}
.row.turquoise h3 {
  color: #fff !important;
}
.row.turquoise .button:focus {
  outline: 2px dotted #fff !important;
}
.row.amethyst {
  background: #655DC6;
  color: #fff;
  padding: 60px 0;
  margin-left: 0;
  margin-right: 0;
}
.row.amethyst a {
  color: #fff;
}
.row.amethyst a.goto-link {
  border-width: 2px;
  border-style: solid;
}
.row.amethyst a.goto-link:hover {
  text-decoration: underline;
}
.row.amethyst h3 {
  color: #fff !important;
}
.row.amethyst .button:focus {
  outline: 2px dotted #fff !important;
}
.row.amethyst.no-toc {
  background-image: url(../img/portal/qcs-portal-back-2-2024.jpg);
  background-repeat: repeat-y;
  background-position: right -18px;
  background-color: #fff;
  color: #19426C;
  background-size: 60%;
}
@media only screen and (max-width: 920px) {
  .row.amethyst.no-toc {
    background-image: none;
  }
}
.row.amethyst.no-toc h1 {
  font-size: 2.5em;
}
.row.amethyst.no-toc .col-6.nopadding > h1 {
  margin-top: 0;
  margin-bottom: 12px;
}
.row.turquoise, .row.snow {
  margin-left: 0;
  margin-right: 0;
}
.row .col-6.data-integration {
  padding: 40px 0;
}
.row.portal {
  margin-left: 0;
  margin-right: 0;
  padding: 40px;
}
.row.portal h3 {
  font-size: 1.8em;
  font-weight: 500;
}
.row.portal h3.category-title {
  font-size: 1.6em;
  font-weight: 500;
  padding-bottom: 5px;
  margin-top: 40px;
  margin-bottom: 10px;
}
.row.portal h2 {
  font-size: 2.1em;
  font-weight: 400;
}
.row.portal h4 {
  font-size: 1.2em;
  font-weight: 600;
}
.row.portal h4.category-title {
  border-bottom: 1px solid lightgray;
  padding-bottom: 5px;
  margin-top: 40px;
}
.row.portal h1, .row.portal h2, .row.portal h3, .row.portal h4 {
  color: #19426C;
}
.row.portal .tile h3, .row.portal .card h3 {
  margin-bottom: 0;
}
.row.portal.gray {
  text-align: left;
}
.row.portal.gray .see-all {
  float: right;
  margin: 20px 40px;
  text-decoration: underline;
}
.row.portal.amethyst {
  background: #655DC6;
  color: #fff;
}
.row.portal.amethyst h2 {
  font-weight: 400;
  text-align: center;
  font-size: 2.1em;
  margin-bottom: 40px;
  margin-top: 10px;
  color: #fff;
}
.row.portal.amethyst h3 {
  color: #fff;
  margin-left: 40px;
}
.row.portal.amethyst a.right {
  color: #fff;
}
.row.portal.amethyst a.goto-link {
  color: #fff;
}
.row.landing {
  padding: 60px 0;
  color: #333;
}
.row.landing .intro h1 {
  font-size: 3.2em;
  font-weight: 500;
}
.row.landing h1 {
  margin-top: 12px;
  margin-bottom: 15px;
  font-size: 2.5em;
  font-weight: 600;
  color: #19426C;
}
.row.landing h1.intro {
  margin-top: 0px;
}

.image {
  background-repeat: no-repeat !important;
  background-position: center;
  background-size: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}
@media only screen and (max-width: 920px) {
  .image {
    background-image: none !important;
  }
}
.image::after {
  content: ".";
  visibility: hidden;
}
.image.right {
  background-position: right;
  background-size: 50%;
}
.image.left {
  background-position: left;
  background-size: 50%;
}
.image.cover {
  background-size: cover;
}

.image-container {
  display: flex;
}
@media only screen and (max-width: 920px) {
  .image-container {
    display: block;
  }
}

.extra-padding {
  margin-bottom: 35px;
}

.anchor-list {
  list-style: none;
  margin: 0;
  padding: 0;
}
.anchor-list :last-child::after {
  display: none;
}
.anchor-list a[href^="#"]::after {
  background-image: none;
  border-bottom: none;
  content: none;
}
.anchor-list li {
  display: inline-block;
  margin-right: 15px;
  vertical-align: middle;
}
.anchor-list li::after {
  content: "|";
  padding-left: 15px;
}
.anchor-list li a {
  font-weight: 600;
  font-size: 1.2em;
  color: #006937;
  text-decoration: none;
}
.anchor-list li a:hover {
  text-decoration: underline;
}
.anchor-list li a:focus {
  outline: 2px dotted #006937;
}

.col-6.intro .tooltip, .col-8.intro .tooltip {
  top: 6px;
}
.col-6.intro .tooltip button, .col-8.intro .tooltip button {
  backdrop-filter: blur(10px) opacity(90%);
}

.intro {
  padding: 15px 0;
}
@media only screen and (max-width: 920px) {
  .intro {
    padding: 40px 20px;
  }
}
.intro .subheader {
  margin-bottom: 30px;
  margin-right: 30px;
  line-height: 30px;
  font-size: 1.3em;
}
.intro .subheader > span {
  color: #222;
}
.intro .subheader span.mc-variable {
  background-color: unset;
  backdrop-filter: unset;
}

.hero-nav {
  background-color: #f6f7f8;
}
.hero-nav ul {
  list-style: none;
  margin: 0;
  padding: 0;
  text-align: left;
}
.hero-nav ul li {
  display: inline-block;
  padding: 15px 0;
}
@media only screen and (max-width: 920px) {
  .hero-nav ul li {
    padding: 5px 0;
  }
}
.hero-nav ul li a {
  font-weight: 700;
  text-decoration: none;
  font-size: 1.2rem;
}
.hero-nav ul li a::after {
  background-image: none;
  width: unset;
}
.hero-nav ul li a:focus {
  outline: 2px dotted #fff;
}
.hero-nav ul li a:hover {
  text-decoration: underline;
}
.hero-nav ul li a[href^="#"]:after {
  content: none;
}
.hero-nav ul li::after {
  content: " | ";
  width: 20px;
  margin-left: 10px;
  margin-right: 10px;
}
.hero-nav ul li:last-child::after {
  display: none;
}
.hero-nav.amethyst ul {
  background-color: #4b42ba;
}

@media only screen and (max-width: 920px) {
  #Administration {
    padding-left: 15px;
    padding-right: 15px;
  }
}

#IntegratingData .col-4.image img {
  transform: scaleX(-1);
}

/** Qlik Brand Colors **/
/** Qlik Brand Colors 2024 **/
/** Other UI Colors **/
/** Search Highlight Colors **/
/** Typography **/
/** Spacing **/
/** Media queries **/
/* 991px */
/* 992px */
#announcement-banner {
  background: #94579C;
  color: #fff;
  position: relative;
  display: none;
}
body.show-announcement-banner #announcement-banner {
  display: block;
}
body.mobile-menu-open #announcement-banner {
  display: none;
}
#announcement-banner > .container {
  width: 100%;
}
#announcement-banner .close {
  background: url(../img/icons/closeme.svg);
  background-size: 15px;
  background-repeat: no-repeat;
  background-position: center;
  text-decoration: none;
  position: absolute;
  text-align: center;
  z-index: 1;
  width: 36px;
  right: 15px;
  top: 0;
  bottom: 0;
  display: block;
  border: 0;
}
@media only screen and (max-width: 1366px) {
  #announcement-banner .close {
    right: 0;
  }
}
#announcement-banner .close:focus {
  outline: 2px dotted #ffffff;
  outline-offset: -2px;
}
#announcement-banner ul, #announcement-banner ol, #announcement-banner li {
  display: inline-block;
  list-style: none;
  padding: 0;
  margin: 0;
}
#announcement-banner .items {
  display: flex;
  line-height: 36px;
  height: 36px;
}
#announcement-banner .buttons {
  white-space: nowrap;
}
#announcement-banner .buttons li {
  display: inline-block;
  text-align: center;
  cursor: pointer;
  width: 21px;
  height: 36px;
  line-height: 1em;
}
#announcement-banner .buttons li:last-child {
  margin-right: calc(18px + 4px);
}
#announcement-banner .buttons button {
  display: inline-block;
  position: relative;
  background: transparent;
  border: 2px dotted transparent;
  vertical-align: middle;
  border-radius: 10px;
  width: 20px;
  height: 20px;
  padding: 0;
  margin: 0;
}
#announcement-banner .buttons button span {
  transition: background ease-in-out 250ms;
  position: absolute;
  display: inline-block;
  border-radius: 4px;
  overflow: hidden;
  color: transparent;
  background: #ffffff;
  width: 8px;
  height: 8px;
  top: 4px;
  left: 4px;
}
#announcement-banner .buttons button.active span {
  background: #fff;
}
#announcement-banner .buttons button:focus {
  outline: none;
  border-color: #ffffff;
}
#announcement-banner .announcements {
  position: relative;
  display: block;
  width: 100%;
}
#announcement-banner .announcements li {
  text-overflow: ellipsis;
  padding: 0 5px;
  position: absolute;
  white-space: nowrap;
  overflow: hidden;
  opacity: 0;
  z-index: 1;
  width: calc(100% - 36px);
  transition: opacity ease-in-out 750ms;
}
#announcement-banner .announcements li.active {
  opacity: 1;
}
#announcement-banner .announcements a {
  border-bottom: 0 dotted #ffffff;
  color: #ffffff;
}
#announcement-banner .announcements a:after {
  background-image: url(../img/nav/light-arrow-right-white.svg);
  background-repeat: no-repeat;
  background-position: bottom;
  background-size: 10px;
  display: inline-block;
  margin-left: 2px;
  height: 20px;
  width: 10px;
  content: "";
}
#announcement-banner .announcements a:focus {
  outline: none;
  border-bottom-width: 2px;
}

.announcement-item {
  position: relative;
}
.announcement-item [id^=anchor] {
  position: relative;
  pointer-events: none;
}
.announcement-item [id^=anchor]:before {
  content: "";
  display: block;
  position: relative;
  margin-top: -4em;
  visibility: hidden;
  height: 4em;
}
.announcement-item h2 {
  font-size: 1.8em;
  font-weight: 400;
  margin-top: 30px;
  margin-bottom: 10px;
  margin-top: 0;
  max-width: calc(100% - 100px);
}
.announcement-item a {
  text-decoration: underline;
}
.announcement-item a:hover {
  text-decoration: none;
}
.announcement-item .date {
  display: block;
  color: #54565a;
  padding: 10px 0;
}
.announcement-item .date::before {
  content: "";
  display: inline-block;
  background-image: url(../img/icons/calendar-2.svg);
  background-size: auto 18px;
  background-position: top;
  background-repeat: no-repeat;
  vertical-align: middle;
  margin: 0 10px;
  width: 24px;
  height: 19px;
}

.announcements .light, .announcements .gray {
  text-align: left;
  border-bottom: 2px solid #fff;
}
.announcements h1 {
  font-size: 2.4em;
  margin-top: 30px;
}
.announcements .goto-link {
  margin-top: 20px;
}

/** Qlik Brand Colors **/
/** Qlik Brand Colors 2024 **/
/** Other UI Colors **/
/** Search Highlight Colors **/
/** Typography **/
/** Spacing **/
/** Media queries **/
/* 991px */
/* 992px */
.rss-channel-page {
  color: #333333;
}
.rss-channel-page #main {
  padding-top: 40px;
}
.rss-channel-page h1 {
  font-size: 1.4378em;
  font-weight: 700;
  color: #54565a;
}
.rss-channel-page h2 {
  border-bottom: 1px solid silver;
  margin-top: 30px;
  margin-bottom: 0;
  padding-bottom: 5px;
  font-size: 1em;
  font-weight: normal;
}
.rss-channel-page .back {
  padding-left: 20px;
  background-image: url(../img/nav/dash-arrow-dark-left.svg);
  background-repeat: no-repeat;
  background-size: 18px auto;
  background-position: left center;
}
.rss-channel-page .rss-link {
  position: relative;
  padding-left: 20px;
}
.rss-channel-page .rss-link:before {
  background-image: url(../img/icons/rss.svg);
  background-position: center center;
  background-repeat: no-repeat;
  background-size: 12px 12px;
  background-color: orange;
  display: inline-block;
  border-radius: 4px;
  position: absolute;
  top: 3px;
  left: 0;
  content: "";
  width: 16px;
  height: 16px;
}
.rss-channel-page .rss-items {
  display: block;
  margin: 0;
  padding: 0;
  margin-bottom: 50px;
}
.rss-channel-page .rss-items > li {
  position: relative;
  display: block;
  border-bottom: 1px solid silver;
  padding: 5px;
  padding-bottom: 25px;
  margin: 0;
}
.rss-channel-page .rss-items > li h2 {
  display: none;
}
.rss-channel-page .rss-items > li > a {
  display: block;
}
.rss-channel-page .rss-items > li .title {
  text-decoration: underline;
  font-size: 1.27em;
  font-weight: 600;
}
.rss-channel-page .rss-items > li .description {
  width: 100%;
  overflow: hidden;
}
.rss-channel-page .rss-items > li .description * {
  color: #333;
  font-weight: normal;
  font-size: 1em;
  padding: 0;
  margin: 0;
}
.rss-channel-page .rss-items > li .description ul li {
  margin-left: 20px;
  list-style: inherit;
}
.rss-channel-page .rss-items > li .description h3 {
  font-size: 1.14em;
}
.rss-channel-page .rss-items > li .description h4 {
  margin-left: 10px;
}
.rss-channel-page footer {
  text-align: center;
  padding: 40px 0;
}

/* http://prismjs.com/download.html?themes=prism&languages=markup+css+clike+javascript+csharp+aspnet&plugins=show-language */
/**
 * prism.js default theme for JavaScript, CSS and HTML
 * Based on dabblet (http://dabblet.com)
 * @author Lea Verou
 */
/** Qlik Brand Colors **/
/** Qlik Brand Colors 2024 **/
/** Other UI Colors **/
/** Search Highlight Colors **/
/** Typography **/
/** Spacing **/
/** Media queries **/
/* 991px */
/* 992px */
code[class*=language-],
pre[class*=language-] {
  color: black;
  /*text-shadow: 0 1px white;*/
  font-family: "Source Code Pro", Monaco, Menlo, Consolas, "Courier New", monospace;
  direction: ltr;
  text-align: left;
  white-space: pre;
  word-spacing: normal;
  word-break: normal;
  word-wrap: normal;
  line-height: 1.5;
  font-size: 14px;
  -moz-tab-size: 4;
  -o-tab-size: 4;
  tab-size: 4;
  -webkit-hyphens: none;
  -moz-hyphens: none;
  -ms-hyphens: none;
  hyphens: none;
}

pre[class*=language-]::-moz-selection, pre[class*=language-] ::-moz-selection,
code[class*=language-]::-moz-selection, code[class*=language-] ::-moz-selection {
  background: #cccccc;
}

pre[class*=language-]::selection, pre[class*=language-] ::selection,
code[class*=language-]::selection, code[class*=language-] ::selection {
  background: #cccccc;
}

@media print {
  code[class*=language-],
pre[class*=language-] {
    text-shadow: none;
  }
}
/* Code blocks */
pre[class*=language-] {
  padding: 1em;
  margin: 1em 0;
  overflow: auto;
}

pre[class*=language-] {
  background: #f2f2f2;
}

/* Inline code 
:not(pre) > code[class*="language-"] {
	padding: .1em;
	border-radius: .3em;
}
*/
.token.prolog,
.token.doctype,
.token.cdata {
  color: #5491C9;
}

.token.comment {
  color: green;
}

.token.punctuation {
  color: #555;
}

.namespace {
  opacity: 0.7;
}

.token.property,
.token.tag,
.token.boolean,
.token.constant,
.token.symbol,
.token.deleted {
  color: blue;
}

.token.selector,
.token.attr-name,
.token.string,
.token.char,
.token.inserted {
  color: #b22222;
}

.token.operator,
.token.entity,
.token.url,
.language-css .token.string,
.style .token.string {
  color: #555;
  background: transparent;
}

.token.atrule,
.token.attr-value {
  color: #b22222;
}

.token.keyword {
  color: blue;
}

.token.builtin,
.token.function {
  color: #5491C9;
}

.token.regex,
.token.important,
.token.variable {
  color: blue;
}

.token.important {
  font-weight: bold;
}

.token.entity {
  cursor: help;
}

pre[class*=language-] {
  position: relative;
  /*min-height: 60px;*/
}

pre[class*=language-] > code[data-language] {
  overflow: auto;
  display: block;
}
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
  pre[class*=language-] > code[data-language] {
    /* IE10+ CSS styles go here */
  }
}

pre[class*=language-] > code[data-language] {
  /*&::before {
  	content: attr(data-language);
  	color: black;
  	//background-color: #CFCFCF;
  	background-color: $code-background-color;
  	display: block;
  	font-size: $font-size-code;
  	border-radius: 0;
  	padding: 0 0.5em;
  	text-shadow: none;
  	border-bottom: 1px solid #ccc;
  	height: 40px;
  	line-height: 32px;
  	padding-left: 10px;
  	margin-bottom: 15px;
  	position: sticky;
  	left: 0;
  	-ms-user-select: none;
  }

  @media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
  	//position:absolute;
  	//right:0px;
  	width: 15%;
  	text-align: center;
  	border-bottom: none;
  	background: #fff;
  	//text-decoration: underline;
  	-ms-user-select: none; // IE10+/Edge
  	line-height: 40px;
  }

  */
}
pre[class*=language-].wide code {
  width: calc(100% - 25px);
}

pre[class*=language-javascript] .token.function {
  color: black;
}

pre[class*=language-withcopy] > code[data-language]::before {
  content: none;
  color: black;
  background-color: #f2f2f2;
  display: block;
  font-size: 14px;
  border-radius: 0;
  padding: 0 0.5em;
  text-shadow: none;
  border-bottom: 1px solid #ccc;
  height: 40px;
  line-height: 32px;
  padding-left: 10px;
  margin-bottom: 15px;
  position: sticky;
  left: 0;
  -ms-user-select: none;
}
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
  pre[class*=language-withcopy] > code[data-language]::before {
    width: 15%;
    text-align: center;
    border-bottom: none;
    background: #fff;
    -ms-user-select: none;
    /* IE10+/Edge */
    line-height: 40px;
  }
}

.copy-code {
  background-image: url(../img/icons/copy.svg);
  background-color: transparent;
  background-repeat: no-repeat;
  background-size: 22px;
  background-position: center center;
  border: 0;
  position: absolute;
  height: 30px;
  width: 30px;
  margin: 4px;
  right: 0;
  top: 0;
}
.copy-code:focus {
  outline: 2px dotted #4b4b4b;
}
.copy-code > span {
  position: absolute !important;
  height: 1px;
  width: 1px;
  overflow: hidden;
  clip: rect(1px 1px 1px 1px);
  clip: rect(1px, 1px, 1px, 1px);
}

/** Qlik Brand Colors **/
/** Qlik Brand Colors 2024 **/
/** Other UI Colors **/
/** Search Highlight Colors **/
/** Typography **/
/** Spacing **/
/** Media queries **/
/* 991px */
/* 992px */
/** Qlik Brand Colors **/
/** Qlik Brand Colors 2024 **/
/** Other UI Colors **/
/** Search Highlight Colors **/
/** Typography **/
/** Spacing **/
/** Media queries **/
/* 991px */
/* 992px */
.card {
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 10px;
  overflow: hidden;
  border: 1px solid;
  border-color: rgba(84, 86, 90, 0.25);
  background-color: rgba(196, 207, 218, 0.15);
  margin-bottom: 15px;
  transition: box-shadow linear 0.3s;
  padding: 0;
}
.card:hover {
  -webkit-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
}
.wrapping .card {
  margin-bottom: 0;
}
.card i {
  font-style: normal;
}
.card a {
  text-decoration: none;
}
.card a:hover {
  text-decoration: none;
  cursor: pointer;
}
.card a p, .card a li {
  color: #404040;
  line-height: 140%;
  font-size: 16px;
}
.card h2, .card h2 > a, .card h3, .card h3 > a, .card h4, .card h4 > a {
  color: #19426C;
}
.card h2, .card h3, .card h4 {
  font-size: 1.3em;
  font-weight: 600;
  display: inline;
}
.card.linked {
  position: relative;
  cursor: pointer;
}
.card.linked > a {
  border: 2px dotted transparent;
  display: block;
}
.card.linked > a:hover, .card.linked > a:focus {
  background-color: #f8f8f8;
}
.card.linked > a:focus {
  border-color: #4b4b4b;
  outline: none;
  margin: 0;
}
.card .card-image, .card .card-video {
  height: 100px;
  text-align: center;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
}
.card .card-image img, .card .card-video img {
  max-width: 100%;
  height: auto;
  max-height: 100%;
}
.onboardingpage .card .card-image img, .onboardingpage .card .card-video img {
  border-radius: 10px 10px 0 0;
}
.card .card-image .icon, .card .card-video .icon {
  background-size: auto 65%;
  font-size: 6vh;
}
.card .card-video {
  height: auto;
  padding: 20px;
}
@media only screen and (max-width: 920px) {
  .card .card-video {
    padding: 25px 25%;
  }
}
.card .card-content {
  padding: 15px;
}
.card .card-content h1:first-child,
.card .card-content h2:first-child,
.card .card-content h3:first-child,
.card .card-content h4:first-child,
.card .card-content h5:first-child,
.card .card-content h6:first-child,
.card .card-content p:first-child {
  margin-top: 0;
}
.card .card-content h1:last-child,
.card .card-content h2:last-child,
.card .card-content h3:last-child,
.card .card-content h4:last-child,
.card .card-content h5:last-child,
.card .card-content h6:last-child,
.card .card-content p:last-child {
  margin-bottom: 0;
}
.card .card-image + .card-content {
  border-top: 1px solid #f4f4f4;
}
.card .card-image + .card-content:after {
  display: table;
  content: "";
  clear: both;
}
.card span[data-mc-conditions^=Language] {
  display: block;
  margin: 10px 0;
}
.card:hover {
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.5);
}
.card .card-content {
  padding: 24px;
}
.card .card-content > span {
  color: rgba(15, 15, 15, 0.85);
  display: block;
  font-size: 0.875em;
}
.card .card-content p {
  color: #404040;
  line-height: 140%;
  font-weight: 400;
  font-size: 16px;
}
.card .card-content h3 {
  font-size: 1.6em;
}
.card.cta {
  position: inherit;
  border: 1px solid #ccc;
}
.card.cta .card-content a {
  text-decoration: none;
  font-weight: 600;
  color: #006937;
}
.card.cta .card-content a:hover {
  text-decoration: underline;
  color: #156037;
}
.card.cta h3, .card.cta h2 {
  color: #54565a !important;
  font-size: 1.5em;
  text-decoration: none !important;
}
.card.cta.hero .card-image {
  border: 2px solid #fff;
}
.card.cta:hover {
  box-shadow: none;
}
@media only screen and (max-width: 920px) {
  .card.cta.snow, .card.cta.gray {
    padding: 0 !important;
  }
}
.card .card-image {
  text-align: left;
  height: 48px;
  margin: 12px 12px 4px 24px;
}
.card .card-image img:hover {
  opacity: 0.9;
}
.card .card-image + .card-content {
  border-top: none;
  padding: 0 24px 24px 24px;
}
.card.hero .card-image + .card-content {
  padding: 24px;
}
.card .card-video {
  padding: 0;
}
.card.card--horizontal {
  padding-top: 20px;
}
.card.card--horizontal .card-image + .card-content {
  width: 60%;
  border-top: 0;
}
.card.card--horizontal .card-image, .card.card--horizontal .card-video {
  float: right;
  width: 40%;
  padding-left: 10px;
  height: 150px;
}
@media only screen and (max-width: 920px) {
  .card.card--horizontal .card-video {
    padding: 25px 0;
  }
}
.card.linked > a {
  text-decoration: none;
  flex-direction: column;
  display: flex;
  flex: auto;
  height: 100%;
}
.card.linked > a:hover, .card.linked > a:focus {
  background-color: transparent;
}
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
  .card.linked > a:hover, .card.linked > a:focus {
    background-color: inherit;
  }
}
.card.linked > a:focus {
  border-color: #222;
}
@media only screen and (max-width: 920px) {
  .card.linked > a:focus {
    height: inherit;
    width: auto;
  }
}
.card.linked > a h2, .card.linked > a h3 {
  color: #19426C;
  font-size: 1.6em;
  font-weight: 500;
}
.card.linked > a h2:hover, .card.linked > a h3:hover {
  text-decoration: underline;
}
#topicContent .card.linked > a h2, #topicContent .card.linked > a h3 {
  font-size: 1.4em;
}
.card.linked.card--horizontal > a {
  flex-direction: row;
}
.card.linked.card--horizontal > a .card-image, .card.linked.card--horizontal > a .card-video {
  order: 2;
}
.card.linked.card--horizontal > a .card-content {
  order: 1;
}
.card.mini {
  display: flex;
  flex-direction: row-reverse;
}
.card.mini .card-image {
  width: 45px;
  height: 45px;
  display: flex;
  align-items: center;
}
.card.mini .card-content {
  padding: 10px 20px 10px 10px;
  align-self: center;
  width: 100%;
  line-height: 1.35;
}
.card.mini .card-content h2, .card.mini .card-content h3 {
  font-size: 1.1em !important;
  color: #404040;
  font-weight: 600;
}
.card.mini a {
  height: 100%;
  flex-direction: row-reverse;
  align-items: center;
}
.card.wine {
  background: #870064;
}
.card.turquoise {
  background: #006580;
}
.card.emerald {
  background: #006937;
}
.card.amethyst {
  background: #655DC6;
}
.card.tanzanite {
  background: #1c355e;
}
.card.sapphire {
  background: #005CB9;
}
.card.snow {
  background: #ffffff;
}
.card.alabaster {
  background: rgba(196, 207, 218, 0.15);
}
.card.snow.hero .card-content h3, .card.alabaster.hero .card-content h3 {
  margin-left: 0;
}
.card.snow.hero .card-content > span, .card.alabaster.hero .card-content > span {
  margin-top: -65px;
  position: absolute;
  z-index: 2;
  background: #fff;
  padding: 3px 10px;
  border-radius: 12px;
}
.card.snow h2, .card.snow h3, .card.alabaster h2, .card.alabaster h3 {
  color: #54565a;
}
.card.snow > a:focus, .card.alabaster > a:focus {
  border-color: #4b4b4b;
}
.card.hero .card-image {
  width: auto;
  height: auto;
  min-width: 85px;
  margin: 0;
  display: flex;
}
.card.hero .card-image.fade.wine {
  background-color: #63004a;
}
.card.hero .card-image.fade.tanzanite {
  background-color: #193443;
}
.card.hero .card-image.fade.slate {
  background-color: #004a5f;
}
.card.hero .card-image.fade > img {
  opacity: 0.1;
}
.card.hero .card-content {
  color: #0f0f0f;
}
.card.hero .card-content > span {
  color: #54565a;
  margin-top: 0.2em;
}
.card.hero .card-content h3 {
  color: #006937;
  text-decoration: none;
}
.card.amethyst *, .card.emerald *, .card.sapphire *, .card.tanzanite *, .card.turquoise *, .card.wine * {
  color: #fff;
}
.card.amethyst.linked > a h2, .card.amethyst.linked > a h3, .card.emerald.linked > a h2, .card.emerald.linked > a h3, .card.sapphire.linked > a h2, .card.sapphire.linked > a h3, .card.tanzanite.linked > a h2, .card.tanzanite.linked > a h3, .card.turquoise.linked > a h2, .card.turquoise.linked > a h3, .card.wine.linked > a h2, .card.wine.linked > a h3 {
  color: #ffffff;
}
@media only screen and (max-width: 920px) {
  .card.snow, .card.gray {
    padding: 0px 0 !important;
  }
}

.flexbox {
  display: flex;
}
.flexbox .card {
  margin-bottom: 0;
  width: 100%;
  display: flex;
  flex-flow: column;
}
@media only screen and (max-width: 920px) {
  .flexbox {
    display: block;
  }
}
.flexbox.row {
  margin-left: 0;
  margin-right: 0;
}
@media only screen and (max-width: 920px) {
  .flexbox.row {
    margin-left: -15px;
    margin-right: -15px;
  }
}
.flexbox [class*=col-] {
  margin: 8px 0;
  padding-left: 0px;
  padding-right: 0px;
  display: flex;
}
.flexbox [class*=col-] .card {
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
}
@media only screen and (max-width: 920px) {
  .flexbox [class*=col-] .card {
    margin-bottom: 15px;
  }
}
.flexbox [class*=col-] .card > h3::after {
  height: inherit;
}
@media only screen and (max-width: 920px) {
  .flexbox [class*=col-] .card > h3::after {
    display: block;
  }
}
.flexbox [class*=col-] .card > h3 p {
  height: inherit;
}
@media only screen and (max-width: 920px) {
  .flexbox [class*=col-] .card > h3 p {
    display: block;
  }
}
@media only screen and (min-width: 921px) {
  .flexbox [class*=col-] + [class*=col-] {
    margin-left: 15px;
  }
}
.flexbox .col-1 {
  flex-grow: 1;
}
.flexbox .col-2 {
  flex-grow: 2;
}
.flexbox .col-3 {
  flex-grow: 3;
}
.flexbox .col-4 {
  flex-grow: 4;
}
.flexbox .col-5 {
  flex-grow: 5;
}
.flexbox .col-6 {
  flex-grow: 6;
}
.flexbox .col-7 {
  flex-grow: 7;
}
.flexbox .col-8 {
  flex-grow: 8;
}
.flexbox .col-9 {
  flex-grow: 9;
}
.flexbox .col-10 {
  flex-grow: 10;
}
.flexbox .col-11 {
  flex-grow: 11;
}
.flexbox .col-12 {
  flex-grow: 12;
  padding-right: 0;
}
.flexbox .flex-links {
  display: flex;
  align-content: flex-end;
  flex-direction: row;
  flex-wrap: wrap;
  flex-grow: 1;
  padding-top: 8px;
}

/** Qlik Brand Colors **/
/** Qlik Brand Colors 2024 **/
/** Other UI Colors **/
/** Search Highlight Colors **/
/** Typography **/
/** Spacing **/
/** Media queries **/
/* 991px */
/* 992px */
.amp {
  background: #655DC6;
  color: #fff;
  /*    @media only screen and (max-width: 920px) {
      max-height: 140px;
  }*/
}
.amp .amp-banner {
  width: 100%;
  padding: 30px;
  /*        @-moz-document url-prefix() {
      .close-amp-banner {
          top: 4px;
      }

  }*/
}
@media only screen and (max-width: 920px) {
  .amp .amp-banner {
    padding: 20px;
  }
}
.amp .amp-banner a {
  color: #fff;
  text-decoration: underline;
}
.amp .amp-banner a:focus {
  outline: 2px dotted #fff;
}
.amp .amp-banner h4 {
  display: inline-block;
  font-size: 1.4em;
  margin-top: 0;
  padding-top: 0;
  margin-bottom: 0;
}
.amp .amp-banner .button {
  font-size: 16px;
  color: #fff;
  background: #009845;
  border: 1px solid #fff;
  padding: 5px 10px;
  border-radius: 2px;
  font-weight: 400;
}
.amp .amp-banner .button:hover {
  background: #006937;
}
.amp .amp-banner .button:focus {
  outline: 2px dotted #fff;
}
.amp .amp-banner .intro-text {
  display: none;
  float: right;
}
.amp .amp-banner .intro-text span {
  margin-right: 10px;
}
.amp .amp-banner .cta {
  position: relative;
  display: inline-block;
  left: 20px;
}
@media only screen and (max-width: 1080px) {
  .amp .amp-banner .cta {
    left: 0px;
  }
}
.amp .amp-banner .cta span {
  margin-right: 10px;
}
.amp .amp-banner .close-amp-banner {
  height: 18px;
  right: 0;
  display: inline-block;
  margin-left: 10px;
}
.amp .amp-banner .close-amp-banner:focus {
  outline: 2px dotted #fff;
  border-radius: 50%;
}
@media only screen and (max-width: 920px) {
  .amp .amp-banner .close-amp-banner {
    right: 15px;
    top: 15px;
    position: absolute;
  }
}
.amp .amp-banner .close-amp-banner img {
  width: 18px;
  height: 18px;
}
@media only screen and (max-width: 1080px) {
  .amp .amp-info {
    display: inherit;
  }
}
.amp.hide {
  display: none;
}
@media only screen and (max-width: 920px) {
  .amp {
    position: sticky;
    bottom: 0;
  }
}

/** Qlik Brand Colors **/
/** Qlik Brand Colors 2024 **/
/** Other UI Colors **/
/** Search Highlight Colors **/
/** Typography **/
/** Spacing **/
/** Media queries **/
/* 991px */
/* 992px */
div.note, div.tip, div.warning, div.news, div.wf-note, div.not-in, div.govnote, div.note-light {
  border-radius: 3px;
  background: #f4f4f4;
  padding: 12px 12px 12px 48px;
  position: relative;
  margin-bottom: 0;
  margin-top: 16px;
  min-height: 48px;
}
div.note h1,
div.note h2,
div.note h3,
div.note h4,
div.note h5,
div.note h6, div.tip h1,
div.tip h2,
div.tip h3,
div.tip h4,
div.tip h5,
div.tip h6, div.warning h1,
div.warning h2,
div.warning h3,
div.warning h4,
div.warning h5,
div.warning h6, div.news h1,
div.news h2,
div.news h3,
div.news h4,
div.news h5,
div.news h6, div.wf-note h1,
div.wf-note h2,
div.wf-note h3,
div.wf-note h4,
div.wf-note h5,
div.wf-note h6, div.not-in h1,
div.not-in h2,
div.not-in h3,
div.not-in h4,
div.not-in h5,
div.not-in h6, div.govnote h1,
div.govnote h2,
div.govnote h3,
div.govnote h4,
div.govnote h5,
div.govnote h6, div.note-light h1,
div.note-light h2,
div.note-light h3,
div.note-light h4,
div.note-light h5,
div.note-light h6 {
  font-size: 1.1em;
  font-weight: 600;
}
div.note h1, div.note h1 + p:first-child,
div.note h2,
div.note h2 + p:first-child,
div.note h3,
div.note h3 + p:first-child,
div.note h4,
div.note h4 + p:first-child,
div.note h5,
div.note h5 + p:first-child,
div.note h6,
div.note h6 + p:first-child, div.tip h1, div.tip h1 + p:first-child,
div.tip h2,
div.tip h2 + p:first-child,
div.tip h3,
div.tip h3 + p:first-child,
div.tip h4,
div.tip h4 + p:first-child,
div.tip h5,
div.tip h5 + p:first-child,
div.tip h6,
div.tip h6 + p:first-child, div.warning h1, div.warning h1 + p:first-child,
div.warning h2,
div.warning h2 + p:first-child,
div.warning h3,
div.warning h3 + p:first-child,
div.warning h4,
div.warning h4 + p:first-child,
div.warning h5,
div.warning h5 + p:first-child,
div.warning h6,
div.warning h6 + p:first-child, div.news h1, div.news h1 + p:first-child,
div.news h2,
div.news h2 + p:first-child,
div.news h3,
div.news h3 + p:first-child,
div.news h4,
div.news h4 + p:first-child,
div.news h5,
div.news h5 + p:first-child,
div.news h6,
div.news h6 + p:first-child, div.wf-note h1, div.wf-note h1 + p:first-child,
div.wf-note h2,
div.wf-note h2 + p:first-child,
div.wf-note h3,
div.wf-note h3 + p:first-child,
div.wf-note h4,
div.wf-note h4 + p:first-child,
div.wf-note h5,
div.wf-note h5 + p:first-child,
div.wf-note h6,
div.wf-note h6 + p:first-child, div.not-in h1, div.not-in h1 + p:first-child,
div.not-in h2,
div.not-in h2 + p:first-child,
div.not-in h3,
div.not-in h3 + p:first-child,
div.not-in h4,
div.not-in h4 + p:first-child,
div.not-in h5,
div.not-in h5 + p:first-child,
div.not-in h6,
div.not-in h6 + p:first-child, div.govnote h1, div.govnote h1 + p:first-child,
div.govnote h2,
div.govnote h2 + p:first-child,
div.govnote h3,
div.govnote h3 + p:first-child,
div.govnote h4,
div.govnote h4 + p:first-child,
div.govnote h5,
div.govnote h5 + p:first-child,
div.govnote h6,
div.govnote h6 + p:first-child, div.note-light h1, div.note-light h1 + p:first-child,
div.note-light h2,
div.note-light h2 + p:first-child,
div.note-light h3,
div.note-light h3 + p:first-child,
div.note-light h4,
div.note-light h4 + p:first-child,
div.note-light h5,
div.note-light h5 + p:first-child,
div.note-light h6,
div.note-light h6 + p:first-child {
  margin-top: 0;
}
div.note h1:last-child,
div.note h2:last-child,
div.note h3:last-child,
div.note h4:last-child,
div.note h5:last-child,
div.note h6:last-child,
div.note p:last-child, div.tip h1:last-child,
div.tip h2:last-child,
div.tip h3:last-child,
div.tip h4:last-child,
div.tip h5:last-child,
div.tip h6:last-child,
div.tip p:last-child, div.warning h1:last-child,
div.warning h2:last-child,
div.warning h3:last-child,
div.warning h4:last-child,
div.warning h5:last-child,
div.warning h6:last-child,
div.warning p:last-child, div.news h1:last-child,
div.news h2:last-child,
div.news h3:last-child,
div.news h4:last-child,
div.news h5:last-child,
div.news h6:last-child,
div.news p:last-child, div.wf-note h1:last-child,
div.wf-note h2:last-child,
div.wf-note h3:last-child,
div.wf-note h4:last-child,
div.wf-note h5:last-child,
div.wf-note h6:last-child,
div.wf-note p:last-child, div.not-in h1:last-child,
div.not-in h2:last-child,
div.not-in h3:last-child,
div.not-in h4:last-child,
div.not-in h5:last-child,
div.not-in h6:last-child,
div.not-in p:last-child, div.govnote h1:last-child,
div.govnote h2:last-child,
div.govnote h3:last-child,
div.govnote h4:last-child,
div.govnote h5:last-child,
div.govnote h6:last-child,
div.govnote p:last-child, div.note-light h1:last-child,
div.note-light h2:last-child,
div.note-light h3:last-child,
div.note-light h4:last-child,
div.note-light h5:last-child,
div.note-light h6:last-child,
div.note-light p:last-child {
  margin-bottom: 0;
}
div.note h1 a, div.note h2 a, div.note h3 a, div.note h4 a, div.note h5 a, div.note h6 a, div.note strong a, div.tip h1 a, div.tip h2 a, div.tip h3 a, div.tip h4 a, div.tip h5 a, div.tip h6 a, div.tip strong a, div.warning h1 a, div.warning h2 a, div.warning h3 a, div.warning h4 a, div.warning h5 a, div.warning h6 a, div.warning strong a, div.news h1 a, div.news h2 a, div.news h3 a, div.news h4 a, div.news h5 a, div.news h6 a, div.news strong a, div.wf-note h1 a, div.wf-note h2 a, div.wf-note h3 a, div.wf-note h4 a, div.wf-note h5 a, div.wf-note h6 a, div.wf-note strong a, div.not-in h1 a, div.not-in h2 a, div.not-in h3 a, div.not-in h4 a, div.not-in h5 a, div.not-in h6 a, div.not-in strong a, div.govnote h1 a, div.govnote h2 a, div.govnote h3 a, div.govnote h4 a, div.govnote h5 a, div.govnote h6 a, div.govnote strong a, div.note-light h1 a, div.note-light h2 a, div.note-light h3 a, div.note-light h4 a, div.note-light h5 a, div.note-light h6 a, div.note-light strong a {
  color: #1c355e;
  border: 0;
}
div.note > p:first-of-type,
div.note > h2:first-of-type,
div.note > h3:first-of-type,
div.note > h4:first-of-type, div.tip > p:first-of-type,
div.tip > h2:first-of-type,
div.tip > h3:first-of-type,
div.tip > h4:first-of-type, div.warning > p:first-of-type,
div.warning > h2:first-of-type,
div.warning > h3:first-of-type,
div.warning > h4:first-of-type, div.news > p:first-of-type,
div.news > h2:first-of-type,
div.news > h3:first-of-type,
div.news > h4:first-of-type, div.wf-note > p:first-of-type,
div.wf-note > h2:first-of-type,
div.wf-note > h3:first-of-type,
div.wf-note > h4:first-of-type, div.not-in > p:first-of-type,
div.not-in > h2:first-of-type,
div.not-in > h3:first-of-type,
div.not-in > h4:first-of-type, div.govnote > p:first-of-type,
div.govnote > h2:first-of-type,
div.govnote > h3:first-of-type,
div.govnote > h4:first-of-type, div.note-light > p:first-of-type,
div.note-light > h2:first-of-type,
div.note-light > h3:first-of-type,
div.note-light > h4:first-of-type {
  margin-top: 0;
}
div.note > ul, div.note ol, div.tip > ul, div.tip ol, div.warning > ul, div.warning ol, div.news > ul, div.news ol, div.wf-note > ul, div.wf-note ol, div.not-in > ul, div.not-in ol, div.govnote > ul, div.govnote ol, div.note-light > ul, div.note-light ol {
  padding-left: 15px;
}
div.note > ul:first-of-type, div.note ol:first-of-type, div.tip > ul:first-of-type, div.tip ol:first-of-type, div.warning > ul:first-of-type, div.warning ol:first-of-type, div.news > ul:first-of-type, div.news ol:first-of-type, div.wf-note > ul:first-of-type, div.wf-note ol:first-of-type, div.not-in > ul:first-of-type, div.not-in ol:first-of-type, div.govnote > ul:first-of-type, div.govnote ol:first-of-type, div.note-light > ul:first-of-type, div.note-light ol:first-of-type {
  margin: 0;
}

/* less margins for the different notes within list items */
li div.note, li div.tip, li div.warning, li div.news, li div.wf-note, li div.not-in, li div.govnote, li div.note-light {
  margin-top: 16px;
  margin-bottom: 8px;
}

div.note {
  background-color: #ebf4ff;
  border: none;
  border-left: 4px solid #005cb9;
  padding-left: 45px;
}

div.note-light {
  background: none;
  border: none;
  padding-left: 45px;
}

div.warning {
  background-color: #fff3cd;
  border: none;
  border-left: 4px solid #ef960f;
  padding-left: 45px;
}

div.tip {
  background-color: #EBFEF4;
  border: none;
  border-left: 4px solid #0aaf54;
  padding-left: 45px;
}

div.news, div.govnote {
  background-color: #ebf4ff;
  border: none;
  border-left: 4px solid #005cb9;
  padding-left: 45px;
}

div.wf-note {
  padding-left: 75px;
  padding-bottom: 20px;
}

div.not-in {
  background-color: #fff3cd;
  border: none;
  border-left: 4px solid #ef960f;
  padding-left: 45px;
}
div.not-in .autonumber {
  padding-right: 8px;
}

.note-icon {
  background-repeat: no-repeat;
  background-position: 15px 13px;
  background-size: 20px;
}

div.note, div.note-light {
  background-repeat: no-repeat;
  background-position: 15px 13px;
  background-size: 20px;
  background-image: url("../img/nav/info-1.svg");
}

div.wf-note {
  background-repeat: no-repeat;
  background-position: 15px 13px;
  background-size: 20px;
  background-image: url("../img/nav/workflow-info.svg");
  background-size: 44px;
}

div.tip {
  background-repeat: no-repeat;
  background-position: 15px 13px;
  background-size: 20px;
  background-image: url("../img/nav/check.svg");
}

div.warning {
  background-repeat: no-repeat;
  background-position: 15px 13px;
  background-size: 20px;
  background-image: url("../img/nav/warning.svg");
}

div.news {
  background-repeat: no-repeat;
  background-position: 15px 13px;
  background-size: 20px;
  background-image: url("../img/nav/news-mega-solid.svg");
}

div.govnote {
  background-repeat: no-repeat;
  background-position: 15px 13px;
  background-size: 20px;
  background-size: 24px;
  background-image: url("../img/nav/govnote-grey.svg");
}

main#main.onboard div div div.note {
  margin-bottom: 0px;
  margin-top: 0px;
  border-radius: 0;
  border-left: 0;
}

/** Qlik Brand Colors **/
/** Qlik Brand Colors 2024 **/
/** Other UI Colors **/
/** Search Highlight Colors **/
/** Typography **/
/** Spacing **/
/** Media queries **/
/* 991px */
/* 992px */
.archived-note {
  position: relative;
  background-color: #54565a;
  color: #ffffff;
  line-height: 1.8em;
  margin-left: -15px;
  margin-right: -15px;
  padding: 15px;
  margin-bottom: 0;
  position: relative;
  width: auto;
}
.archived-note.home {
  display: none;
}
@media only screen and (max-width: 920px) {
  .archived-note {
    display: none;
  }
  .archived-note.home {
    display: block;
    margin-left: -35px;
    margin-right: -35px;
  }
}
@media only screen and (max-width: 920px) {
  .archived-note.forts {
    display: block;
    margin-top: 55px;
  }
}
.archived-note a {
  color: #ffffff;
  text-decoration: underline;
}
.archived-note a:focus {
  outline-color: #ffffff;
}
.archived-note a.nomarg {
  text-decoration: none;
  display: table;
  background: #009845;
  border-radius: 3px;
  font-weight: 600;
  margin-top: 15px;
  margin-left: 0;
  padding: 10px;
  color: #fff;
}
.archived-note p {
  line-height: 1.4em;
}
.archived-note p.header {
  margin-top: 0;
}

.notice {
  text-align: center;
}

.intro-note {
  background-image: url("../img/nav/info-5.svg");
  width: 26px;
  height: 26px;
  background-color: #009845;
  display: inline-block;
  background-size: 16px;
  background-position: center;
  background-repeat: no-repeat;
  border-radius: 3px;
  position: absolute;
  top: 2px;
}

.latest-version {
  float: right;
  padding: 5px 10px;
  background: #009845;
  right: 0;
  border-bottom: 0;
  /*@media only screen and (max-width: 920px) {
      position: absolute;
      top: -15px;
      background: #333;
      padding: 2px 7px;
      border-bottom: 0;
      font-size: 14px;
      text-align: center;
      right: 0;
  }*/
}

.latest-version a {
  margin-left: 0;
  border-bottom: 0;
}
@media only screen and (max-width: 920px) {
  .latest-version a {
    border-bottom: 0;
  }
}

/** Qlik Brand Colors **/
/** Qlik Brand Colors 2024 **/
/** Other UI Colors **/
/** Search Highlight Colors **/
/** Typography **/
/** Spacing **/
/** Media queries **/
/* 991px */
/* 992px */
.inline-nav {
  margin-top: 16px;
}
.inline-nav ol, .inline-nav ul, .inline-nav li {
  display: inline;
  list-style: none;
  padding: 0;
  margin: 0;
}
.inline-nav li {
  position: relative;
  display: block;
  padding: 12px 12px;
  border-bottom: 1px solid #e1e1e1;
  outline-offset: -2px !important;
}
.inline-nav a {
  text-decoration: underline;
  border-bottom: 0;
}
.inline-nav a:hover {
  text-decoration: none;
}
.inline-nav a:focus {
  z-index: 1;
}

/** Qlik Brand Colors **/
/** Qlik Brand Colors 2024 **/
/** Other UI Colors **/
/** Search Highlight Colors **/
/** Typography **/
/** Spacing **/
/** Media queries **/
/* 991px */
/* 992px */
main .inline-toc a:after, main .inline-toc .xref:after {
  display: none;
}

.inline-toc {
  padding: 0;
  margin-top: 1.5em;
}
.inline-toc h2 {
  font-size: 1.1em;
  font-weight: 600;
  color: #54565a;
}
.inline-toc h3 {
  margin-left: 1.2em;
}
.inline-toc h4 {
  margin-left: 1.7em;
}
.inline-toc a {
  border: 0;
}
.inline-toc a:hover {
  color: #1c355e;
  text-decoration: underline;
}
.inline-toc a:after {
  display: none;
}
.inline-toc ol {
  border-left: 3px solid #ff8e9f;
}
.inline-toc ol, .inline-toc ul, .inline-toc li {
  line-height: 1.5em;
  font-size: 1.2em;
  list-style: none;
  padding: 0;
  margin: 0;
}
.inline-toc ol.h2, .inline-toc ul.h2, .inline-toc li.h2 {
  margin-left: 1.5em;
}
.inline-toc ol.h3, .inline-toc ul.h3, .inline-toc li.h3 {
  margin-left: 3em;
  font-size: 1em;
}
.inline-toc ol.h4, .inline-toc ul.h4, .inline-toc li.h4 {
  margin-left: 4.5em;
  font-size: 0.9em;
}
.inline-toc ol.h5, .inline-toc ul.h5, .inline-toc li.h5 {
  margin-left: 6em;
  font-size: 0.87em;
}

/** Qlik Brand Colors **/
/** Qlik Brand Colors 2024 **/
/** Other UI Colors **/
/** Search Highlight Colors **/
/** Typography **/
/** Spacing **/
/** Media queries **/
/* 991px */
/* 992px */
.flexbox {
  display: flex;
}
@media only screen and (max-width: 920px) {
  .flexbox {
    display: block;
  }
}

/** Qlik Brand Colors **/
/** Qlik Brand Colors 2024 **/
/** Other UI Colors **/
/** Search Highlight Colors **/
/** Typography **/
/** Spacing **/
/** Media queries **/
/* 991px */
/* 992px */
.box-list {
  padding-left: 30px;
  padding-right: 30px;
}

.box, [class*=box-] {
  border: 1px solid #e1e1e1;
  background: #fafafa;
  padding: 15px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  position: relative;
  margin-bottom: 15px;
  /*a {
  	margin-right: 10px;
  	color: $brand-tanzanite;
  }

  > a {
  	border-bottom: 1px solid $brand-tanzanite;
  }

  p, ol, ul {
  	a {
  		color: $brand-tanzanite;
  		border-bottom: 1px solid $brand-tanzanite;
  	}
  }*/
}
.box-list .box, .box-list [class*=box-] {
  width: 49%;
  float: left;
  clear: both;
}
.box-list .box:nth-child(2n), .box-list [class*=box-]:nth-child(2n) {
  float: right;
  clear: right;
}
.box.featured:after, [class*=box-].featured:after {
  content: "";
  background: url("../img/nav/star.svg");
  background-size: 17px;
  background-repeat: no-repeat;
  background-position: center;
  font-size: 16px;
  font-family: "LUIicons", "Open Sans", Arial, sans-serif;
  position: absolute;
  text-align: center;
  width: 23px;
  padding-top: 8px;
  top: -1px;
  right: 10px;
  height: 32px;
  background-color: #009845;
  color: #ffffff;
}
.box h1:first-child,
.box h2:first-child,
.box h3:first-child,
.box h4:first-child,
.box h5:first-child,
.box h6:first-child,
.box p:first-child, [class*=box-] h1:first-child,
[class*=box-] h2:first-child,
[class*=box-] h3:first-child,
[class*=box-] h4:first-child,
[class*=box-] h5:first-child,
[class*=box-] h6:first-child,
[class*=box-] p:first-child {
  margin-top: 0;
}
.box h1:last-child,
.box h2:last-child,
.box h3:last-child,
.box h4:last-child,
.box h5:last-child,
.box h6:last-child,
.box p:last-child, [class*=box-] h1:last-child,
[class*=box-] h2:last-child,
[class*=box-] h3:last-child,
[class*=box-] h4:last-child,
[class*=box-] h5:last-child,
[class*=box-] h6:last-child,
[class*=box-] p:last-child {
  margin-bottom: 0;
}
.box h2 a, .box h3 a, .box h4 a, [class*=box-] h2 a, [class*=box-] h3 a, [class*=box-] h4 a {
  color: #009845;
  text-decoration: none !important;
}
.box h2 a:hover, .box h3 a:hover, .box h4 a:hover, [class*=box-] h2 a:hover, [class*=box-] h3 a:hover, [class*=box-] h4 a:hover {
  text-decoration: underline;
}
.box h2, .box h3, [class*=box-] h2, [class*=box-] h3 {
  font-size: 1.3em;
  font-weight: 400;
  line-height: 30px;
}
@media only screen and (max-width: 1366px) {
  .box h2, .box h3, [class*=box-] h2, [class*=box-] h3 {
    line-height: 25px;
  }
}
@media only screen and (max-width: 501px) and (orientation:portrait), (max-height: 501px) and (orientation:landscape) {
  .box h2, .box h3, [class*=box-] h2, [class*=box-] h3 {
    font-size: 1.3em;
    line-height: 24px;
  }
}
.box > a, [class*=box-] > a {
  margin-right: 1.3333333333em;
  display: inline-block;
  text-decoration: none;
}

[class*=box-] {
  color: #fff;
  border: none;
  margin-bottom: 15px;
}
[class*=box-] .flex-links, [class*=box-] h3, [class*=box-] h2 {
  margin-bottom: 0;
}
[class*=box-] .flex-links a, [class*=box-] h3 a, [class*=box-] h2 a {
  color: #fff !important;
  border-bottom: none;
  text-decoration: none;
  display: inline-block !important;
  margin-right: 15px;
}
[class*=box-] .flex-links a:focus, [class*=box-] h3 a:focus, [class*=box-] h2 a:focus {
  outline: 2px dotted #fff;
}
[class*=box-] .flex-links a:hover, [class*=box-] h3 a:hover, [class*=box-] h2 a:hover {
  border-bottom: none;
  text-decoration: underline;
}
@media only screen and (max-width: 501px) and (orientation:portrait), (max-height: 501px) and (orientation:landscape) {
  [class*=box-] .flex-links a, [class*=box-] h3 a, [class*=box-] h2 a {
    display: inline-block !important;
  }
}
[class*=box-] h3 + a {
  display: inline-block !important;
  margin-top: 35px;
}
[class*=box-] .see-also-link-external a::after, [class*=box-] a.see-also-link-external::after {
  background-image: url("data:image/svg+xml;charset=utf8,%3C?xml version='1.0' encoding='UTF-8' standalone='no'?%3E%3Csvg xmlns:svg='http://www.w3.org/2000/svg' xmlns='http://www.w3.org/2000/svg' width='39.7' height='39.7' version='1.1'%3E%3Cpath style='stroke-width:0.96254718;fill:%23ffffff;fill-opacity:1' d='m 38.461355,0.44905591 q 0.319596,0 0.545193,0.24439675 0.244397,0.225597 0.244397,0.54519274 V 16.541642 q 0,0.319596 -0.225597,0.545193 -0.206797,0.206797 -0.526393,0.206797 h -3.308756 q -0.319596,0 -0.545193,-0.206797 -0.206797,-0.225597 -0.206797,-0.545193 V 8.6645467 L 21.654379,21.448377 q -0.263197,0.263196 -0.657991,0.263196 -0.394795,0 -0.657992,-0.263196 l -2.086772,-2.086772 q -0.263196,-0.263197 -0.263196,-0.657992 0,-0.394794 0.263196,-0.657991 L 31.035454,5.2617919 h -7.877095 q -0.319596,0 -0.545193,-0.2067972 -0.206797,-0.225597 -0.206797,-0.5451928 v -3.308756 q 0,-0.31959574 0.206797,-0.52639299 0.225597,-0.225597 0.545193,-0.225597 z M 29.625473,22.106368 h 4.812736 v 14.757804 q 0,0.845989 -0.620392,1.46638 -0.620392,0.620392 -1.46638,0.620392 H 2.8358289 q -0.8459888,0 -1.4663805,-0.620392 -0.62039176,-0.620391 -0.62039176,-1.46638 V 7.3485642 q 0,-0.8459887 0.62039176,-1.4663805 Q 1.9898401,5.2617919 2.8358289,5.2617919 H 17.593633 V 10.074528 H 6.3137827 q -0.3195958,0 -0.5451928,0.225597 -0.2067972,0.206797 -0.2067972,0.526393 v 22.5597 q 0,0.319596 0.2067972,0.526393 0.225597,0.225597 0.5451928,0.225597 H 28.873483 q 0.319596,0 0.526393,-0.225597 0.225597,-0.206797 0.225597,-0.526393 z' /%3E%3C/svg%3E");
}
[class*=box-] .pdf a::after, [class*=box-] a.pdf::after {
  background-image: url(../img/file-icons/Pdf-white.svg);
}
[class*=box-] .media-video a::after, [class*=box-] a.media-video::after {
  background-image: url(../img/file-icons/MediaFile-white.svg);
}

.col-12 > .box {
  margin-top: 15px;
}

.box-snow, .box-stone, .box-alabaster {
  color: #0f0f0f;
  border: 1px solid #C4CFDA;
}
.box-snow > a, .box-snow .flex-links a, .box-stone > a, .box-stone .flex-links a, .box-alabaster > a, .box-alabaster .flex-links a {
  color: #006937 !important;
}
.box-snow > a:focus, .box-snow .flex-links a:focus, .box-stone > a:focus, .box-stone .flex-links a:focus, .box-alabaster > a:focus, .box-alabaster .flex-links a:focus {
  outline: 2px dotted #006937;
}
.box-snow h2 a, .box-snow h3 a, .box-stone h2 a, .box-stone h3 a, .box-alabaster h2 a, .box-alabaster h3 a {
  color: #006937 !important;
  border-bottom: none;
  text-decoration: none;
  display: inline !important;
}
.box-snow h2 a:focus, .box-snow h3 a:focus, .box-stone h2 a:focus, .box-stone h3 a:focus, .box-alabaster h2 a:focus, .box-alabaster h3 a:focus {
  outline: 2px dotted #006937;
}
.box-snow h2 a:hover, .box-snow h3 a:hover, .box-stone h2 a:hover, .box-stone h3 a:hover, .box-alabaster h2 a:hover, .box-alabaster h3 a:hover {
  text-decoration: underline;
}
.box-snow .see-also-link-external a::after, .box-snow a.see-also-link-external::after, .box-stone .see-also-link-external a::after, .box-stone a.see-also-link-external::after, .box-alabaster .see-also-link-external a::after, .box-alabaster a.see-also-link-external::after {
  background-image: url("../img/nav/external-link-emerald.svg");
}
.box-snow .pdf a::after, .box-snow a.pdf::after, .box-stone .pdf a::after, .box-stone a.pdf::after, .box-alabaster .pdf a::after, .box-alabaster a.pdf::after {
  background-image: url("../img/file-icons/Pdf-green.svg");
}
.box-snow .media-video a::after, .box-snow a.media-video::after, .box-stone .media-video a::after, .box-stone a.media-video::after, .box-alabaster .media-video a::after, .box-alabaster a.media-video::after {
  background-image: url("../img/file-icons/MediaFile-green.svg");
}

.box-stone {
  background: #c4cfda;
}
.box-stone > a {
  color: #006635 !important;
}
.box-stone > a:focus {
  outline: 2px dotted #006635;
}
.box-stone h2 a, .box-stone h3 a {
  color: #006635 !important;
}
.box-stone h2 a:focus, .box-stone h3 a:focus {
  outline: 2px dotted #006635;
}

.box-wine {
  background: #870064;
}

.box-turquoise {
  background: #006580;
}

.box-emerald {
  background: #006937;
}

.box-amethyst {
  background: #655DC6;
}

.box-snow {
  background: #ffffff;
  border-top: 2px solid #4B4B4B;
}

.box-alabaster {
  background: rgba(196, 207, 218, 0.15) !important;
  border-top: 2px solid #4B4B4B;
}

.box-tanzanite {
  background: #1c355e;
}

.box-sapphire {
  background: #005CB9;
}

.flexbox [class*=col-] .box, .flexbox [class*=col-] [class*=box-] {
  width: 100%;
  margin-bottom: 0;
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
}

/** Qlik Brand Colors **/
/** Qlik Brand Colors 2024 **/
/** Other UI Colors **/
/** Search Highlight Colors **/
/** Typography **/
/** Spacing **/
/** Media queries **/
/* 991px */
/* 992px */
.button {
  text-decoration: none;
  background: #f4f4f4;
  color: #0f0f0f;
  display: inline-block;
  outline-offset: 2px;
  position: relative;
  padding: 10px 15px;
  -webkit-transition: background-color 0.1s ease-out;
  -moz-transition: background-color 0.1s ease-out;
  -o-transition: background-color 0.1s ease-out;
  -ms-transition: background-color 0.1s ease-out;
  transition: background-color 0.1s ease-out;
  font-size: 16px;
  font-weight: 600;
  border-width: 2;
  border-style: solid;
  border-color: #009845;
  color: #ffffff;
  background: #009845;
}
.button:active, .button.active {
  color: #ffffff;
}
.button:focus {
  outline: 2px dotted #4b4b4b;
}
.button:hover, .button:active, .button.active {
  background-color: #006937;
  color: #ffffff;
}
.button.filled, .button.filled.blue {
  color: #ffffff;
  background: #0066cc;
}
.button.filled:hover, .button.filled:active, .button.filled.active, .button.filled.blue:hover, .button.filled.blue:active, .button.filled.blue.active {
  background-color: #003D9A;
  color: #ffffff;
}
.button.filled.green {
  color: #0f0f0f;
  background: #009845;
}
.button.filled.green:hover, .button.filled.green:active, .button.filled.green.active {
  background-color: #0aaf54;
  color: #0f0f0f;
}
.button.inverted {
  color: #00893e;
  background: #ffffff;
  border-color: #00893e;
}
.button.inverted:hover, .button.inverted:active, .button.inverted.active {
  background-color: #00893e;
  color: #ffffff;
}
.button.grey {
  color: #0f0f0f;
  background: #F3F5F8;
}
.button.grey:hover, .button.grey:active, .button.grey.active {
  background-color: #F3F5F8;
  color: #0f0f0f;
}
.button.download {
  text-decoration: none;
  background: #f4f4f4;
  color: #0f0f0f;
  display: inline-block;
  outline-offset: 2px;
  position: relative;
  padding: 10px 15px;
  -webkit-transition: background-color 0.1s ease-out;
  -moz-transition: background-color 0.1s ease-out;
  -o-transition: background-color 0.1s ease-out;
  -ms-transition: background-color 0.1s ease-out;
  transition: background-color 0.1s ease-out;
  font-size: 16px;
  font-weight: 600;
  border-width: 2;
  border-style: solid;
  border-color: #009845;
}
.button.download:active, .button.download.active {
  color: #ffffff;
}
.button.download:focus {
  outline: 2px dotted #4b4b4b;
}
.button.download:before {
  font-family: "LUIicons", "Open Sans", Arial, sans-serif;
  position: relative;
  right: 0;
  top: 0;
  content: "\229E";
  margin-right: 10px;
}
.button.download:empty:after {
  margin: 0;
}
.button.filter {
  text-decoration: none;
  background: #f4f4f4;
  color: #0f0f0f;
  display: inline-block;
  outline-offset: 2px;
  position: relative;
  padding: 10px 15px;
  -webkit-transition: background-color 0.1s ease-out;
  -moz-transition: background-color 0.1s ease-out;
  -o-transition: background-color 0.1s ease-out;
  -ms-transition: background-color 0.1s ease-out;
  transition: background-color 0.1s ease-out;
  font-size: 16px;
  font-weight: 600;
  border-width: 2;
  border-style: solid;
  border-color: #009845;
}
.button.filter:active, .button.filter.active {
  color: #ffffff;
}
.button.filter:focus {
  outline: 2px dotted #4b4b4b;
}
.button.filter:before {
  font-family: "LUIicons", "Open Sans", Arial, sans-serif;
  position: relative;
  right: 0;
  top: 0;
  content: "\263D";
  margin-right: 10px;
}
.button.filter:empty:after {
  margin: 0;
}
.button.disabled {
  display: none;
}
.button.light {
  background-color: transparent;
  color: #009845;
}
.button.light:hover {
  background: #009845;
  text-decoration: underline;
  color: #fff;
}
.button.light.search-feedback-button {
  color: #fff;
  background: #008936;
  border: none;
  border-radius: 30px;
}
.button.light.search-feedback-button:hover {
  background: #156037;
  text-decoration: none;
  color: #fff;
}

.goto-link {
  color: #009845;
  padding: 4px 10px;
  display: block;
  border-radius: 3px;
  font-weight: 600;
  border: none;
  transition: background ease-in-out 0.1s;
  text-decoration: none;
  float: right;
  margin-top: 2px;
  margin-right: 5px;
}
@media only screen and (max-width: 920px) {
  .goto-link {
    margin-top: 10px;
  }
}
.goto-link::hover {
  text-decoration: underline;
}

.mobile-close-button {
  position: absolute;
  z-index: 2;
  top: 15px;
  right: 30px;
  display: none;
  border: 0;
}
.mobile-close-button button {
  background: transparent;
  display: inline-block;
  background-image: url("../img/nav/close3-brand-grey.svg");
  background-position: center;
  background-repeat: no-repeat;
  background-size: 24px;
  width: 24px;
  height: 24px;
  border-radius: 8px;
  border: 0;
}
.mobile-close-button button:focus {
  outline: 2px dotted #4b4b4b;
}

/** Qlik Brand Colors **/
/** Qlik Brand Colors 2024 **/
/** Other UI Colors **/
/** Search Highlight Colors **/
/** Typography **/
/** Spacing **/
/** Media queries **/
/* 991px */
/* 992px */
.skip-button {
  background-color: #fff;
  position: fixed;
  display: block;
  font-weight: 600;
  font-size: 1.4em;
  padding: 10px;
  z-index: 3;
  left: -1000em;
  top: 3px;
  color: #006937;
}
.skip-button:focus {
  outline-offset: 0;
  left: 3px;
}
.page-actions .skip-button {
  right: 1000em;
  font-size: 15px;
}
.page-actions .skip-button:hover {
  text-decoration: none;
}
.page-actions .skip-button:focus {
  outline-offset: 0;
  margin-top: -45px;
  margin-left: 3px;
  left: auto;
  right: auto;
  top: auto;
}
.whats-new-page .page-actions .skip-button:focus {
  margin-top: 3px;
}

/** Qlik Brand Colors **/
/** Qlik Brand Colors 2024 **/
/** Other UI Colors **/
/** Search Highlight Colors **/
/** Typography **/
/** Spacing **/
/** Media queries **/
/* 991px */
/* 992px */
.search-box {
  border: 1px solid #7E97B6;
  border-radius: 2px;
  background-color: #efefef;
  background-color: #ffffff;
  vertical-align: middle;
  display: block;
  position: relative;
  white-space: nowrap;
  width: 420px;
  height: 42px;
  margin-right: 20px;
  float: right;
}
@media only screen and (max-width: 1366px) {
  .search-box {
    width: 160px;
  }
}
@media only screen and (max-width: 1080px) {
  .search-box {
    width: 120px;
  }
}
@media only screen and (max-width: 920px) {
  .search-box {
    display: none;
  }
  body.showSearchBox {
    overflow: hidden;
  }

  body.showSearchBox .search-box {
    display: block;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 8;
    width: 100%;
    height: 100%;
    text-align: center;
  }
}
.search-box form {
  height: 100%;
}
.search-box input::placeholder {
  color: #333333;
}
.search-box input::-moz-placeholder {
  opacity: 1;
}
.search-box .search-cancel {
  display: none;
}
.search-box .search-text {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-appearance: none;
  vertical-align: middle;
  outline-offset: 2px;
  border-radius: 2px;
  width: calc(100% - 44px);
  padding: 0 8px;
  height: 100%;
  color: #0f0f0f;
  border: 0;
  font-size: 14px;
}
.search-box .search-text:focus {
  position: absolute;
  right: 45px;
  z-index: 5;
  background-color: #ffffff;
  height: 44px;
  margin-top: -2px;
}
@media only screen and (max-width: 1366px) {
  .search-box .search-text:focus {
    width: 400px;
  }
}
@media only screen and (max-width: 1080px) {
  .search-box .search-text:focus {
    width: 300px;
  }
}
@media only screen and (max-width: 920px) {
  .search-box .search-text:focus {
    margin-top: 0;
  }
}
.search-box label {
  display: none;
  visibility: hidden;
  width: 0;
  height: 0;
}
.search-box button[type=submit] {
  position: absolute;
  background-color: #ffffff;
  top: 0;
  right: 0;
  height: 40px;
  width: 40px;
  border: 0;
  background-image: url(../img/nav/icon-search-02.svg);
  background-size: 16px;
  background-repeat: no-repeat;
  background-position: center 12px;
  margin: 0;
  font-weight: normal;
  vertical-align: middle;
  transition: none;
  box-shadow: none;
  -webkit-transition: none;
  border-radius: 0;
}
.search-box button[type=submit]:hover {
  box-shadow: none;
}
.search-box button[type=submit]:after, .search-box button[type=submit]:before {
  content: "";
  display: none;
}
@media only screen and (max-width: 920px) {
  .search-box {
    padding-top: 75px;
  }
  .search-box form {
    height: 42px;
    background: #fff;
    border: 1px solid #7E97B6;
    margin: 40px 50px;
  }
  .search-box .search-text:focus {
    position: static;
    background: inherit;
    width: calc(100% - 44px);
    height: 100%;
  }
  .search-box .search-cancel {
    display: inline-block;
    position: absolute;
    z-index: 2;
    top: 30px;
    right: 57px;
  }
  .search-box .search-cancel > button {
    background: transparent;
    display: inline-block;
    background-image: url("../img/nav/close3-brand-grey.svg");
    background-position: center;
    background-repeat: no-repeat;
    background-size: 24px;
    width: 24px;
    height: 24px;
    border-radius: 8px;
    border: 0;
  }
  .search-box button[type=submit] {
    background-color: #fff;
    position: relative;
  }
}
main .article .search-box {
  margin-top: 20px;
}
@media only screen and (max-width: 920px) {
  main .article .search-box {
    margin-top: 10px;
  }
}
.search-box.videos {
  float: none;
  width: 100%;
  padding-top: 0;
  display: block;
}
.search-box.videos > label {
  display: none;
}
.search-box.videos .search-text {
  width: 100%;
}
.search-box.videos .search-text:focus {
  right: auto;
  left: 0;
}
.search-box.videos button[type=submit] {
  right: auto;
  left: 0;
}
@media only screen and (max-width: 920px) {
  .showSearchBox .content .navigation-pane {
    display: none;
  }
}
/** Qlik Brand Colors **/
/** Qlik Brand Colors 2024 **/
/** Other UI Colors **/
/** Search Highlight Colors **/
/** Typography **/
/** Spacing **/
/** Media queries **/
/* 991px */
/* 992px */
.switch {
  font-family: monospace;
  line-height: normal;
  border-radius: 3px;
  border: 1px solid #666;
  /*background-color: #bbb;*/
  color: #fff;
  cursor: pointer;
  /*padding: 2px;*/
  display: inline-block;
  position: relative;
}
.switch label + label {
  font-size: 0.875em;
  left: calc(100% + 10px);
  cursor: pointer;
  top: 2px;
  color: #000;
  font-family: "Inter", Arial, sans-serif;
  position: absolute;
  white-space: nowrap;
}
.switch input {
  display: none;
}
.switch input + label {
  border-bottom-right-radius: 3px;
  border-top-right-radius: 3px;
  background-color: #bbb;
  float: left;
  display: inline-block;
  padding: 2px;
}
.switch input + label span {
  padding: 0 5px;
  display: none;
}
.switch input + label::after {
  display: inline-block;
  border-radius: 3px;
  content: " ";
  background-color: #ffffff;
  border: 1px solid #666;
  padding: 0 5px;
}
.switch input:first-child + label {
  border-bottom-left-radius: 3px;
  border-top-left-radius: 3px;
  border-bottom-right-radius: 0;
  border-top-right-radius: 0;
}
.switch input:first-child:checked + label {
  border: 1px solid #f8981d;
  background-color: #f8981d;
  cursor: pointer;
}
.switch input:checked + label + label + input + label {
  background-color: #f8981d;
}
.switch input + label + label + input:checked + label {
  border: 1px solid #bbb;
}
.switch input:checked + label + label {
  display: none;
}
.switch input:checked + label span {
  display: inline;
}
.switch input:checked + label::after {
  display: none;
}

@keyframes move {
  to {
    transform: rotate(360deg);
  }
}
.spinner {
  /*
  position: fixed;
  top: 150px;
  left: 50%;
  */
  position: relative;
  top: 0;
  left: 45%;
  margin-left: -2.5em;
  z-index: 10;
  display: inline-block;
  width: 5em;
  height: 5em;
  margin: 0 0.5em;
  font-size: 12px;
  overflow: hidden;
  text-indent: 999em;
  white-space: nowrap;
  animation: move 1s steps(8) infinite;
}
.spinner:before, .spinner:after, .spinner > div:before, .spinner > div:after {
  content: "";
  position: absolute;
  top: 0;
  left: 2.25em;
  width: 0.5em;
  height: 1.5em;
  border-radius: 0.2em;
  background: #eee;
  box-shadow: 0 3.5em #eee;
  transform-origin: 50% 2.5em;
}
.spinner:before {
  background: #555;
}
.spinner:after {
  background: #777;
  transform: rotate(-45deg);
}
.spinner > div:before {
  background: #999;
  transform: rotate(-90deg);
}
.spinner > div:after {
  background: #bbb;
  transform: rotate(-135deg);
}

/** Qlik Brand Colors **/
/** Qlik Brand Colors 2024 **/
/** Other UI Colors **/
/** Search Highlight Colors **/
/** Typography **/
/** Spacing **/
/** Media queries **/
/* 991px */
/* 992px */
.clipart {
  display: block;
  width: 100%;
  height: 100%;
  background-position: center;
  background-repeat: no-repeat;
  background-image: url("../img/icons/data.svg");
}
.clipart.Accounts {
  background-image: url("../img/icons/Accounts.svg");
}
.clipart.Administor {
  background-image: url("../img/icons/Administor.svg");
}
.clipart.Analysis {
  background-image: url("../img/icons/Analysis.svg");
}
.clipart.APIs {
  background-image: url("../img/icons/APIs.svg");
}
.clipart.Binoculars {
  background-image: url("../img/icons/Binoculars.svg");
}
.clipart.Boost {
  background-image: url("../img/icons/Boost.svg");
}
.clipart.Bug {
  background-image: url("../img/icons/Bug.svg");
}
.clipart.Chart {
  background-image: url("../img/icons/Chart.svg");
}
.clipart.Cloud {
  background-image: url("../img/icons/Cloud.svg");
}
.clipart.CloudSharing {
  background-image: url("../img/icons/CloudSharing.svg");
}
.clipart.Connector {
  background-image: url("../img/icons/Connector.svg");
}
.clipart.Consulting {
  background-image: url("../img/icons/Consulting.svg");
}
.clipart.Data {
  background-image: url("../img/icons/Data.svg");
}
.clipart.DataStorytelling {
  background-image: url("../img/icons/DataStorytelling.svg");
}
.clipart.Demo {
  background-image: url("../img/icons/Demo.svg");
}
.clipart.Designer {
  background-image: url("../img/icons/Designer.svg");
}
.clipart.Desktop {
  background-image: url("../img/icons/Desktop.svg");
}
.clipart.Developer {
  background-image: url("../img/icons/Developer.svg");
}
.clipart.Download {
  background-image: url("../img/icons/Download.svg");
}
.clipart.Elsa_orange {
  background-image: url("../img/icons/Elsa_orange.svg");
}
.clipart.engine {
  background-image: url("../img/icons/engine.svg");
}
.clipart.EnterpriseAnalytics2 {
  background-image: url("../img/icons/EnterpriseAnalytics2.svg");
}
.clipart.Give {
  background-image: url("../img/icons/Give.svg");
}
.clipart.GuidedAnlaytics {
  background-image: url("../img/icons/GuidedAnlaytics.svg");
}
.clipart.LaunchPage {
  background-image: url("../img/icons/LaunchPage.svg");
}
.clipart.Media-and-Entertainment {
  background-image: url("../img/icons/Media-and-Entertainment.svg");
}
.clipart.Monitor {
  background-image: url("../img/icons/Monitor.svg");
}
.clipart.Newsletter {
  background-image: url("../img/icons/Newsletter.svg");
}
.clipart.OnDemand {
  background-image: url("../img/icons/OnDemand.svg");
}
.clipart.Overview {
  background-image: url("../img/icons/Overview.svg");
}
.clipart.PartnerReference {
  background-image: url("../img/icons/PartnerReference.svg");
}
.clipart.Platform {
  background-image: url("../img/icons/Platform.svg");
}
.clipart.Public-Sector {
  background-image: url("../img/icons/Public-Sector.svg");
}
.clipart.RackServer {
  background-image: url("../img/icons/RackServer.svg");
}
.clipart.ReportPDF {
  background-image: url("../img/icons/ReportPDF.svg");
}
.clipart.RoleTechnicalTraining {
  background-image: url("../img/icons/RoleTechnicalTraining.svg");
}
.clipart.Scripting {
  background-image: url("../img/icons/Scripting.svg");
}
.clipart.SelfSerivceVisualization {
  background-image: url("../img/icons/SelfSerivceVisualization.svg");
}
.clipart.Server {
  background-image: url("../img/icons/Server.svg");
}
.clipart.ServerService {
  background-image: url("../img/icons/ServerService.svg");
}
.clipart.ServiceLevels {
  background-image: url("../img/icons/ServiceLevels.svg");
}
.clipart.Toolbox {
  background-image: url("../img/icons/Toolbox.svg");
}
.clipart.WebMashup {
  background-image: url("../img/icons/WebMashup.svg");
}
.clipart.QCC {
  background-image: url("../img/icons/continuous-classroom.svg");
}
.clipart.YouTube {
  background-image: url("../img/logos/youtube.svg");
  background-size: 45% auto;
}
.clipart.VisualizationApplication {
  background-image: url("../img/icons/Visualization-Application.svg");
}

.icon-logo {
  display: block;
  width: 100%;
  height: 100%;
  background-position: center;
  background-size: auto 60%;
  background-repeat: no-repeat;
}
.icon-logo.Dropbox {
  background-image: url("../img/icons/logo-dropbox.svg");
}
.icon-logo.Dropbox-Text {
  background-image: url("../img/icons/logo-dropbox-text.svg");
}
.icon-logo.Facebook {
  background-image: url("../img/icons/logo-facebook.svg");
}
.icon-logo.Facebook-Qlik {
  background-image: url("../img/icons/logo-facebook-qlik.svg");
}
.icon-logo.GoogleAnalytics {
  background-image: url("../img/icons/logo-google-analytics.svg");
}
.icon-logo.Odbc {
  background-image: url("../img/icons/logo-odbc.svg");
}
.icon-logo.OleDb {
  background-image: url("../img/icons/logo-ole-db.svg");
}
.icon-logo.Salesforce {
  background-image: url("../img/icons/logo-salesforce.svg");
}
.icon-logo.Sap {
  background-image: url("../img/icons/logo-sap.svg");
}
.icon-logo.Twitter {
  background-image: url("../img/icons/logo-twitter.svg");
}
.icon-logo.Twitter-Qlik {
  background-image: url("../img/icons/logo-twitter-qlik.svg");
}
.icon-logo.WebConnectors {
  background-image: url("../img/icons/logo-web-connectors.svg");
}
.icon-logo.YouTube {
  background-image: url("../img/logos/youtube.svg");
}

.icon-font {
  font-size: 16px;
  font-family: "LUIicons", "Open Sans", Arial, sans-serif;
  font-weight: normal;
  position: relative;
  line-height: 0.1;
}

.ToolbarIcon {
  font-family: "LUIicons", "Open Sans", Arial, sans-serif;
  margin: 0 3px 0 3px;
  line-height: 0.1;
  font-style: normal;
}

.icon {
  /*}
  .icon, .box.featured/ {*/
}
.icon:after {
  font-size: 16px;
  font-family: "LUIicons", "Open Sans", Arial, sans-serif;
  text-transform: none;
}
.icon.green {
  color: #009845;
}
.icon.blue {
  color: #007fca;
}
.icon.orange {
  color: #f8981d;
}
.icon.yellow {
  color: #ffc72c;
}
.icon.gray {
  color: #54565a;
}
.icon.VerticalBarChart:after {
  content: "\0021";
}
.icon.HorizontalBarChart:after {
  content: "\0022";
}
.icon.VerticalBarChartX:after {
  content: "\0023";
}
.icon.HorizontalBarChartX:after {
  content: "\0024";
}
.icon.LineChart:after {
  content: "\0025";
}
.icon.PieChart:after {
  content: "\0026";
}
.icon.Table:after {
  content: "\0027";
}
.icon.PivotTable:after {
  content: "\0028";
}
.icon.GaugeChart:after {
  content: "\0029";
}
.icon.TrellisChart:after {
  content: "\002A";
}
.icon.ScatterChart:after {
  content: "\002B";
}
.icon.MapObject:after {
  content: "\002C";
}
.icon.ListBox:after {
  content: "\002D";
}
.icon.FilterContainer:after {
  content: "\002E";
}
.icon.UtilityText:after {
  content: "\002F";
}
.icon.UtilityImage:after {
  content: "\0030";
}
.icon.UtilityKPI:after {
  content: "\0031";
}
.icon.UtilityNavigation:after {
  content: "\0032";
}
.icon.Expression:after {
  content: "\0033";
}
.icon.AllSheets:after {
  content: "\0034";
}
.icon.Sheet:after {
  content: "\0035";
}
.icon.Object:after {
  content: "\0036";
}
.icon.DataModel:after {
  content: "\0037";
}
.icon.Script:after {
  content: "\0038";
}
.icon.SelectionsCurrent:after {
  content: "\0039";
}
.icon.SelectionsClearAll:after {
  content: "\003A";
}
.icon.SelectionsHistory:after {
  content: "\003B";
}
.icon.SelectionsStepBack:after {
  content: "\003C";
}
.icon.SelectionsStepForward:after {
  content: "\003D";
}
.icon.Bookmark:after {
  content: "\003E";
}
.icon.Face:after {
  content: "\003F";
}
.icon.Edit:after {
  content: "\0040";
}
.icon.EditHistory:after {
  content: "\0041";
}
.icon.Undo:after {
  content: "\0042";
}
.icon.Redo:after {
  content: "\0043";
}
.icon.Help:after {
  content: "\0044";
}
.icon.Cancel:after {
  content: "\0045";
}
.icon.Search:after {
  content: "\0046";
}
.icon.DateAndTime:after {
  content: "\0047";
}
.icon.Datastore:after {
  content: "\0048";
}
.icon.Share:after {
  content: "\0049";
}
.icon.TextBold:after {
  content: "\004A";
}
.icon.TextItalic:after {
  content: "\004B";
}
.icon.TextUnderlined:after {
  content: "\004C";
}
.icon.TextAlignedLeft:after {
  content: "\004D";
}
.icon.AlignedRight:after {
  content: "\004E";
}
.icon.AlignedCentre:after {
  content: "\004F";
}
.icon.Add:after {
  content: "\0050";
}
.icon.Remove:after {
  content: "\0051";
}
.icon.ArrowUp:after {
  content: "\0052";
}
.icon.ArrowDown:after {
  content: "\0053";
}
.icon.ArrowLeft:after {
  content: "\0054";
}
.icon.ArrowRight:after {
  content: "\0055";
}
.icon.Settings:after {
  content: "\0056";
}
.icon.Comments:after {
  content: "\0057";
}
.icon.People:after {
  content: "\0058";
}
.icon.ZoomIn:after {
  content: "\0059";
}
.icon.ZoomOut:after {
  content: "\005A";
}
.icon.Locked:after {
  content: "\005B";
}
.icon.Unlocked:after {
  content: "\005C";
}
.icon.Info:after {
  content: "\005D";
}
.icon.ResolutionCoarse:after {
  content: "\005E";
}
.icon.ResolutionFine:after {
  content: "\005F";
}
.icon.Save1:after {
  content: "\0061";
}
.icon.Reload:after {
  content: "\0062";
}
.icon.Clipboard:after {
  content: "\0063";
}
.icon.ArrowsLeftRight:after {
  content: "\0064";
}
.icon.ArrowsUpDown:after {
  content: "\0065";
}
.icon.Security:after {
  content: "\0066";
}
.icon.Extension:after {
  content: "\0067";
}
.icon.OpenRightPanel:after {
  content: "\0068";
}
.icon.OpenLeftPanel:after {
  content: "\0069";
}
.icon.OpenBottomPanel:after {
  content: "\006A";
}
.icon.OpenTopPanel:after {
  content: "\006B";
}
.icon.RunScript:after {
  content: "\006C";
}
.icon.Tick:after {
  content: "\006D";
}
.icon.ArrowsMove:after {
  content: "\006E";
}
.icon.DragBars:after {
  content: "\006F";
}
.icon.File:after {
  content: "\0070";
}
.icon.SenseIcon:after {
  content: "\0071";
}
.icon.Print:after {
  content: "\0072";
}
.icon.FullStage:after {
  content: "\0073";
}
.icon.ExitFullStage:after {
  content: "\0074";
}
.icon.Debug:after {
  content: "\0075";
}
.icon.Machine:after {
  content: "\0076";
}
.icon.App:after {
  content: "\0077";
}
.icon.Tasks:after {
  content: "\0078";
}
.icon.User:after {
  content: "\0079";
}
.icon.Tags:after {
  content: "\007A";
}
.icon.Engine:after {
  content: "\007B";
}
.icon.DeselectAll:after {
  content: "\007C";
}
.icon.SelectAll:after {
  content: "\007D";
}
.icon.Templates:after {
  content: "\007E";
}
.icon.Rules:after {
  content: "\00C4";
}
.icon.Camera:after {
  content: "\00C5";
}
.icon.StoryMode:after {
  content: "\00C7";
}
.icon.Shapes:after {
  content: "\00C9";
}
.icon.Effects:after {
  content: "\00D1";
}
.icon.Trashcan:after {
  content: "\00D6";
}
.icon.Style:after {
  content: "\00DC";
}
.icon.Scheduler:after {
  content: "\00E1";
}
.icon.Paperclip:after {
  content: "\00E0";
}
.icon.UserDirectoryConnection:after {
  content: "\00E2";
}
.icon.License:after {
  content: "\00E4";
}
.icon.Stream:after {
  content: "\00E3";
}
.icon.Proxy:after {
  content: "\00E5";
}
.icon.TaskChains:after {
  content: "\00E7";
}
.icon.LinkedObject:after {
  content: "\00E9";
}
.icon.Warning:after {
  content: "\00E8";
}
.icon.Previous:after {
  content: "\00EA";
}
.icon.Next:after {
  content: "\00EB";
}
.icon.Library:after {
  content: "\00ED";
}
.icon.GridView:after {
  content: "\00EC";
}
.icon.ListView:after {
  content: "\00EE";
}
.icon.Favorite:after {
  content: "\00EF";
}
.icon.Folder:after {
  content: "\00F1";
}
.icon.Node:after {
  content: "\00F3";
}
.icon.DimensionSingel:after {
  content: "\00F2";
}
.icon.DimensionCyclic:after {
  content: "\00F4";
}
.icon.DimensionDrillDown:after {
  content: "\00F6";
}
.icon.Watch:after {
  content: "\00F5";
}
.icon.AddCross:after {
  content: "\00FA";
}
.icon.SyntaxErrorCheck:after {
  content: "\00F9";
}
.icon.DragBarsHorizontal:after {
  content: "\00FB";
}
.icon.Home:after {
  content: "\00FC";
}
.icon.View:after {
  content: "\2020";
}
.icon.Running:after {
  content: "\00B0";
}
.icon.Stopped:after {
  content: "\00A2";
}
.icon.Waiting:after {
  content: "\00A3";
}
.icon.Abort:after {
  content: "\00A7";
}
.icon.PivotedMode:after {
  content: "\2022";
}
.icon.Duplicate:after {
  content: "\00B6";
}
.icon.CheckSyntax:after {
  content: "\00DF";
}
.icon.PrimaryKey:after {
  content: "\00AE";
}
.icon.StartQMC:after {
  content: "\00A9";
}
.icon.Publish:after {
  content: "\2122";
}
.icon.Private:after {
  content: "\00B4";
}
.icon.Menu:after {
  content: "\00A8";
}
.icon.CornerTriangleForSheets:after {
  content: "\2260";
}
.icon.FolderQ:after {
  content: "\00C6";
}
.icon.InsertIntoScript:after {
  content: "\00D8";
}
.icon.Error:after {
  content: "\221E";
}
.icon.DataSelection:after {
  content: "\00B1";
}
.icon.LogOut:after {
  content: "\2264";
}
.icon.Archive:after {
  content: "\2265";
}
.icon.More:after {
  content: "\00A5";
}
.icon.Cut:after {
  content: "\00B5";
}
.icon.Paste:after {
  content: "\2202";
}
.icon.DropHere:after {
  content: "\2211";
}
.icon.PropertiesPie:after {
  content: "\220F";
}
.icon.PropertiesDonut:after {
  content: "\03C0";
}
.icon.PropertiesGrouped:after {
  content: "\222B";
}
.icon.PropertiesStacked:after {
  content: "\00AA";
}
.icon.PropertiesHorizontal:after {
  content: "\00BA";
}
.icon.PropertiesVertical:after {
  content: "\03A9";
}
.icon.PropertiesLine:after {
  content: "\00E6";
}
.icon.PropertiesArea:after {
  content: "\00F8";
}
.icon.DrillUp:after {
  content: "\00BF";
}
.icon.PropertiesThermometer:after {
  content: "\00A1";
}
.icon.PropertiesGauge:after {
  content: "\00AC";
}
.icon.ArrowsResizeHorizontal:after {
  content: "\221A";
}
.icon.ArrowsResizeVertical:after {
  content: "\0192";
}
.icon.SortingDescending:after {
  content: "\2248";
}
.icon.SortingAscending:after {
  content: "\2206";
}
.icon.Import:after {
  content: "\00AB";
}
.icon.TreeMap:after {
  content: "\00BB";
}
.icon.Comment:after {
  content: "\2026";
}
.icon.Indent:after {
  content: "\00C0";
}
.icon.Undent:after {
  content: "\00C3";
}
.icon.Disconnected:after {
  content: "\00D5";
}
.icon.StepIn:after {
  content: "\0152";
}
.icon.Play:after {
  content: "\0153";
}
.icon.Stop:after {
  content: "\2013";
}
.icon.Lasso:after {
  content: "\2014";
}
.icon.WireframedGlobeGeoDataField:after {
  content: "\201C";
}
.icon.Navigation:after {
  content: "\201D";
}
.icon.Plugin:after {
  content: "\2018";
}
.icon.DimensionCollection:after {
  content: "\2019";
}
.icon.Transfer:after {
  content: "\00F7";
}
.icon.Analyze:after {
  content: "\25CA";
}
.icon.DirectDiscoveryField:after {
  content: "\00FF";
}
.icon.SetupFile:after {
  content: "\0178";
}
.icon.Objects:after {
  content: "\2044";
}
.icon.Pause:after {
  content: "\20AC";
}
.icon.StepOver:after {
  content: "\2039";
}
.icon.CollapseDisclusure:after {
  content: "\203A";
}
.icon.ExpandDisclusure:after {
  content: "\FB01";
}
.icon.Default:after {
  content: "\FB02";
}
.icon.Cloud:after {
  content: "\2021";
}
.icon.Idle:after {
  content: "\00B7";
}
.icon.ComboChart:after {
  content: "\201A";
}
.icon.ConfigurationMap:after {
  content: "\201E";
}
.icon.Reject:after {
  content: "\2030";
}
.icon.Repair:after {
  content: "\00C2";
}
.icon.Uninstall:after {
  content: "\00CA";
}
.icon.ExtractFromSource:after {
  content: "\00C1";
}
.icon.WaitingField:after {
  content: "\00CB";
}
.icon.WaitingSheet:after {
  content: "\00C8";
}
.icon.Save2:after {
  content: "\00CD";
}
.icon.SenseDesktopIcon:after {
  content: "\00CE";
}
.icon.Editor:after {
  content: "\00CF";
}
.icon.KPIObject:after {
  content: "\00CC";
}
.icon.Login:after {
  content: "\00D3";
}
.icon.ThreeBars:after {
  content: "\00D4";
}
.icon.Disabled:after {
  content: "\F8FF";
}
.icon.Variables:after {
  content: "\00D2";
}
.icon.Controls:after {
  content: "\00DA";
}
.icon.Return:after {
  content: "\00DB";
}
.icon.DirectionalArrowRight:after {
  content: "\00D9";
}
.icon.DirectionalArrowLeft:after {
  content: "\0131";
}
.icon.HUB:after {
  content: "\02C6";
}
.icon.Up:after {
  content: "\02DC";
}
.icon.Down:after {
  content: "\00AF";
}
.icon.ShareSocial:after {
  content: "\02D8";
}
.icon.Move:after {
  content: "\02D9";
}
.icon.Embed:after {
  content: "\02DA";
}
.icon.DataManagement:after {
  content: "\00B8";
}
.icon.QlikDatamarket:after {
  content: "\02DD";
}
.icon.QlikChart:after {
  content: "\02DB";
}
.icon.ConnectToData:after {
  content: "\02C7";
}
.icon.Code:after {
  content: "\2191";
}
.icon.Enter:after {
  content: "\2016";
}
.icon.Upload:after {
  content: "\2139";
}
.icon.Split:after {
  content: "\2192";
}
.icon.Snapshot:after {
  content: "\2193";
}
.icon.MinusSign:after {
  content: "\21B0";
}
.icon.Draggable:after {
  content: "\21B3";
}
.icon.Book:after {
  content: "\2295";
}
.icon.Measure:after {
  content: "\2296";
}
.icon.Download:after {
  content: "\229E";
}
.icon.MoreRounded:after {
  content: "\229F";
}
.icon.AlignLeft:after {
  content: "\2302";
}
.icon.AlignMiddle:after {
  content: "\2328";
}
.icon.AlignRight:after {
  content: "\232B";
}
.icon.Operators:after {
  content: "\23E9";
}
.icon.GeneralDataClass:after {
  content: "\23EA";
}
.icon.Building:after {
  content: "\23ED";
}
.icon.Unlink:after {
  content: "\23F3";
}
.icon.Lightbulb:after {
  content: "\23F4";
}
.icon.Associate:after {
  content: "\23F5";
}
.icon.BreakAssociation:after {
  content: "\23F6";
}
.icon.MashupArtifact:after {
  content: "\23F7";
}
.icon.WidgetArtifact:after {
  content: "\25A0";
}
.icon.Bubbles:after {
  content: "\25B6";
}
.icon.TextType:after {
  content: "\25B8";
}
.icon.FixedRatioTransform:after {
  content: "\25BE";
}
.icon.FreeTransform:after {
  content: "\25C2";
}
.icon.ArrowUp2:after {
  content: "\25CF";
}
.icon.ArrowDown2:after {
  content: "\25D1";
}
.icon.ExternalLink:after {
  content: "\25F4";
}
.icon.Navigation2:after {
  content: "\2601";
}
.icon.BoxPlotObject:after {
  content: "\2605";
}
.icon.Collapse2:after {
  content: "\2606";
}
.icon.MoreVertical:after {
  content: "\2615";
}
.icon.DownloadFromCloud:after {
  content: "\2630";
}
.icon.Filter:after {
  content: "\263D";
}
.icon.DistributionChart:after {
  content: "\2661";
}
.icon.MergeJoinConcat:after {
  content: "\2665";
}
.icon.NetworkFolder:after {
  content: "\266A";
}
.icon.Swap:after {
  content: "\266B";
}
.icon.Mail:after {
  content: "\268F";
}
.icon.Histogram:after {
  content: "\2691";
}
.icon.Waterfall:after {
  content: "\2692";
}
.icon.ClearFilter:after {
  content: "\2699";
}
.icon.RadialSelectionTool:after {
  content: "\26A0";
}
.icon.SelectionSearch:after {
  content: "\26A1";
}
.icon.Approve:after {
  content: "\26C8";
}
.icon.Unapprove:after {
  content: "\2707";
}
.icon.Touch:after {
  content: "\2709";
}
.icon.PublishedInStreams:after {
  content: "\270E";
}
.icon.FunnelChart:after {
  content: "\2712";
}
.icon.SankeyChart:after {
  content: "\2713";
}

.box.featured.icon:after {
  background-image: none;
}
.box.featured.icon.big:after {
  width: 35px;
  height: 40px;
  font-size: 21px;
}

/** Qlik Brand Colors **/
/** Qlik Brand Colors 2024 **/
/** Other UI Colors **/
/** Search Highlight Colors **/
/** Typography **/
/** Spacing **/
/** Media queries **/
/* 991px */
/* 992px */
/*
	* MCPopupThumbnail *
	http://localhost:9090/en-US/sense/online/1.1/Subsystems/Desktop/Content/Introduction/install-desktop.htm
*/
figure.MCPopupFullImage {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 10;
  border: 1px solid #000;
  border-radius: 10px;
  overflow: hidden;
  padding: 10px;
  background-color: #fff;
  cursor: pointer;
}

/*
	* MCTextPopup *
	http://localhost:9090/en-US/sense/online/1.1/Subsystems/Desktop/Content/Introduction/install-desktop.htm
*/
.MCTextPopupBody {
  font-weight: normal;
  color: #000;
  width: 150px;
  font-size: 0.9em;
  top: 20px;
  left: -70px;
  z-index: 1;
  position: absolute;
  background-color: #dcdcdc;
  padding: 15px;
  border: 0;
  box-shadow: 0 2px 8px 0 #999;
}
.MCTextPopupBody:after, .MCTextPopupBody:before {
  bottom: 100%;
  left: 50%;
  border: solid transparent;
  content: " ";
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none;
}
.MCTextPopupBody:after {
  border-color: rgba(136, 183, 213, 0);
  border-bottom-color: #dcdcdc;
  border-width: 5px;
  margin-left: -5px;
}

.MCTextPopup {
  position: relative;
  z-index: 3;
}
.MCTextPopup .MCTextPopupBody {
  display: none;
}
.MCTextPopup:hover {
  text-decoration: none;
}
.MCTextPopup.open .MCTextPopupBody {
  display: block;
}
.MCTextPopup.open.left .MCTextPopupBody {
  left: -5px;
}
.MCTextPopup.open.left .MCTextPopupBody:after, .MCTextPopup.open.left .MCTextPopupBody:before {
  left: 5%;
}
.MCTextPopup.open.right .MCTextPopupBody {
  right: -10px;
  left: inherit;
}
.MCTextPopup.open.right .MCTextPopupBody:after, .MCTextPopup.open.right .MCTextPopupBody:before {
  left: inherit;
  right: 8px;
}

.popupHead:link {
  color: #007fca;
  border: 0;
}

/*
	* MCDropDown *

	http://localhost:9090/en-US/sense/online/1.1/Subsystems/Hub/Content/Scripting/DateAndTimeFunctions/age.htm
*/
div.MCDropDown {
  margin-top: 10px;
}

img.MCDropDown_Image_Icon {
  border: 0;
}

.MCDropDownBody {
  background-color: #fff;
  margin-left: 17px;
}

.MCDropDown_Open {
  background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA0AAAANCAMAAABFNRROAAAAVFBMVEXh4eHh4eHi4uL+/v7+/v7h4eHi4uLu7u7h4eHu7u729vb7+/vs7Ozk5OTm5uZsbGzv7+/x8fHj4+P9/f2jo6P4+Pj6+vrt7e309PT+/v7y8vKRkZF0WFwzAAAACHRSTlMGhIqKjeT19VxoD7sAAABSSURBVHheRcdXEoMwDAXAZxKDiuk9uf89EaPxaP8WSJlcTkDDejvlBq2ulbYgDQQ6gm0PNpH/+NpEbFew/YJtDoSFp4oXdEM5XRk6fLgn1/P3AYiTCkZBPgdUAAAAAElFTkSuQmCC") 0 2px no-repeat;
}
.MCDropDown_Open .MCDropDownBody {
  display: block;
}

.MCDropDown_Closed {
  background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA0AAAANCAMAAABFNRROAAAAdVBMVEXh4eHh4eHi4uL+/v7+/v7h4eHi4uLu7u5sbGzh4eHu7u77+/v29vbm5ubs7OzOzs7j4+Pk5OTv7+/i4uKRkZHQ0NDl5eXT09Pn5+fo6OjU1NTt7e3V1dXf39/x8fHy8vL09PTg4OD4+Pj6+vqjo6P9/f3+/v69OSrlAAAACHRSTlMGhIqKjeT19VxoD7sAAABoSURBVHheNcdXEoMwEATRARvYIBEccw73P6JnS8X76WqgarRoKqA2/xVuNVr/zryFOl3kGFHom05yiPBetJddhJfSRsInJd6DtrKO8O40yDPCu9Eg14hitNXMRnS5Pxd97rCwSYvJln+uiw0EiivsvgAAAABJRU5ErkJggg==") 0 2px no-repeat;
}
.MCDropDown_Closed .MCDropDownBody {
  display: none;
}

.MCDropDownHotSpot {
  padding-left: 2px;
  border: 0;
}

.expandable, .disclosure {
  border: 1px solid #8d8d8d;
  background: #fafafa;
  margin-top: 16px;
  border-left: 0;
  border-right: 0;
}
.expandable [role=region], .disclosure [role=region] {
  padding: 10px 40px;
}

.disclosure {
  padding: 0 20px;
}
.disclosure h2 {
  margin: 10px 0;
  padding: 0 27px 0 0;
  font-size: 1.5em;
  color: #54565a;
  background-image: url(../img/onboarding/open-icon.svg);
  background-repeat: no-repeat;
  background-position: center right;
  background-size: 25px;
  cursor: pointer;
}

details > summary {
  margin-left: -10px;
  margin-right: -10px;
  padding-right: 10px;
  padding-left: 10px;
}
details > summary:focus {
  outline: 2px dotted #4b4b4b;
  outline-offset: 8px;
}

details[open] > summary h2 {
  background-image: url(../img/onboarding/close-icon-green.svg) !important;
}

.expandable-button {
  background-color: transparent;
  background-repeat: no-repeat;
  background-position: 12px center;
  background-size: 0.92em;
  text-align: left;
  display: block;
  border: 0;
  width: 100%;
  padding: 12px 40px;
  color: #54565a;
  font-weight: 600;
}
.expandable-button:focus {
  outline: 2px dotted #4b4b4b;
}
.expandable-button[aria-expanded=true] {
  background-image: url(../img/onboarding/close-icon-green.svg);
}
.expandable-button[aria-expanded=true] + [role=region] {
  display: block;
}
.expandable-button[aria-expanded=false] {
  background-image: url(../img/onboarding/open-icon.svg);
}
.expandable-button[aria-expanded=false] + [role=region] {
  display: none;
}

/** Qlik Brand Colors **/
/** Qlik Brand Colors 2024 **/
/** Other UI Colors **/
/** Search Highlight Colors **/
/** Typography **/
/** Spacing **/
/** Media queries **/
/* 991px */
/* 992px */
/** Qlik Brand Colors **/
/** Qlik Brand Colors 2024 **/
/** Other UI Colors **/
/** Search Highlight Colors **/
/** Typography **/
/** Spacing **/
/** Media queries **/
/* 991px */
/* 992px */
/* ==========================================================================
   Workflow template custom styles
   ========================================================================== */
ol.workflow, ul.workflow {
  margin-bottom: 0;
}
ol.workflow h2, ol.workflow li, ul.workflow h2, ul.workflow li {
  font-weight: normal;
  font-size: 1.2em;
  border-bottom: 0;
  position: relative;
  margin-top: 16px;
}
ol.workflow li > a, ul.workflow li > a {
  font-weight: 600;
}
ol.workflow li p, ol.workflow li div, ol.workflow li figure, ul.workflow li p, ul.workflow li div, ul.workflow li figure {
  font-size: 1rem;
  margin-bottom: 4px;
  margin-top: 8px;
}
ol.workflow li:after, ul.workflow li:after {
  display: block;
  content: "";
  height: 1px;
  margin-left: -32px;
  margin-top: 24px;
  background-color: #e1e1e1;
}
ol.workflow + .next-step, ul.workflow + .next-step {
  position: relative;
  list-style: none;
  padding: 20px 48px 16px 48px;
  color: #0f0f0f;
  font-size: 1.2em;
}
ol.workflow + .next-step:before, ul.workflow + .next-step:before {
  background-image: url("data:image/svg+xml;charset=utf8,%3C?xml version='1.0' encoding='UTF-8' standalone='no'?%3E%3Csvg xmlns:dc='http://purl.org/dc/elements/1.1/' xmlns:cc='http://creativecommons.org/ns%23' xmlns:rdf='http://www.w3.org/1999/02/22-rdf-syntax-ns%23' xmlns:svg='http://www.w3.org/2000/svg' xmlns='http://www.w3.org/2000/svg' xmlns:sodipodi='http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd' xmlns:inkscape='http://www.inkscape.org/namespaces/inkscape' id='svg4509' version='1.1' height='40' width='40' sodipodi:docname='arrow-circle.svg' inkscape:version='0.92.0 r15299'%3E%3Csodipodi:namedview pagecolor='%23ffffff' bordercolor='%23666666' borderopacity='1' objecttolerance='10' gridtolerance='10' guidetolerance='10' inkscape:pageopacity='0' inkscape:pageshadow='2' inkscape:window-width='1558' inkscape:window-height='897' id='namedview4518' showgrid='false' inkscape:zoom='5.9' inkscape:cx='20' inkscape:cy='20' inkscape:window-x='0' inkscape:window-y='0' inkscape:window-maximized='0' inkscape:current-layer='svg4509' /%3E%3Cmetadata id='metadata4515'%3E%3Crdf:RDF%3E%3Ccc:Work rdf:about=''%3E%3Cdc:format%3Eimage/svg+xml%3C/dc:format%3E%3Cdc:type rdf:resource='http://purl.org/dc/dcmitype/StillImage' /%3E%3Cdc:title%3E%3C/dc:title%3E%3C/cc:Work%3E%3C/rdf:RDF%3E%3C/metadata%3E%3Cdefs id='defs4513' /%3E%3Cpath style='opacity:1;fill:%23616161;fill-opacity:1;stroke:none;stroke-width:0.37273803;stroke-miterlimit:4;stroke-dasharray:none' d='M 19.830512,0.42529375 A 19.405065,19.405065 0 0 0 0.42529403,19.830502 19.405065,19.405065 0 0 0 19.830512,39.235723 19.405065,19.405065 0 0 0 39.235723,19.830502 19.405065,19.405065 0 0 0 19.830512,0.42529375 Z m 0,5.17503265 A 14.230381,14.230381 0 0 1 34.06069,19.830502 14.230381,14.230381 0 0 1 19.830512,34.060689 14.230381,14.230381 0 0 1 5.5996616,19.830502 14.230381,14.230381 0 0 1 19.830512,5.6003264 Z' id='path4496' inkscape:connector-curvature='0' /%3E%3Cpath style='fill:%23616161;fill-opacity:1;stroke:none;stroke-width:0.57922149px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1' d='M 9.0218256,17.027492 H 20.399394 v -6.909278 l 10.446665,9.288223 -10.13637,10.136377 V 22.819722 H 8.814958 Z' id='path4502' inkscape:connector-curvature='0' sodipodi:nodetypes='cccccccc' /%3E%3C/svg%3E");
  background-size: contain;
  background-repeat: no-repeat;
  width: 24px;
  height: 24px;
  left: 15px;
  top: 24px;
  position: absolute;
  display: block;
  content: "";
}
ol.workflow + .next-step h2, ul.workflow + .next-step h2 {
  font-size: 16px;
  text-transform: uppercase;
  color: #0f0f0f;
  border-bottom: 0;
  margin-top: 0;
}

ol.workflow + ol.workflow, ul.workflow + ul.workflow {
  margin-top: -20px;
}

ul.workflow li {
  list-style: none;
}
ul.workflow li:before {
  content: "•";
  color: #54565a;
  display: inline-block;
  margin-left: -20px;
  width: 20px;
  font-size: 20px;
  line-height: 1em;
}

a.workflow-link {
  display: inline-block;
  padding-right: 40px;
  text-decoration: none;
  border-radius: 30px;
  color: #fff !important;
  background: #008936;
  border: none;
}
a.workflow-link:after {
  background-image: url(../img/nav/thin-arrow-right-white.svg);
  background-repeat: no-repeat;
  background-position: center;
  background-size: 18px;
  display: inline-block;
  position: absolute;
  height: 23px;
  width: 23px;
  right: 10px;
  content: "";
}
a.workflow-link:hover {
  text-decoration: underline;
}

.syntax {
  background-color: #f2f2f2;
  font-family: "Source Code Pro", Monaco, Menlo, Consolas, "Courier New", monospace;
  font-size: 14px;
  padding: 0 4px;
}

.script_token,
.API_syntax {
  font-family: "Source Code Pro", Monaco, Menlo, Consolas, "Courier New", monospace;
  font-weight: bold;
  font-size: 14px;
}

blockquote {
  /* fix for code examples */
  margin-top: 0;
  margin-bottom: 0;
}

fieldset {
  /* fix for code examples */
  border: 0;
  margin: 0;
  padding: 0;
}

/* ReSharper disable once InvalidValue */
td .code, td .Code {
  -ms-word-break: break-word;
  word-break: break-word;
}

.bnf_token,
.API_syntax_input,
.Code,
.code {
  font-family: "Source Code Pro", Monaco, Menlo, Consolas, "Courier New", monospace;
  font-size: 14px;
  margin: 12px 0 0 0;
  max-width: 100%;
  vertical-align: middle;
  overflow: auto;
}
table .bnf_token,
table .API_syntax_input,
table .Code,
table .code {
  vertical-align: top;
}

li .API_syntax_input {
  margin: 0;
}

.example,
.examples,
.examples_results,
.example_numbered,
.limitations,
.arguments,
.return_type .autonumber,
.possible_cause_heading,
.proposed_action_heading,
.section-label,
.syntax_heading,
.ui_item,
.ui_item_external,
.statement,
.field-name {
  font-weight: 700;
}
h1 .example,
h1 .examples,
h1 .examples_results,
h1 .example_numbered,
h1 .limitations,
h1 .arguments,
h1 .return_type .autonumber,
h1 .possible_cause_heading,
h1 .proposed_action_heading,
h1 .section-label,
h1 .syntax_heading,
h1 .ui_item,
h1 .ui_item_external,
h1 .statement,
h1 .field-name {
  font-weight: inherit;
}

.path,
.user_input,
.field-value {
  font-style: italic;
}

div.code,
div.code-markup,
div.code-css,
div.code-javascript,
div.code-csharp,
div.code-bnf,
div.code-withcopy,
div.code-aspnet {
  white-space: pre;
  font-family: "Source Code Pro", Monaco, Menlo, Consolas, "Courier New", monospace;
  font-size: 14px;
  -ms-word-wrap: normal !important;
  word-wrap: normal !important;
  background: #f2f2f2;
}

/* ReSharper disable once InvalidValue */
div.code,
div.Code {
  -ms-word-wrap: break-word !important;
  word-wrap: break-word !important;
  font-size: 14px;
  background: #f2f2f2;
  padding: 1em;
  margin: 1em 0;
}

span.Code {
  /*    clear: both;
  display: block;
  margin-top: 10px;*/
}

.code-withcopy {
  position: relative;
}

.code-withcopy button.copy-code {
  font-family: "Inter", Arial, sans-serif;
  font-size: 1.1em;
}

.code-withcopy pre {
  padding: 1em;
  margin: 1em 0;
}

code::-webkit-scrollbar-button {
  width: 0;
  height: 0;
  display: none;
}

code::-webkit-scrollbar-corner {
  background-color: transparent;
}

code::-webkit-scrollbar {
  width: 8px;
  height: 8px;
}

code::-webkit-scrollbar-thumb {
  background-color: #d5d5d5;
  -webkit-box-shadow: inset 1px 1px 0 #d5d5d5, inset 0 -1px 0 #d5d5d5;
}

[class*=code-] {
  position: relative;
}

.see_also, .see_training {
  margin-top: 16px;
}

.see_training h2,
.see_also h2, h2.see-also {
  display: inline-block;
  /*font-size: $font-size-h3;
  display: inline-block;*/
}

.see-also-list {
  color: #006937;
  padding-left: 20px;
  /* list-style: none;
  margin: 0 0 30px;
  padding: 0;

  li {
  	list-style: none;
  	padding: 0;
  	margin: 10px 0;
  }*/
}

.see_training {
  display: none;
}
.see_training ul, .see_training li {
  list-style: none;
  padding: 0;
  margin: 10px 0;
}

a.see-also-link-external, .see-also-link-external a,
a.see-also-link-training, .see-also-link-training a,
a.see-also-link-workflow, .see-also-link-workflow a {
  /*padding-left: 20px;*/
  position: relative;
  list-style-type: none;
  list-style-type: none;
}
a.see-also-link-external:after, .see-also-link-external a:after,
a.see-also-link-training:after, .see-also-link-training a:after,
a.see-also-link-workflow:after, .see-also-link-workflow a:after {
  background-image: url("../img/nav/external-link-emerald.svg");
  background-repeat: no-repeat;
  background-position: center;
  background-size: 12px;
  background-position: bottom right;
  content: "";
  width: 18px;
  height: 1em;
  display: inline-block;
}
a.see-also-link-external.green:after, .see-also-link-external a.green:after,
a.see-also-link-training.green:after, .see-also-link-training a.green:after,
a.see-also-link-workflow.green:after, .see-also-link-workflow a.green:after {
  background-image: url("data:image/svg+xml;charset=utf8,%3C?xml version='1.0' encoding='UTF-8' standalone='no'?%3E%3Csvg xmlns:svg='http://www.w3.org/2000/svg' xmlns='http://www.w3.org/2000/svg' width='39.7' height='39.7' version='1.1'%3E%3Cpath style='stroke-width:0.96254718;fill:%23006937;fill-opacity:1' d='m 38.461355,0.44905591 q 0.319596,0 0.545193,0.24439675 0.244397,0.225597 0.244397,0.54519274 V 16.541642 q 0,0.319596 -0.225597,0.545193 -0.206797,0.206797 -0.526393,0.206797 h -3.308756 q -0.319596,0 -0.545193,-0.206797 -0.206797,-0.225597 -0.206797,-0.545193 V 8.6645467 L 21.654379,21.448377 q -0.263197,0.263196 -0.657991,0.263196 -0.394795,0 -0.657992,-0.263196 l -2.086772,-2.086772 q -0.263196,-0.263197 -0.263196,-0.657992 0,-0.394794 0.263196,-0.657991 L 31.035454,5.2617919 h -7.877095 q -0.319596,0 -0.545193,-0.2067972 -0.206797,-0.225597 -0.206797,-0.5451928 v -3.308756 q 0,-0.31959574 0.206797,-0.52639299 0.225597,-0.225597 0.545193,-0.225597 z M 29.625473,22.106368 h 4.812736 v 14.757804 q 0,0.845989 -0.620392,1.46638 -0.620392,0.620392 -1.46638,0.620392 H 2.8358289 q -0.8459888,0 -1.4663805,-0.620392 -0.62039176,-0.620391 -0.62039176,-1.46638 V 7.3485642 q 0,-0.8459887 0.62039176,-1.4663805 Q 1.9898401,5.2617919 2.8358289,5.2617919 H 17.593633 V 10.074528 H 6.3137827 q -0.3195958,0 -0.5451928,0.225597 -0.2067972,0.206797 -0.2067972,0.526393 v 22.5597 q 0,0.319596 0.2067972,0.526393 0.225597,0.225597 0.5451928,0.225597 H 28.873483 q 0.319596,0 0.526393,-0.225597 0.225597,-0.206797 0.225597,-0.526393 z' /%3E%3C/svg%3E") !important;
}
a.see-also-link-external.white:after, .see-also-link-external a.white:after,
a.see-also-link-training.white:after, .see-also-link-training a.white:after,
a.see-also-link-workflow.white:after, .see-also-link-workflow a.white:after {
  background-image: url("data:image/svg+xml;charset=utf8,%3C?xml version='1.0' encoding='UTF-8' standalone='no'?%3E%3Csvg xmlns:svg='http://www.w3.org/2000/svg' xmlns='http://www.w3.org/2000/svg' width='39.7' height='39.7' version='1.1'%3E%3Cpath style='stroke-width:0.96254718;fill:%23ffffff;fill-opacity:1' d='m 38.461355,0.44905591 q 0.319596,0 0.545193,0.24439675 0.244397,0.225597 0.244397,0.54519274 V 16.541642 q 0,0.319596 -0.225597,0.545193 -0.206797,0.206797 -0.526393,0.206797 h -3.308756 q -0.319596,0 -0.545193,-0.206797 -0.206797,-0.225597 -0.206797,-0.545193 V 8.6645467 L 21.654379,21.448377 q -0.263197,0.263196 -0.657991,0.263196 -0.394795,0 -0.657992,-0.263196 l -2.086772,-2.086772 q -0.263196,-0.263197 -0.263196,-0.657992 0,-0.394794 0.263196,-0.657991 L 31.035454,5.2617919 h -7.877095 q -0.319596,0 -0.545193,-0.2067972 -0.206797,-0.225597 -0.206797,-0.5451928 v -3.308756 q 0,-0.31959574 0.206797,-0.52639299 0.225597,-0.225597 0.545193,-0.225597 z M 29.625473,22.106368 h 4.812736 v 14.757804 q 0,0.845989 -0.620392,1.46638 -0.620392,0.620392 -1.46638,0.620392 H 2.8358289 q -0.8459888,0 -1.4663805,-0.620392 -0.62039176,-0.620391 -0.62039176,-1.46638 V 7.3485642 q 0,-0.8459887 0.62039176,-1.4663805 Q 1.9898401,5.2617919 2.8358289,5.2617919 H 17.593633 V 10.074528 H 6.3137827 q -0.3195958,0 -0.5451928,0.225597 -0.2067972,0.206797 -0.2067972,0.526393 v 22.5597 q 0,0.319596 0.2067972,0.526393 0.225597,0.225597 0.5451928,0.225597 H 28.873483 q 0.319596,0 0.526393,-0.225597 0.225597,-0.206797 0.225597,-0.526393 z' /%3E%3C/svg%3E");
}

a.see-also-link-workflow:after, .see-also-link-workflow a:after {
  background-image: url("../img/nav/workflow-toggle-active.svg");
  background-position: center center;
  background-size: 20px;
  width: 24px;
}

a.see-also-link-training:after, .see-also-link-training a:after {
  background-image: url("../img/nav/training.svg");
}

span.english-only {
  display: inline-block;
}

/*.landingpage-link a {
	padding-left: 20px;
	margin-left: -4px;
	.small-file;
}
div.see_also p a, p[class="MiniTOC1_0"] a, .see-also-link a {
	.small-file;
}
*/
#bottom-mini-toc {
  display: none;
  visibility: hidden;
  margin-top: 25px;
  clear: left;
}
#bottom-mini-toc div.MCMiniTocBox_0::before {
  font-weight: bold;
  display: block;
  padding-bottom: 5px;
}

.caption img {
  display: block;
}

figure {
  background-color: #f4f4f4;
  padding: 10px;
  margin: 1em 0;
}
figure img {
  display: block;
  cursor: zoom-in;
}

#topicContent figure {
  background-color: #fafafa;
  border: 1px solid #ddd;
  padding: 10px;
  margin: 16px 0 32px 0;
  color: rgba(15, 15, 15, 0.85);
  font-size: 0.875em;
}
#topicContent figure figcaption {
  font-style: normal;
  margin: 4px 0;
}
#topicContent figure figcaption p {
  margin: 4px 0;
  font-size: 0.875em;
}
#topicContent figure img {
  display: block;
}

.replay {
  margin-top: 15px;
  text-align: center;
  display: block;
}
.replay button {
  background-image: url(../img/icons/reload-white.svg);
  background-position: 15px center;
  background-repeat: no-repeat;
  background-size: 18px;
  padding-left: 45px;
  background-color: #006580;
}
.replay button:hover {
  background-color: #54565a;
}

.autonumber {
  font-weight: 600;
}

.videowrapper {
  float: none;
  clear: both;
  width: 100%;
  position: relative;
  padding-bottom: 56.25%;
  padding-top: 25px;
  height: 0;
}
.videowrapper iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border: 0;
}

img {
  max-width: 100%;
}
#topicContent p > img.border {
  border: 1px solid #d5d5d5;
  padding: 10px;
}
#topicContent p > img.border[src*="/Icons/"], #topicContent p > img.border[src*="/ic_"] {
  border: 0;
  padding: 0;
}
@media only screen and (max-width: 920px) {
  img {
    cursor: pointer;
  }
}

/* For lists without bullets (e.g. file download lists) */
ul.reset, ul.reset li {
  list-style: none;
  padding: 0;
  margin: 0;
  padding-bottom: 5px;
}

.generic-file {
  /*display: inline-block;*/
}
.generic-file:after {
  background: url("../img/file-icons/QlikFile-blue.svg") no-repeat;
  background-position: center bottom;
  background-size: 12px;
  display: inline-block;
  position: relative;
  margin-left: 3px;
  height: 1em;
  width: 20px;
  top: 2px;
  content: "";
}
.card .generic-file {
  /*clear: left;*/
  /*float: left;*/
  margin-bottom: 5px;
}
.card .generic-file + span.english-only {
  margin-bottom: 5px;
}

.small-file {
  /*display: inline-block;*/
  background-size: 12px;
  background-position: 3px;
}
.small-file:after {
  background: url("../img/file-icons/QlikFile-blue.svg") no-repeat;
  background-position: center bottom;
  background-size: 12px;
  display: inline-block;
  position: relative;
  margin-left: 3px;
  height: 1em;
  width: 20px;
  top: 2px;
  content: "";
}
.card .small-file {
  /*clear: left;*/
  /*float: left;*/
  margin-bottom: 5px;
}
.card .small-file + span.english-only {
  margin-bottom: 5px;
}

.pdf a, a.pdf {
  /*display: inline-block;*/
}
.pdf a:after, a.pdf:after {
  background: url("../img/file-icons/QlikFile-blue.svg") no-repeat;
  background-position: center bottom;
  background-size: 12px;
  display: inline-block;
  position: relative;
  margin-left: 3px;
  height: 1em;
  width: 20px;
  top: 2px;
  content: "";
}
.card .pdf a, .card a.pdf {
  /*clear: left;*/
  /*float: left;*/
  margin-bottom: 5px;
}
.card .pdf a + span.english-only, .card a.pdf + span.english-only {
  margin-bottom: 5px;
}
.pdf a:after, a.pdf:after {
  background-image: url("../img/file-icons/Pdf-green.svg");
}

.inline-nav .pdf a, .inline-nav a.pdf {
  /*display: inline-block;*/
}
.inline-nav .pdf a:after, .inline-nav a.pdf:after {
  background: url("../img/file-icons/QlikFile-blue.svg") no-repeat;
  background-position: center bottom;
  background-size: 12px;
  display: inline-block;
  position: relative;
  margin-left: 3px;
  height: 1em;
  width: 20px;
  top: 2px;
  content: "";
}
.card .inline-nav .pdf a, .card .inline-nav a.pdf {
  /*clear: left;*/
  /*float: left;*/
  margin-bottom: 5px;
}
.card .inline-nav .pdf a + span.english-only, .card .inline-nav a.pdf + span.english-only {
  margin-bottom: 5px;
}
.inline-nav .pdf a:after, .inline-nav a.pdf:after {
  background-image: url("../img/file-icons/Pdf-green.svg");
}

.zip a, a.zip {
  /*display: inline-block;*/
}
.zip a:after, a.zip:after {
  background: url("../img/file-icons/QlikFile-blue.svg") no-repeat;
  background-position: center bottom;
  background-size: 12px;
  display: inline-block;
  position: relative;
  margin-left: 3px;
  height: 1em;
  width: 20px;
  top: 2px;
  content: "";
}
.card .zip a, .card a.zip {
  /*clear: left;*/
  /*float: left;*/
  margin-bottom: 5px;
}
.card .zip a + span.english-only, .card a.zip + span.english-only {
  margin-bottom: 5px;
}
.zip a:after, a.zip:after {
  background-image: url("../img/file-icons/Zip-green.svg");
}

.qlikview-file a, a.qlikview-file {
  /*display: inline-block;*/
}
.qlikview-file a:after, a.qlikview-file:after {
  background: url("../img/file-icons/QlikFile-blue.svg") no-repeat;
  background-position: center bottom;
  background-size: 12px;
  display: inline-block;
  position: relative;
  margin-left: 3px;
  height: 1em;
  width: 20px;
  top: 2px;
  content: "";
}
.card .qlikview-file a, .card a.qlikview-file {
  /*clear: left;*/
  /*float: left;*/
  margin-bottom: 5px;
}
.card .qlikview-file a + span.english-only, .card a.qlikview-file + span.english-only {
  margin-bottom: 5px;
}
.qlikview-file a:after, a.qlikview-file:after {
  background-image: url("../img/file-icons/QlikView-file-blue.svg");
}

.qliksense-file a, a.qliksense-file {
  /*display: inline-block;*/
}
.qliksense-file a:after, a.qliksense-file:after {
  background: url("../img/file-icons/QlikFile-blue.svg") no-repeat;
  background-position: center bottom;
  background-size: 12px;
  display: inline-block;
  position: relative;
  margin-left: 3px;
  height: 1em;
  width: 20px;
  top: 2px;
  content: "";
}
.card .qliksense-file a, .card a.qliksense-file {
  /*clear: left;*/
  /*float: left;*/
  margin-bottom: 5px;
}
.card .qliksense-file a + span.english-only, .card a.qliksense-file + span.english-only {
  margin-bottom: 5px;
}
.qliksense-file a:after, a.qliksense-file:after {
  background-image: url("../img/file-icons/QlikSense-file-blue.svg");
}

.media-video a, a.media-video {
  /*display: inline-block;*/
}
.media-video a:after, a.media-video:after {
  background: url("../img/file-icons/QlikFile-blue.svg") no-repeat;
  background-position: center bottom;
  background-size: 12px;
  display: inline-block;
  position: relative;
  margin-left: 3px;
  height: 1em;
  width: 20px;
  top: 2px;
  content: "";
}
.card .media-video a, .card a.media-video {
  /*clear: left;*/
  /*float: left;*/
  margin-bottom: 5px;
}
.card .media-video a + span.english-only, .card a.media-video + span.english-only {
  margin-bottom: 5px;
}
.media-video a:after, a.media-video:after {
  background-image: url("../img/icons/play.svg");
  background-size: 14px;
}

.letter-index {
  margin-top: 25px;
  font-size: 24px;
  text-align: center;
  letter-spacing: 3px;
}
.letter-index ol, .letter-index ul, .letter-index li {
  list-style: none;
  display: inline;
  padding: 0;
  margin: 0;
}
.letter-index a[href^="#"], .letter-index .xref[href^="#"] {
  color: #006580;
}
.letter-index a[href^="#"]:after, .letter-index .xref[href^="#"]:after {
  display: none;
}
.letter-index a[href^="#"]:hover, .letter-index .xref[href^="#"]:hover {
  text-decoration: none;
}

/* Automatic Vidyard styles override */
.vidyard-player-container {
  margin: 20px 0 !important;
  border: 1px solid #ddd !important;
}

/* Developer version history boxes */
div.versionHistoryDescription {
  width: 55%;
  vertical-align: top;
  display: inline-block;
}

dl.versionHistory {
  display: inline-block;
  width: 40%;
  min-width: 250px;
  max-width: 400px;
  padding: 10px;
  background: #fafafa;
}
dl.versionHistory:before {
  font-weight: normal;
  display: block;
  font-size: 1.4em;
  margin: 0;
  border-bottom: 1px solid #ddd;
}
dl.versionHistory dt, dl.versionHistory dd, dl.versionHistory ul, dl.versionHistory li {
  display: inline-block;
  padding: 0;
  margin: 0;
}
dl.versionHistory dd, dl.versionHistory dt {
  vertical-align: top;
  padding-top: 5px;
  width: 59%;
}
dl.versionHistory dt {
  font-weight: 600;
  width: 39%;
}
dl.versionHistory dt.tag-since {
  display: none;
}
dl.versionHistory dd.tag-since {
  width: 98%;
}
dl.versionHistory dd.tag-since:before {
  display: inline-block;
  width: 39%;
  font-weight: 600;
}

/** Qlik Brand Colors **/
/** Qlik Brand Colors 2024 **/
/** Other UI Colors **/
/** Search Highlight Colors **/
/** Typography **/
/** Spacing **/
/** Media queries **/
/* 991px */
/* 992px */
/** Qlik Brand Colors **/
/** Qlik Brand Colors 2024 **/
/** Other UI Colors **/
/** Search Highlight Colors **/
/** Typography **/
/** Spacing **/
/** Media queries **/
/* 991px */
/* 992px */
.button {
  text-decoration: none;
  background: #f4f4f4;
  color: #0f0f0f;
  display: inline-block;
  outline-offset: 2px;
  position: relative;
  padding: 10px 15px;
  -webkit-transition: background-color 0.1s ease-out;
  -moz-transition: background-color 0.1s ease-out;
  -o-transition: background-color 0.1s ease-out;
  -ms-transition: background-color 0.1s ease-out;
  transition: background-color 0.1s ease-out;
  font-size: 16px;
  font-weight: 600;
  border-width: 2;
  border-style: solid;
  border-color: #009845;
  color: #ffffff;
  background: #009845;
}
.button:active, .button.active {
  color: #ffffff;
}
.button:focus {
  outline: 2px dotted #4b4b4b;
}
.button:hover, .button:active, .button.active {
  background-color: #006937;
  color: #ffffff;
}
.button.filled, .button.filled.blue {
  color: #ffffff;
  background: #0066cc;
}
.button.filled:hover, .button.filled:active, .button.filled.active, .button.filled.blue:hover, .button.filled.blue:active, .button.filled.blue.active {
  background-color: #003D9A;
  color: #ffffff;
}
.button.filled.green {
  color: #0f0f0f;
  background: #009845;
}
.button.filled.green:hover, .button.filled.green:active, .button.filled.green.active {
  background-color: #0aaf54;
  color: #0f0f0f;
}
.button.inverted {
  color: #00893e;
  background: #ffffff;
  border-color: #00893e;
}
.button.inverted:hover, .button.inverted:active, .button.inverted.active {
  background-color: #00893e;
  color: #ffffff;
}
.button.grey {
  color: #0f0f0f;
  background: #F3F5F8;
}
.button.grey:hover, .button.grey:active, .button.grey.active {
  background-color: #F3F5F8;
  color: #0f0f0f;
}
.button.download {
  text-decoration: none;
  background: #f4f4f4;
  color: #0f0f0f;
  display: inline-block;
  outline-offset: 2px;
  position: relative;
  padding: 10px 15px;
  -webkit-transition: background-color 0.1s ease-out;
  -moz-transition: background-color 0.1s ease-out;
  -o-transition: background-color 0.1s ease-out;
  -ms-transition: background-color 0.1s ease-out;
  transition: background-color 0.1s ease-out;
  font-size: 16px;
  font-weight: 600;
  border-width: 2;
  border-style: solid;
  border-color: #009845;
}
.button.download:active, .button.download.active {
  color: #ffffff;
}
.button.download:focus {
  outline: 2px dotted #4b4b4b;
}
.button.download:before {
  font-family: "LUIicons", "Open Sans", Arial, sans-serif;
  position: relative;
  right: 0;
  top: 0;
  content: "\229E";
  margin-right: 10px;
}
.button.download:empty:after {
  margin: 0;
}
.button.filter {
  text-decoration: none;
  background: #f4f4f4;
  color: #0f0f0f;
  display: inline-block;
  outline-offset: 2px;
  position: relative;
  padding: 10px 15px;
  -webkit-transition: background-color 0.1s ease-out;
  -moz-transition: background-color 0.1s ease-out;
  -o-transition: background-color 0.1s ease-out;
  -ms-transition: background-color 0.1s ease-out;
  transition: background-color 0.1s ease-out;
  font-size: 16px;
  font-weight: 600;
  border-width: 2;
  border-style: solid;
  border-color: #009845;
}
.button.filter:active, .button.filter.active {
  color: #ffffff;
}
.button.filter:focus {
  outline: 2px dotted #4b4b4b;
}
.button.filter:before {
  font-family: "LUIicons", "Open Sans", Arial, sans-serif;
  position: relative;
  right: 0;
  top: 0;
  content: "\263D";
  margin-right: 10px;
}
.button.filter:empty:after {
  margin: 0;
}
.button.disabled {
  display: none;
}
.button.light {
  background-color: transparent;
  color: #009845;
}
.button.light:hover {
  background: #009845;
  text-decoration: underline;
  color: #fff;
}
.button.light.search-feedback-button {
  color: #fff;
  background: #008936;
  border: none;
  border-radius: 30px;
}
.button.light.search-feedback-button:hover {
  background: #156037;
  text-decoration: none;
  color: #fff;
}

.goto-link {
  color: #009845;
  padding: 4px 10px;
  display: block;
  border-radius: 3px;
  font-weight: 600;
  border: none;
  transition: background ease-in-out 0.1s;
  text-decoration: none;
  float: right;
  margin-top: 2px;
  margin-right: 5px;
}
@media only screen and (max-width: 920px) {
  .goto-link {
    margin-top: 10px;
  }
}
.goto-link::hover {
  text-decoration: underline;
}

.mobile-close-button {
  position: absolute;
  z-index: 2;
  top: 15px;
  right: 30px;
  display: none;
  border: 0;
}
.mobile-close-button button {
  background: transparent;
  display: inline-block;
  background-image: url("../img/nav/close3-brand-grey.svg");
  background-position: center;
  background-repeat: no-repeat;
  background-size: 24px;
  width: 24px;
  height: 24px;
  border-radius: 8px;
  border: 0;
}
.mobile-close-button button:focus {
  outline: 2px dotted #4b4b4b;
}

label {
  display: inline-block;
  cursor: pointer;
  vertical-align: middle;
  position: relative;
  z-index: 1;
  line-height: 25px;
  background-color: #ffffff;
}
@media only screen and (max-width: 920px) {
  label {
    line-height: 40px;
    display: block;
  }
}

.selectors {
  display: inline-block;
}

.local-search {
  margin-bottom: 30px;
  position: relative;
}
@media only screen and (max-width: 920px) {
  .local-search {
    margin-bottom: 10px;
  }
}
.local-search label {
  display: none;
  visibility: hidden;
  width: 0;
  height: 0;
}
.local-search input {
  outline: none;
  padding: 9px;
  border: 1px solid #8c8c8c;
  width: 100%;
  border-radius: 2px;
}
.local-search input:focus {
  outline: 2px solid #002e5c;
  outline: 2px dotted #002e5c;
}
.local-search input::placeholder {
  color: #333333;
}
.local-search button {
  width: 40px;
  height: 40px;
  background-color: unset;
  border: none;
  background-image: url(../img/nav/icon-search-03.svg);
  background-repeat: no-repeat;
  position: absolute;
  right: 5px;
  background-position: center 10px;
  background-size: 20px;
}
.local-search button:focus {
  outline: 2px solid #002e5c;
  outline: 2px dotted #002e5c;
}

.search-providers {
  display: none;
}

.filter-button {
  display: inline-block;
}

.filter-view {
  display: none;
}

.filter-types .level2[aria-hidden=true] {
  display: none;
}

#reset-filters a {
  font-size: 0.92em;
  color: #006937;
  /*#00893e;*/
  text-decoration: underline;
  border-bottom: 0;
  /*border-bottom-color: $brand-emerald;*/
  /*#00893e;*/
}
#reset-filters a:hover {
  text-decoration: none;
}

.container.search-page *:focus {
  outline-color: #4b4b4b;
  outline: 2px dotted #4b4b4b;
}
.container.search-page .nav, .container.search-page .back, .container.search-page .action-buttons {
  display: none;
}
.container.search-page.videos .filter-type {
  display: none;
}
.container.search-page.videos .filter-view {
  display: inline-block;
}

@media only screen and (max-width: 920px) {
  .container.search-page .nav {
    /*display: block;*/
    display: none;
    width: 100%;
    background-repeat: no-repeat;
    background-size: 16px;
  }
  .container.search-page .nav.forward {
    background-image: url(../img/nav/dark-plus.svg);
    background-position: center right 27px;
  }
  .container.search-page .nav.back {
    background-image: url(../img/nav/thin-arrow-left-white.svg);
    background-position: center left 10px;
  }
  .container.search-page .nav:hover {
    background-color: #006937;
  }
  .container.search-page #show-filters {
    display: block;
    text-align: left;
  }
}
@media only screen and (max-width: 920px) and (max-width: 920px) {
  .container.search-page #show-filters {
    border: 1px solid #c4cfda;
    background-color: #f3f5f8;
    color: inherit;
    font-size: 1em;
    height: 50px;
  }
}
@media only screen and (max-width: 920px) {
  .container.search-page .local-search input {
    width: 100%;
  }
  .container.search-page .local-search button {
    right: 3px;
  }
}
@media only screen and (max-width: 920px) {
  .container.search-page .search-filters {
    position: fixed;
    margin: 0;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: #fff;
    /*display: none;*/
    z-index: 10;
    padding: 10px;
    transition: transform ease-in-out 350ms;
    transform: translate3d(120%, 0, 0);
    opacity: 0;
    text-align: left;
  }
  .mobile-filters-open .container.search-page .search-filters {
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
  .container.search-page .search-filters h2 {
    font-size: 1.125em;
    margin: 0;
    margin-bottom: 30px;
    border-bottom: 1px solid #000;
  }
  .container.search-page .search-filters .filter-types {
    position: fixed;
    top: 80px;
    left: 0;
    right: 0;
    bottom: 0;
    padding: 10px;
    transition: transform ease-in-out 250ms;
    transform: translate3d(0, 0, 0);
  }
  .mobile-dropdown-open .container.search-page .search-filters .filter-types {
    transform: translate3d(-120%, 0, 0);
  }
  .container.search-page .search-filters .back {
    background-image: url(../img/nav/light-arrow-left.svg);
    background-repeat: no-repeat;
    background-position: left 5px;
    padding-left: 15px;
    background-size: 12px;
    /*display: inline-block;*/
    display: none;
    margin-top: 5px;
    margin-bottom: 10px;
    color: #000;
    border-bottom: 0;
  }
  .container.search-page .search-filters .back:hover {
    text-decoration: underline;
  }
  .container.search-page .search-filters .filter-button {
    display: block;
    padding: 2px 0;
  }
  .container.search-page .search-filters .filter-view {
    display: none;
  }
  .mobile-filters-open .container.search-page .search-filters {
    display: block;
  }
  .container.search-page .search-filters .q-select .button {
    font-size: 1.125em;
    display: block;
    width: 100%;
  }
  .container.search-page .search-filters .q-select .button.disabled {
    display: none;
  }
  .container.search-page .search-filters .q-select .button:focus {
    outline-color: #002e5c;
    outline-offset: 1px;
  }
  .container.search-page .search-filters .q-select .level3 {
    transition: transform ease-in-out 250ms;
    transform: translate3d(120%, 0, 0);
    position: fixed;
    background-color: #fff;
    z-index: 5;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    overflow: auto;
    text-align: center;
  }
  .container.search-page .search-filters .q-select ul {
    position: static;
    margin-right: auto;
    margin-left: auto;
    background-color: #fff;
    width: 100%;
    box-shadow: none;
    border: 0;
  }
  .container.search-page .search-filters .q-select ul li {
    display: block;
  }
  .container.search-page .search-filters .q-select ul li .button {
    border-radius: 2px;
    background-color: #f3f5f8;
    border: 1px solid #ccc;
    color: #0f0f0f;
    border-radius: 0;
  }
  .container.search-page .search-filters .q-select ul li .button:hover, .container.search-page .search-filters .q-select ul li .button.active {
    background-color: #f3f5f8;
    border: 1px solid #ccc;
    color: #0f0f0f;
  }
  .container.search-page .search-filters .q-select ul li .button.active {
    background-color: #c4cfda;
  }
  .container.search-page .search-filters .q-select ul li .button, .container.search-page .search-filters .q-select ul li .button:hover {
    background-image: none;
  }
  .container.search-page .search-filters .q-select ul li .button:hover, .container.search-page .search-filters .q-select ul li .button.active {
    font-weight: bold;
  }
  .container.search-page .search-filters .q-select ul li .button:focus {
    outline-width: 2px;
    outline-style: solid;
    outline-style: dotted;
    outline-offset: 0;
  }
  .container.search-page .search-filters .q-select ul li .button:focus:after {
    display: none;
  }
  .container.search-page .search-filters .q-select .action-buttons {
    padding: 10px;
  }
  .container.search-page .search-filters .q-select [aria-expanded] {
    background-size: 15px;
    background-position: center right 10px;
    padding-right: 33px;
    background-image: url(../img/nav/light-arrow-right.svg);
    background-repeat: no-repeat;
    /*background-color: #C4CFDA !important;*/
    border-radius: 2px;
    background-color: #f3f5f8;
    border: 1px solid #ccc;
    color: #0f0f0f;
  }
  .container.search-page .search-filters .q-select [aria-expanded]:hover, .container.search-page .search-filters .q-select [aria-expanded].active {
    background-color: #f3f5f8;
    border: 1px solid #ccc;
    color: #0f0f0f;
  }
  .container.search-page .search-filters .q-select [aria-expanded].active {
    background-color: #c4cfda;
  }
  .container.search-page .search-filters .q-select [aria-expanded]:hover {
    background-image: url(../img/nav/light-arrow-right.svg);
    padding-bottom: 10px;
    /*font-weight: bold;*/
  }
  .mobile-dropdown-open .container.search-page .search-filters .q-select [aria-expanded] {
    display: none;
  }
  .container.search-page .search-filters .q-select [aria-expanded=true] + ul {
    display: block;
  }
  .container.search-page .search-filters #reset-filters {
    display: none;
  }
}
@media only screen and (max-width: 920px) {
  .container.search-page .filters-count, .container.search-page .result-count {
    padding-left: 8px;
  }
}
@media only screen and (max-width: 920px) {
  .container.search-page .level3 {
    display: none;
  }
}
@media only screen and (max-width: 920px) {
  .container.search-page .action-buttons {
    margin-top: 40px;
  }
  .container.search-page .action-buttons button {
    margin-bottom: 5px;
  }
  .container.search-page .action-buttons .filter-reset {
    margin-top: 20px;
    text-align: center;
  }
  .container.search-page .action-buttons .filter-reset a {
    border: 0;
    text-decoration: underline;
  }
  .container.search-page .action-buttons .filter-reset a:hover {
    border: 0;
    text-decoration: none;
  }
}
@media only screen and (max-width: 920px) {
  .container.search-page.videos .filter-view {
    display: block;
  }
  .container.search-page.videos .filter-type {
    display: none;
  }
}
@media only screen and (max-width: 920px) {
  .mobile-dropdown-open [aria-expanded=true] + .level3 {
    display: block;
  }
}
@media only screen and (max-width: 920px) {
  .mobile-filters-open {
    overflow: hidden;
    position: fixed;
  }
  .mobile-filters-open .container.search-page .nav {
    display: block;
  }
  .mobile-filters-open .container.search-page .action-buttons {
    display: block;
  }
  .mobile-filters-open .container.search-page .search-filters .back {
    display: inline-block;
  }
  .mobile-filters-open .container.search-page .search-filters .q-select {
    display: block;
  }
  .mobile-filters-open .filter-types > .selectors {
    display: block;
  }
}
@media only screen and (max-width: 920px) {
  .filter-types > .selectors {
    display: none;
  }
}
.reset-filters-mobile {
  text-align: right;
  padding: 5px;
  display: none;
}
@media only screen and (max-width: 920px) {
  .reset-filters-mobile {
    display: block;
  }
}

/** Qlik Brand Colors **/
/** Qlik Brand Colors 2024 **/
/** Other UI Colors **/
/** Search Highlight Colors **/
/** Typography **/
/** Spacing **/
/** Media queries **/
/* 991px */
/* 992px */
.clear-all {
  background: transparent;
  color: #006937;
  text-decoration: underline;
  border: 0;
}
.clear-all:hover {
  background: transparent;
  text-decoration: none;
}
.clear-all:focus {
  outline: 2px dotted #4b4b4b;
}

.mobile-filter-button {
  display: none;
}
@media only screen and (max-width: 920px) {
  .mobile-filter-button {
    display: block;
    margin-top: -10px;
  }
  .mobile-filter-button button {
    position: relative;
    width: 100%;
    padding: 10px 20px;
    margin: 15px 0;
  }
  .mobile-filter-button button:after {
    display: block;
    position: absolute;
    top: 0;
    bottom: 0;
    right: 20px;
    background: url(../img/icons/filter-white.svg) no-repeat center center;
    background-size: contain;
    content: "";
    width: 18px;
  }
}

.filters-info-group {
  padding: 5px 10px;
  background: #ededed;
  margin-top: 20px;
}
.filters-info-group:after {
  display: table;
  content: "";
  clear: both;
}
.filters-info-group .filters-info {
  text-align: center;
  float: left;
}
.filters-info-group .sorting {
  float: right;
}
.filters-info-group .sorting button {
  color: #0f0f0f;
  font-weight: bold;
}
.filters-info-group .sorting button .direction {
  font-weight: normal;
  padding-left: 5px;
}
.filters-info-group .sorting ul {
  display: none;
  position: absolute;
  top: 25px;
  right: -10px;
  z-index: 1000;
  min-width: 160px;
  padding: 0 !important;
  margin: 2px 0 0 !important;
  list-style: none !important;
  background-color: #FFF;
  border: 1px solid #ccc;
  box-shadow: 0px 6px 12px rgba(0, 0, 0, 0.176);
  background-clip: padding-box;
}
.filters-info-group .sorting ul li {
  margin-left: 0 !important;
  margin-bottom: 0 !important;
  display: block !important;
}
.filters-info-group .sorting ul li.separator {
  background-color: #d5d5d5;
  display: inline-block;
  width: 100%;
  height: 1px;
}
.filters-info-group .sorting ul li a {
  color: #54565a;
  display: block;
  padding: 7px 15px;
  white-space: nowrap;
  border-bottom: 1px solid #f4f4f4;
  font-weight: initial;
}
.filters-info-group .sorting ul li a:hover {
  background: #fafafa;
  text-decoration: none;
}
.filters-info-group .sorting ul li a:focus {
  outline-offset: 0;
}
.filters-info-group .sorting ul li ul {
  border-top: 2px solid #ddd;
}
@media only screen and (max-width: 920px) {
  .filters-info-group .sorting ul li ul {
    border-top: none;
  }
}
.filters-info-group .sorting ul li:first-child ul {
  border-top: none;
}
.filters-info-group .sorting button[aria-expanded=true] + ul {
  display: block;
}
.filters-info-group .sorting li {
  padding: 0;
}
.filters-info-group .sorting a {
  text-decoration: none;
  margin: 0;
}
.filters-info-group .clear-all {
  width: auto;
  padding: 1px 6px;
}
.filters-info-group .clear-all:after {
  display: none;
}
@media only screen and (max-width: 920px) {
  .filters-info-group {
    text-align: center;
  }
  .filters-info-group .filters-info, .filters-info-group .sorting {
    vertical-align: top;
    display: inline-block;
    float: none;
  }
  .filters-info-group .sorting button:after {
    position: static;
    background-position: center bottom;
    width: 30px;
    height: 15px;
  }
  .filters-info-group .clear-all {
    border-right: 1px solid #ccc;
    padding-right: 12px;
    margin-right: 10px;
  }
}

#news-items, .news-item {
  padding: 0;
  margin: 0;
  list-style: none;
}

.news-item {
  transition: box-shadow linear 0.3s;
  border-top: 1px solid #ccc;
  margin: 0 0 32px 0;
}
.news-item:focus {
  outline: 2px dotted #4b4b4b;
}
.news-item p {
  margin: 12px 0 0 0;
}
.news-item .news-item-header {
  margin-top: 8px;
}
.news-item .news-item-header:after {
  display: table;
  content: "";
  clear: both;
}
.news-item .news-item-label {
  display: inline-block;
  background-color: #D3D1EF;
  /*$brand-amethyst */
  color: #0f0f0f;
  border-radius: 24px;
  padding: 2px 10px;
  margin-right: 10px;
  margin-bottom: 10px;
  font-size: 0.875em;
}
.news-item .news-item-label + h2, .news-item .news-item-label + div {
  margin-top: 10px;
}
.news-item .news-item-label + p {
  margin: 15px 0;
  margin-top: 30px;
}
.news-item ul {
  list-style-type: disc;
}
.news-item .news-item-date {
  font-size: 0.875em;
  margin-right: 12px;
}
.news-item .news-item-date:before {
  content: "";
  display: inline-block;
  background-image: url(../img/nav/calendar.svg);
  background-size: auto 32px;
  background-position: -7px -8px;
  background-repeat: no-repeat;
  vertical-align: middle;
  margin: 10px 0px 10px 0px;
  width: 24px;
  height: 19px;
}

.nrResults {
  margin-right: 5px;
  padding-right: 5px;
  padding-left: 4px;
  border-right: 1px solid #ccc;
}
.filters-info .nrResults {
  padding-right: 10px;
}
.nrResults:empty {
  display: none;
}

div.api-experimental, div.api-stable, div.api-locked, div.api-deprecated {
  text-transform: uppercase;
  text-align: center;
  font-size: 18px;
  color: #0f0f0f;
  padding: 5px;
  margin-bottom: 20px;
}
div.api-experimental {
  background-color: #ffc72c;
}
div.api-stable {
  background-color: #c4d600;
}
div.api-locked {
  background-color: #7ebeff;
}
div.api-deprecated {
  background-color: #ff4c4c;
}

p.syntax {
  font-size: 16px;
  display: inline-block;
}

/** Qlik Brand Colors **/
/** Qlik Brand Colors 2024 **/
/** Other UI Colors **/
/** Search Highlight Colors **/
/** Typography **/
/** Spacing **/
/** Media queries **/
/* 991px */
/* 992px */
.tablist {
  list-style: none;
  border-bottom: 1px solid #ccc;
  display: block;
  padding: 0;
  margin: 0 auto;
}
.tablist:after {
  display: table;
  clear: both;
  content: "";
}
.tablist li, .tablist > span {
  display: inline-block;
  margin-bottom: -5px;
}
.tablist li button img {
  float: left;
  margin-right: 15px;
}
.tablist button {
  display: inline-block;
  background-color: #ffffff;
  vertical-align: middle;
  font-size: 1.2em;
  position: relative;
  margin-right: 5px;
  margin-bottom: 5px;
  padding: 13px 35px;
  text-align: center;
  color: #0f0f0f;
  border: 0;
}
.tablist button img {
  vertical-align: middle;
}
.tablist button span {
  display: inline-block;
  vertical-align: middle;
}
.tablist button:focus {
  outline: #4b4b4b solid 2px;
}
.tablist button:last-child {
  border-right-width: 1px;
}
.tablist button:first-child {
  border-left-width: 1px;
}
.tablist button:after {
  transition: all 0.2s;
  display: block;
  position: absolute;
  content: "";
  border-bottom: 4px solid #006937;
  bottom: 0px;
  width: 100%;
  left: 0;
  opacity: 0;
}
.tablist button[aria-selected=true], .tablist button:hover {
  background-color: #f6f8f9;
  /*border-bottom-color: $brand-orange;
  margin-left: -1px;*/
  color: #156037;
}
.tablist button[aria-selected=true]:after, .tablist button:hover:after {
  opacity: 1;
}
@media only screen and (min-width: 921px) {
  .tablist.onboarding {
    border-bottom: none;
  }
}
.tablist.onboarding li {
  display: block;
  margin-bottom: 20px;
  background-color: #ffffff;
}
@media only screen and (max-width: 920px) {
  .tablist.onboarding li {
    margin-bottom: 0;
  }
}
.tablist.onboarding button {
  display: block;
  padding-left: 15px;
  width: 100%;
  text-align: left;
  background-color: transparent;
  color: #54565a;
}
.tablist.onboarding button[aria-selected=true], .tablist.onboarding button:hover {
  background-color: #ffffff;
  color: #222222;
  text-shadow: none;
}
@media only screen and (max-width: 920px) {
  .tablist.onboarding button[aria-selected=true], .tablist.onboarding button:hover {
    background-color: #006580;
    color: #fff;
  }
}
@media only screen and (min-width: 921px) {
  .tablist.onboarding button span {
    padding-left: 1em;
    text-indent: -1em;
  }
}

.tabpanel {
  display: none;
  z-index: 0;
}
.tabpanel.active {
  display: block;
  order: 5;
}

.tabdropdown {
  display: none;
  border: 1px solid #c4cfda;
  background: #f3f5f8;
  padding: 10px 0;
  width: 100%;
  border-radius: 2px;
  text-align: left;
  padding-left: 15px;
}
.tabdropdown:after {
  display: inline-block;
  background-image: url(../img/nav/light-arrow-down.svg);
  background-size: 12px;
  background-position: center;
  background-repeat: no-repeat;
  width: 28px;
  height: 28px;
  margin-right: 20px;
  position: static;
  float: right;
  content: "";
}

@media only screen and (max-width: 920px) {
  [role=tablist] {
    display: none;
  }

  .tabdropdown {
    position: relative;
    display: block;
    z-index: 0;
  }
  .tabdropdown[aria-expanded=true] + [role=tablist] {
    display: block;
  }
  .tabdropdown[aria-expanded=true]:after {
    transform: rotate(180deg);
  }
  .tabdropdown:focus {
    z-index: 2;
  }

  .tablist {
    position: relative;
    border-top: 0;
    z-index: 1;
  }
  .tablist li {
    border: 1px solid #c4cfda;
    border-width: 0 1px;
    display: block;
    margin: 0;
  }
  .tablist button {
    text-align: left;
    font-size: inherit;
    margin: 0;
    width: 100%;
    z-index: 1;
    background-color: #f3f5f8;
  }
  .tablist button img {
    display: none;
  }
  .tablist button:after {
    display: none;
    border: 0;
  }
  .tablist button[aria-selected=true] {
    background-color: #c4cfda;
  }
  .tablist button[aria-selected=true]:after {
    display: inline-block;
    background-size: 16px;
    background-position: center;
    background-repeat: no-repeat;
    width: 28px;
    height: 28px;
    position: static;
    float: right;
  }
  .tablist button:hover {
    color: initial;
  }
  .tablist button:focus {
    z-index: 2;
  }
}
/*button.tab-mobile {
	display:none;
}

@media only screen and (max-width: 920px) {

	.tabpanel {
		&.active {
			display: none;
		}
	}

	button.tab-mobile {
		display: block;
		order: 1;

		&:after {
			content: '+';
			display: inline-block;
			float: right;
		}

		&[aria-selected="true"] {
			&:after {
				content: '-';
			}

			& + .tabpanel.active {
				order: 1;
				display: block;
			}
		}
	}

	.tablist {
		display: none;
	}
}*/
/** Qlik Brand Colors **/
/** Qlik Brand Colors 2024 **/
/** Other UI Colors **/
/** Search Highlight Colors **/
/** Typography **/
/** Spacing **/
/** Media queries **/
/* 991px */
/* 992px */
#cookie-box {
  position: fixed;
  z-index: 10;
  bottom: 0;
  left: 0;
  right: 0;
  padding: 20px;
  padding-bottom: 10px;
  background-color: #54565a;
  color: #ffffff;
}
#cookie-box:before, #cookie-box:after {
  content: " ";
  display: table;
}
#cookie-box:after {
  clear: both;
}
#cookie-box.show {
  display: block;
}
#cookie-box a {
  color: #ffffff;
  border-bottom: 1px solid #ffffff;
}
#cookie-box a:hover {
  border-bottom-style: dashed;
}
#cookie-box main, #cookie-box p {
  font-size: 1.1em;
  margin-right: 5px;
  display: inline;
}
#cookie-box button {
  font-size: 15px;
}
#cookie-box button:focus {
  top: 4px;
  left: 4px;
}
@media only screen and (max-width: 920px) {
  #cookie-box button {
    margin-right: auto;
    margin-left: auto;
    display: block;
  }
  #cookie-box button:focus {
    left: 0;
  }
}
#cookie-box .close-button-box {
  float: right;
  display: block;
  margin: 10px 0 0;
}
@media only screen and (max-width: 920px) {
  #cookie-box .close-button-box {
    float: none;
    display: block;
  }
}

.toast {
  position: absolute;
  border: 1px solid #C4CFDA;
  color: #4b4b4b;
  background-color: #fff;
  box-shadow: 2px 2px 3px 0 #4b4b4b;
  z-index: 100;
  padding: 3px 15px;
  -webkit-transition: opacity 3s ease-in-out;
  -moz-transition: opacity 3s ease-in-out;
  -ms-transition: opacity 3s ease-in-out;
  -o-transition: opacity 3s ease-in-out;
  opacity: 1;
}
.toast.hide {
  opacity: 0;
}
.toast.toast-success:before, .toast.toast-failure:before, .toast.toast-warning:before {
  background-repeat: no-repeat;
  background-size: contain;
  display: inline-block;
  vertical-align: middle;
  margin-right: 5px;
  height: 18px;
  width: 16px;
  content: "";
}
.toast.toast-success:before {
  background-image: url(../img/toast/success.svg);
}
.toast.toast-failure:before {
  background-image: url(../img/toast/failure.svg);
}
.toast.toast-warning:before {
  background-image: url(../img/toast/warning.svg);
}

/** Qlik Brand Colors **/
/** Qlik Brand Colors 2024 **/
/** Other UI Colors **/
/** Search Highlight Colors **/
/** Typography **/
/** Spacing **/
/** Media queries **/
/* 991px */
/* 992px */
.tooltip {
  position: relative;
}
.tooltip button {
  background-color: transparent;
  background-image: url("../img/icons/icon-info-tanz.svg");
  color: #0f0f0f;
  background-position: left center;
  background-size: 1.2em;
  background-repeat: no-repeat;
  padding-left: 22px;
  font-weight: 400;
  border: none;
  text-align: left;
}
.tanzanite .tooltip button {
  background-image: url("../img/icons/icon-info-grey.svg");
}
.tooltip button:focus {
  outline: 2px dotted #4b4b4b;
}
.tooltip button:hover {
  background-color: unset;
}
.tooltip button:has(img.icon) {
  background-image: none;
  padding-left: 3px;
}
.tooltip h3 {
  padding: 0;
  margin: 0;
  font-size: 1.2em;
}
.tooltip .tooltip-info {
  color: #0f0f0f;
  padding: 20px;
  position: relative;
  background: #fff;
  border: 1px solid #1c355a;
  margin-top: 12px;
  margin-left: -20px;
  position: absolute;
  z-index: 10;
  display: none;
  box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.45);
}
#video-filter-container .tooltip .tooltip-info ul, #video-filter-container .tooltip .tooltip-info li {
  list-style: disc;
  padding: 0;
  margin: 0;
}
#video-filter-container .tooltip .tooltip-info ul {
  margin: 2px 20px;
}
.tooltip .tooltip-info[aria-hidden=false] {
  display: block;
}
.tooltip .tooltip-info:after, .tooltip .tooltip-info:before {
  bottom: 100%;
  left: 27px;
  border: solid transparent;
  content: "";
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none;
}
.tooltip .tooltip-info:after {
  border-bottom-color: #fff;
  border-width: 15px;
  margin-left: -15px;
}
.tooltip .tooltip-info:before {
  border-bottom-color: #1c355a;
  border-width: 16px;
  margin-left: -16px;
}
.tooltip .tooltip-info p, .tooltip .tooltip-info div, .tooltip .tooltip-info li {
  font-size: 0.875em;
}
.tooltip .tooltip-info ul {
  margin-top: 0;
}
.tooltip .tooltip-info strong {
  color: #54565a;
}

/** Qlik Brand Colors **/
/** Qlik Brand Colors 2024 **/
/** Other UI Colors **/
/** Search Highlight Colors **/
/** Typography **/
/** Spacing **/
/** Media queries **/
/* 991px */
/* 992px */
.tile {
  border: 1px solid #ddd;
  padding: 20px;
  border-radius: 10px;
  background: #fff;
}
.tile > img {
  height: 50px;
}
.tile h2, .tile h3, .tile h4 {
  margin-top: 0;
  font-weight: 600 !important;
  font-size: 1.4em !important;
  color: #54565a !important;
  margin-bottom: 0;
}
.tile p {
  font-weight: 300;
}
.tile a {
  margin-right: 10px;
  text-decoration: none;
}
.tile a:hover {
  text-decoration: underline;
}
.tile h4 a {
  font-weight: 500;
  text-decoration: none;
  color: #009845;
  font-size: 1.5rem;
}
.tile h4 a:hover {
  color: #156037;
  text-decoration: underline;
}
.tile p a {
  margin-right: 0;
}
.tile h3 a {
  font-size: 1.5rem;
  font-weight: 600;
  text-decoration: none;
}
.tile h3 a:hover {
  text-decoration: underline;
}
.row.turquoise .tile {
  color: #fff;
}
.row.turquoise .tile a {
  color: #fff;
}
.row.turquoise .tile a:focus {
  outline: 2px dotted #4b4b4b;
}
.row.turquoise .tile h2, .row.turquoise .tile h3, .row.turquoise .tile h4 {
  color: #fff;
}

/** Qlik Brand Colors **/
/** Qlik Brand Colors 2024 **/
/** Other UI Colors **/
/** Search Highlight Colors **/
/** Typography **/
/** Spacing **/
/** Media queries **/
/* 991px */
/* 992px */
#toptop {
  display: none;
  position: fixed;
  bottom: 30px;
  right: 30px;
  height: 50px;
  width: 50px;
  z-index: 4;
  border: none;
  outline: none;
  background-color: #888;
  background-image: url(../img/nav/backtop.svg);
  background-size: 24px;
  background-repeat: no-repeat;
  background-position: center;
  cursor: pointer;
  border-radius: 50%;
  transition: opacity 0.25s ease-in-out;
  border: solid 3px #ffffff;
}
#toptop:focus {
  outline: none;
}
#toptop:focus:after {
  content: "";
  width: 50px;
  height: 50px;
  display: block;
  position: absolute;
  top: -3px;
  left: -3px;
  border: 3px dotted #4b4b4b;
  border-radius: 50%;
}
#toptop:hover {
  background-color: #009845;
  transition: background-color 0.25s ease-in-out;
}
@media only screen and (max-width: 750px) {
  #toptop {
    display: none;
  }
}

.nomargin {
  margin: 0px;
}

.nopadding {
  padding: 0px;
}

/** Qlik Brand Colors **/
/** Qlik Brand Colors 2024 **/
/** Other UI Colors **/
/** Search Highlight Colors **/
/** Typography **/
/** Spacing **/
/** Media queries **/
/* 991px */
/* 992px */
body.csh-tool {
  min-height: 100%;
  /* FAQ POPUP GOODNESS */
  /* FAQ POPUP GOODNESS ENDS */
}
body.csh-tool .tri-back {
  background-image: url(../img/triangle-back.png);
  background-repeat: no-repeat;
  background-position-x: center;
  background-position-y: -50px;
  margin-top: unset !important;
}
body.csh-tool .tri-back .wback {
  background: #fff;
}
body.csh-tool .tri-back .bigbox {
  width: 64%;
  height: 60px;
  padding: 10px;
  font-size: 24px;
  font-weight: 100;
  color: #006580;
  border: 0;
  background-color: #D9E8EC;
  background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNzEuMzkyIiBoZWlnaHQ9IjE3MC44OTIiIHZpZXdCb3g9IjAgMCAxNzEuMzkyIDE3MC44OTIiPiAgPGcgaWQ9InNlYXJjaCIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTEwNC42MDggLTQ4OCkiPiAgICA8ZyBpZD0iUGF0aF8zIiBkYXRhLW5hbWU9IlBhdGggMyIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMTUwIDQ4OCkiIGZpbGw9Im5vbmUiPiAgICAgIDxwYXRoIGQ9Ik02MywwQTYzLDYzLDAsMSwxLDAsNjMsNjMsNjMsMCwwLDEsNjMsMFoiIHN0cm9rZT0ibm9uZSIvPiAgICAgIDxwYXRoIGQ9Ik0gNjMgMjAgQyAzOS4yODk3MTA5OTg1MzUxNiAyMCAyMCAzOS4yODk3MTA5OTg1MzUxNiAyMCA2MyBDIDIwIDg2LjcxMDI4MTM3MjA3MDMxIDM5LjI4OTcxMDk5ODUzNTE2IDEwNiA2MyAxMDYgQyA4Ni43MTAyODEzNzIwNzAzMSAxMDYgMTA2IDg2LjcxMDI4MTM3MjA3MDMxIDEwNiA2MyBDIDEwNiAzOS4yODk3MTA5OTg1MzUxNiA4Ni43MTAyODEzNzIwNzAzMSAyMCA2MyAyMCBNIDYzIDAgQyA5Ny43OTM5MzAwNTM3MTA5NCAwIDEyNiAyOC4yMDYwNjk5NDYyODkwNiAxMjYgNjMgQyAxMjYgOTcuNzkzOTMwMDUzNzEwOTQgOTcuNzkzOTMwMDUzNzEwOTQgMTI2IDYzIDEyNiBDIDI4LjIwNjA2OTk0NjI4OTA2IDEyNiAwIDk3Ljc5MzkzMDA1MzcxMDk0IDAgNjMgQyAwIDI4LjIwNjA2OTk0NjI4OTA2IDI4LjIwNjA2OTk0NjI4OTA2IDAgNjMgMCBaIiBzdHJva2U9Im5vbmUiIGZpbGw9IiMwMDY1ODAiLz4gICAgPC9nPiAgICA8cGF0aCBpZD0iUGF0aF8yIiBkYXRhLW5hbWU9IlBhdGggMiIgZD0iTTE5NCw2MjV2NzMuOSIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoNDc1Ljc2NSAxMy4zNzgpIHJvdGF0ZSg0NSkiIGZpbGw9Im5vbmUiIHN0cm9rZT0iIzAwNjU4MCIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2Utd2lkdGg9IjIwIi8+ICA8L2c+PC9zdmc+);
  background-repeat: no-repeat;
  background-position: center right 20px;
  background-size: 25px;
  display: inline-block;
}
@media only screen and (max-width: 501px) and (orientation:portrait) {
  body.csh-tool .tri-back .bigbox {
    display: block;
    width: 100%;
    margin-top: 20px;
  }
}
body.csh-tool .tri-back .bigbox::placeholder {
  color: #006580;
}
body.csh-tool .tri-back .top-mini {
  border-bottom: 1px solid #ccc;
  height: 35px;
  text-align: right;
  padding: 5px;
}
body.csh-tool .tri-back .top-mini ul {
  list-style: none;
  margin: 0;
  padding: 0;
}
body.csh-tool .tri-back .top-mini ul li {
  display: inline-block;
  margin-left: 10px;
}
body.csh-tool .tri-back .top-mini ul li a {
  color: #4b4b4b;
  font-size: 14px;
}
body.csh-tool .tri-back .csh-head {
  height: 105px;
}
body.csh-tool .tri-back .csh-head h1 {
  font-weight: 100;
  display: inline-block;
  font-size: 32px;
}
body.csh-tool .tri-back .csh-head h1 strong {
  font-weight: 400;
  font-size: 24px;
}
@media only screen and (max-width: 501px) and (orientation:portrait) {
  body.csh-tool .tri-back .csh-head h1 strong {
    font-size: 14px;
  }
}
@media only screen and (max-width: 501px) and (orientation:portrait) {
  body.csh-tool .tri-back .csh-head h1 {
    font-size: 16px;
    font-weight: 400;
    display: block;
    line-height: 20px;
    width: 180px;
  }
}
body.csh-tool .tri-back .csh-head .csh-logo {
  width: 170px;
  padding: 10px;
  top: 20px;
  position: relative;
}
@media only screen and (max-width: 501px) and (orientation:portrait) {
  body.csh-tool .tri-back .csh-head .csh-logo {
    width: 120px;
    top: 10px;
  }
}
body.csh-tool .tri-back .missing-csh {
  display: inline-block;
  padding: 10px;
  position: absolute;
  right: 10px;
}
@media only screen and (max-width: 501px) and (orientation:portrait) {
  body.csh-tool .tri-back .missing-csh {
    float: right;
    top: -5px;
  }
}
body.csh-tool .tri-back .missing-csh p {
  font-weight: 100;
  text-align: right;
}
body.csh-tool .tri-back .missing-csh a {
  color: #fff;
  padding: 10px 30px;
}
body.csh-tool .tri-back .missing-csh-link {
  padding: 10px;
  background: #009844;
  display: block;
  border-radius: 4px;
}
body.csh-tool .tri-back .missing-csh-link:hover {
  background: #333;
}
body.csh-tool .tri-back .select-site h1 {
  font-weight: 100;
  color: #fff;
  display: inline-block;
  font-size: 32px;
  margin-right: 15px;
}
body.csh-tool .tri-back .select-site h2 {
  display: inline-block;
}
body.csh-tool .tri-back .web-select {
  font-size: 24px;
  width: 35%;
  font-weight: 100;
  border: 0;
  height: 60px;
  display: inline-block;
  background-color: #fff;
  padding: 10px;
  -moz-appearance: none;
  -webkit-appearance: none;
  background-image: url(../img/nav/light-arrow-down.svg);
  background-repeat: no-repeat;
  background-position: right 10px center;
  background-size: 15px;
}
@media only screen and (max-width: 501px) and (orientation:portrait) {
  body.csh-tool .tri-back .web-select {
    width: 100%;
    display: block;
    text-overflow: ellipsis;
    padding-right: 20px;
  }
}
body.csh-tool .tri-back .web-select::-ms-expand {
  display: none;
}
body.csh-tool .tri-back .web-select option {
  font-size: 18px;
}
body.csh-tool .tri-back #cshTable {
  table-layout: fixed;
  width: 100%;
}
body.csh-tool .tri-back #cshTable td {
  overflow-wrap: break-word;
}
body.csh-tool .tri-back #cshTable a {
  color: #009845;
}
body.csh-tool .tri-back .lastcell {
  text-align: right;
  width: 70px;
}
body.csh-tool .tri-back .firstcell {
  width: 250px;
}
@media only screen and (max-width: 501px) and (orientation:portrait) {
  body.csh-tool .tri-back .firstcell {
    width: 100px;
  }
}
body.csh-tool .tri-back .grande {
  min-height: 500px;
}
body.csh-tool .tri-back .show {
  display: block !important;
}
body.csh-tool .tri-back #csh-submit input {
  height: 40px;
  border: 1px solid #ccc;
  margin-bottom: 20px;
  padding: 7px;
  min-width: 300px;
}
body.csh-tool .tri-back #csh-submit textarea {
  border: 1px solid #ccc;
  margin-bottom: 20px;
  padding: 7px;
  min-width: 300px;
}
body.csh-tool .tri-back #csh-submit label {
  float: left;
  text-align: right;
  margin-right: 15px;
  width: 150px;
  line-height: 40px;
}
body.csh-tool .tri-back #csh-submit .form-control {
  float: right;
  margin-bottom: 15px;
}
body.csh-tool .tri-back #csh-submit .csh-thanks {
  display: none;
  text-align: center;
  font-size: 25px;
  font-weight: 600;
}
body.csh-tool .tri-back .csh-globe {
  width: 16px;
  position: relative;
  top: 2px;
  margin-left: 3px;
}
body.csh-tool .tri-back .gray {
  background-color: #f8f8f8;
}
body.csh-tool .tri-back .tanzanine {
  background-color: #1C355E;
  padding: 25px;
}
body.csh-tool .tri-back .blue {
  background-color: #006580;
  padding: 25px;
}
body.csh-tool .tri-back .footer {
  clear: both;
  background-color: #4B4B4B;
  color: #fff;
  position: relative;
  text-align: center;
  height: 150px;
}
body.csh-tool .tri-back .footer .footer-logo {
  width: 150px;
  margin-top: 50px;
}
body.csh-tool .tri-back .b-overlay {
  -moz-opacity: 0.3;
  opacity: 0.3;
  filter: alpha(opacity=30);
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
body.csh-tool .overlay {
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background: rgba(0, 0, 0, 0.7);
  transition: opacity 500ms;
  visibility: hidden;
  opacity: 0;
  z-index: 3;
}
body.csh-tool .overlay:target {
  visibility: visible;
  opacity: 1;
}
body.csh-tool .popup {
  margin: 70px auto;
  padding: 40px;
  background: #fff;
  border-radius: 5px;
  width: 50%;
  position: relative;
  transition: all 5s ease-in-out;
}
body.csh-tool .popup h2 {
  margin-top: 0;
  color: #333;
}
body.csh-tool .popup .close {
  position: absolute;
  top: 20px;
  right: 30px;
  transition: all 200ms;
  font-size: 30px;
  font-weight: bold;
  text-decoration: none;
  color: #333;
}
body.csh-tool .popup .close:hover {
  color: #009845;
}
body.csh-tool .popup .content {
  display: block;
  max-height: 30%;
  overflow: auto;
}
@media screen and (max-width: 700px) {
  body.csh-tool .box {
    width: 70%;
  }
  body.csh-tool .popup {
    width: 70%;
  }
}

/** Qlik Brand Colors **/
/** Qlik Brand Colors 2024 **/
/** Other UI Colors **/
/** Search Highlight Colors **/
/** Typography **/
/** Spacing **/
/** Media queries **/
/* 991px */
/* 992px */
html, body {
  height: 100%;
}

.onboardingpage a {
  color: #006937;
}
.onboardingpage a:focus {
  outline: 2px dotted #002e5c;
}
.onboardingpage p.larger {
  font-size: 1.4em;
  line-height: normal;
}
.onboardingpage p.regular {
  font-size: 1em;
}
.onboardingpage :target::before {
  content: "";
  display: block;
  height: 4em;
  margin-top: -4em;
}
@media only screen and (max-width: 920px) {
  .onboardingpage :target::before {
    height: 3em;
    margin-top: -3em;
  }
}
.onboardingpage ol.bullets {
  list-style: disc;
}

#QWbanner a {
  color: #fff;
}

.onboardbox {
  background: #F3F5F8;
  margin-bottom: 20px;
}
.onboardbox a.link:after {
  content: "";
  margin-left: 5px;
  color: #006937;
  background-image: url(../img/nav/thin-arrow-right-green.svg);
  background-repeat: no-repeat;
  background-size: 11px;
  display: inline-block;
  height: 15px;
  width: 15px;
  background-position: bottom;
}
.onboardbox h2 {
  margin: 0;
  padding: 0;
}
.onboardbox .steps {
  text-transform: uppercase;
}
.onboardbox ul {
  list-style: none;
  margin: 0;
  padding: 0;
}
.onboardbox .card-content {
  font-size: 0.9em;
}
.onboardbox .admin-tasks h3, .onboardbox .visualizing h3 {
  font-size: 1.6em;
}
.onboardbox .container.onboardingstep {
  padding-left: 0;
  padding-right: 0;
}
.onboardbox .container.onboardingstep .col-3, .onboardbox .container.onboardingstep .col-9 {
  padding-left: 0;
  padding-right: 0;
}
@media only screen and (max-width: 920px) {
  .onboardbox .container.onboardingstep .col-9 {
    margin-top: 16px;
  }
}
.onboardbox .container.onboardingstep table {
  overflow: hidden;
}
.onboardbox .container.onboardingstep .tabdropdown {
  background: #fff;
  color: #333;
}
.onboardbox .container.onboardingstep :focus {
  outline: 2px dotted #4b4b4b;
  border-radius: 0;
}
.onboardbox button.tabdropdown {
  display: none;
}
@media only screen and (max-width: 920px) {
  .onboardbox button.tabdropdown {
    display: block;
  }
}

.guide-text {
  margin-bottom: 25px;
}

@media only screen and (max-width: 920px) {
  .container.overwatch {
    padding: 0 40px;
  }
}

.onboardingpage .button {
  border: 1px solid #fff;
  font-size: 1rem;
  background-color: #006580;
  font-weight: 700;
  transition: background-color 0.1s ease-out;
}
.onboardingpage .button:hover {
  background-color: #54565a;
}
.onboardingpage .button.inv {
  background-color: unset;
  color: #00893e;
}
.onboardingpage .button.mfz {
  background-color: transparent !important;
  border: unset !important;
  border-style: none !important;
  color: #00893e !important;
}
.onboardingpage .button.mfz:hover {
  color: #006937 !important;
}
.onboardingpage .button.aright {
  background-image: url(../img/nav/thin-arrow-right-green.svg);
  background-repeat: no-repeat;
  background-size: 13px 13px;
  background-position: center right;
}
.onboardingpage .button.aright:hover {
  background-image: url(../img/nav/thin-arrow-right-green.svg) !important;
}
.onboardingpage .button.aleft {
  background-image: url(../img/nav/thin-arrow-left-green.svg);
  background-repeat: no-repeat;
  background-size: 13px 13px;
  background-position: center left;
}
.onboardingpage .button:focus {
  outline: 2px dotted #002e5c;
}
.onboardingpage a.button {
  color: #fff;
}

.signbox {
  display: flex;
  margin: 40px 0;
}

.signbox .pic {
  display: inline-block;
}

.signbox .pic img {
  border-radius: 50%;
}

.signbox .signature {
  display: inline-block;
  margin: 20px;
}
@media only screen and (max-width: 501px) and (orientation:portrait), (max-height: 501px) and (orientation:landscape) {
  .signbox .signature {
    margin: 0px 10px 0px 10px;
  }
}

.onboarding-header {
  background-size: 55px 55px;
  background-repeat: no-repeat;
  background-position: left center;
  background-position-x: 20px;
  border: 2px solid transparent;
  padding: 18px;
  display: block;
  width: 100%;
}
.onboarding-header#account {
  background-image: url(../img/onboarding/ID-Badge.svg);
}
.onboarding-header#introducing {
  background-image: url(../img/onboarding/2024/Analytics-Dashboard2.svg);
}
.onboarding-header#difference {
  background-image: url(../img/onboarding/Target.svg);
}
.onboarding-header#openbox {
  background-image: url(../img/onboarding/BoxOpen.svg);
}
.onboarding-header#admin-tasks {
  background-image: url(../img/onboarding/2024/MagnifyGlass-Checkmark.svg);
}
.onboarding-header#product-overview {
  background-image: url(../img/onboarding/2024/Analytics-Dashboard.svg);
}
.onboarding-header#basic-apps {
  background-image: url(../img/onboarding/2024/Analytics-Mobile.svg);
}
.onboarding-header#setup {
  background-image: url(../img/onboarding/2024/Gear-Tool.svg);
}
.onboarding-header#sense-beyond-basics {
  background-image: url(../img/onboarding/2024/Rocket.svg);
}
.onboarding-header.sbs {
  background-image: url(../img/onboarding/2024/Rocket.svg);
}
.onboarding-header.active {
  background-color: #009845;
  color: #fff;
}
.onboarding-header.active#account {
  background-image: url(../img/onboarding/ID-Badge-White.svg);
}
.onboarding-header.active#introducing {
  background-image: url(../img/onboarding/2024/Analytics-Dashboard2-inv.svg);
}
.onboarding-header.active#difference {
  background-image: url(../img/onboarding/Target-White.svg);
}
.onboarding-header.active#openbox {
  background-image: url(../img/onboarding/BoxOpen-White.svg);
}
.onboarding-header.active#admin-tasks {
  background-image: url(../img/onboarding/2024/MagnifyGlass-Checkmark-inv.svg);
}
.onboarding-header.active#product-overview {
  background-image: url(../img/onboarding/2024/Analytics-Dashboard-inv.svg);
}
.onboarding-header.active#basic-apps {
  background-image: url(../img/onboarding/2024/Analytics-Mobile-inv.svg);
}
.onboarding-header.active#setup {
  background-image: url(../img/onboarding/2024/Gear-Tool-inv.svg);
}
.onboarding-header.active#sense-beyond-basics {
  background-image: url(../img/onboarding/2024/Rocket-inv.svg);
}
.onboarding-header.active.sbs {
  background-image: url(../img/onboarding/2024/Rocket-inv.svg);
}
.onboarding-header.active a {
  color: #fff;
}
.onboarding-header .steps {
  margin: 0;
  padding: 0;
  font-weight: 400;
  font-size: 0.6em;
}
.onboarding-header h3 {
  margin: 0;
  font-weight: 600;
}
.onboarding-header a {
  color: #009845;
  background: url(../img/onboarding/open-icon.svg);
  background-repeat: no-repeat;
  font-size: 26px;
  background-size: 25px;
  background-position-x: right;
  background-position-y: center;
  display: inline-block;
  width: 100%;
  box-shadow: none;
}
.onboarding-header a:hover {
  color: #54565a;
}
.onboarding-header a.opened {
  background: url(../img/onboarding/close-icon.svg);
  background-repeat: no-repeat;
  background-size: 25px;
  background-position-x: right;
  background-position-y: center;
}
.onboarding-header a.opened:hover {
  color: #c5e4d4;
}
@media only screen and (max-width: 501px) and (orientation:portrait), (max-height: 501px) and (orientation:landscape) {
  .onboarding-header a {
    font-size: 24px;
    padding-right: 25px;
    line-height: 26px;
  }
}
.onboarding-header a:focus {
  outline: none;
}

@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
  .onboarding-header a:focus {
    outline: 2px dotted #002e5c;
  }
}
@-moz-document url-prefix() {
  .onboarding-header:focus-within {
    outline: none !important;
    border: 2px dotted #002e5c;
  }
}
.onboarding-header:focus-within {
  background-position-x: 18px;
  border: 2px dotted #002e5c;
  padding: 18px;
}

.onboarding-content {
  display: none;
  opacity: 0;
  transition: opacity 0.5s ease;
  padding: 30px 60px 20px 60px;
}
.onboarding-content.visible {
  display: block;
  opacity: 1;
  transition: opacity 0.5s ease;
}
.onboarding-content.front#box1 {
  background: url(../img/onboarding/sense-back-grande.png);
  background-position: center right -130px;
  background-repeat: no-repeat;
  background-size: 50%;
}
@media only screen and (max-width: 920px) {
  .onboarding-content.front#box1 {
    background: none;
  }
}
.onboarding-content h3 {
  margin: 0;
  padding: 0;
  font-size: 2.5em;
  font-weight: 600;
  color: #54565a;
}
.onboarding-content h3 span {
  display: block;
  font-size: 0.45em;
  text-transform: uppercase;
  font-weight: 400;
}
.onboarding-content h4 {
  padding: 0;
  font-size: 1.4em;
  font-weight: 600;
  margin-bottom: 10px;
  line-height: normal;
}
.onboarding-content h4.art {
  margin-top: 3rem;
}
.onboarding-content h4 span {
  display: block;
  font-size: 0.7em;
  font-weight: 400;
}
.onboarding-content h5 {
  font-size: 1.5em;
  font-weight: 400;
  margin-top: 30px;
  margin-bottom: 10px;
}
.onboarding-content h5.step1 {
  margin-top: 30px !important;
}
.onboarding-content h5 span {
  display: block;
  font-size: 0.6em;
  text-transform: uppercase;
  font-weight: 400;
}
.onboarding-content h6 {
  font-size: 1.2em;
}
.onboarding-content .more-free-courses {
  padding: 20px 0;
  z-index: 2;
}
.onboarding-content .more-free-courses h4 {
  float: left;
  font-size: 1.3em;
  width: 60%;
}
@media only screen and (max-width: 1366px) {
  .onboarding-content .more-free-courses h4 {
    width: unset;
  }
}
.onboarding-content .more-free-courses h4 span {
  text-transform: uppercase;
  display: block;
  font-size: 0.65em;
}
.onboarding-content .more-free-courses .controls {
  margin-top: unset;
}
.onboarding-content .more-free-courses .button {
  float: right;
  top: 45px;
}
@media only screen and (max-width: 1366px) {
  .onboarding-content .more-free-courses .button {
    float: unset;
    top: 20px;
  }
}
.onboarding-content .to-the-left {
  text-align: left;
  padding-left: 0;
}
.onboarding-content .text-space {
  padding: 0;
  z-index: 2;
  margin-bottom: 30px;
  min-height: 470px;
}
@media only screen and (max-width: 920px) {
  .onboarding-content .text-space {
    min-height: unset;
  }
}
.onboarding-content .text-space ul {
  list-style: none;
  margin: 0;
  padding: 0;
}
.onboarding-content .text-space ul li {
  width: 100%;
  line-height: 24px;
  padding: 10px 0;
}
.onboarding-content .text-space ul li a:after {
  content: "";
  margin-left: 10px;
  color: #009845;
  background-image: url(../img/nav/thin-arrow-right-green.svg);
  background-repeat: no-repeat;
  background-size: 11px;
  width: 15px;
  height: 11px;
  display: inline-block;
}
.onboarding-content .text-space ul li a:hover {
  color: #006937;
}
.onboarding-content .text-space p {
  width: 75%;
}
@media only screen and (max-width: 920px) {
  .onboarding-content .text-space p {
    width: 100%;
  }
}
.onboarding-content .text-space h5 {
  margin-top: 0px;
}
.onboarding-content .text-space h4 {
  margin-top: 0px;
}
.onboarding-content .text-space iframe {
  width: 450px;
  height: 250px;
}
@media only screen and (max-width: 1366px) {
  .onboarding-content .text-space iframe {
    width: 370px;
    height: 210px;
  }
}
@media only screen and (max-width: 501px) and (orientation:portrait), (max-height: 501px) and (orientation:landscape) {
  .onboarding-content .text-space iframe {
    width: 300px;
    height: 170px;
  }
}
.onboarding-content .text-space.smaller p {
  font-size: 1em;
}
.onboarding-content .text-space.col-6.split iframe {
  width: 100%;
  height: 100%;
  min-height: 330px;
}
@media only screen and (max-width: 1366px) {
  .onboarding-content .text-space.col-6.split iframe {
    min-height: 260px;
  }
}
@media only screen and (max-width: 920px) {
  .onboarding-content .text-space.col-6.split iframe {
    margin-top: 0;
  }
}
.onboarding-content .vidyard-player-container {
  border: none !important;
}

.back-to {
  display: block;
  position: absolute;
  top: 35px;
  z-index: 2;
}
.back-to:before {
  content: "";
  margin-right: 10px;
  background-image: url(../img/nav/thin-arrow-left-green.svg);
  background-repeat: no-repeat;
  background-size: 11px;
  width: 15px;
  height: 11px;
  display: inline-block;
}
@media only screen and (max-width: 920px) {
  .back-to {
    margin-bottom: 25px;
    position: inherit;
  }
}

.course-box span {
  text-transform: uppercase;
  font-size: 12px;
  font-weight: 800;
  color: #54565a;
}

.onboarding-content .qcc {
  width: 400px;
}
.onboarding-content #benefits ul li {
  border-bottom: 1px solid #ddd;
  width: 100%;
  font-size: 18px;
  line-height: 24px;
  padding: 10px 0 10px 40px;
  background: url(../img/nav/arrow-item.svg);
  background-repeat: no-repeat;
  background-size: 20px;
  background-position: left 13px;
}
@media only screen and (max-width: 501px) and (orientation:portrait), (max-height: 501px) and (orientation:landscape) {
  .onboarding-content #benefits ul li {
    font-size: 16px;
  }
}
.onboarding-content #resources ul li {
  border-bottom: 1px solid #ddd;
  width: 100%;
  line-height: 24px;
  padding: 10px 0;
}
.onboarding-content #resources ul li a {
  color: #006937;
  text-decoration: none;
}
.onboarding-content #resources ul li a:after {
  content: " > ";
  margin-left: 6px;
}
.onboarding-content .container {
  width: 100%;
}
.onboarding-content ul li a {
  color: #00893e;
  text-decoration: underline;
}
.onboarding-content ul li a:hover {
  color: #006937;
  text-decoration: none;
}
.onboarding-content p a {
  color: #009845;
  text-decoration: none;
}
.onboarding-content p a:hover {
  text-decoration: underline;
}
.onboarding-content p a.button {
  color: #fff;
  text-decoration: none;
}
.onboarding-content .header-space {
  padding-bottom: 30px;
}
.onboarding-content .header-space.extraspace {
  padding-top: 30px;
}
.onboarding-content .header-space h3 {
  font-size: 2em;
}
@media only screen and (max-width: 501px) and (orientation:portrait), (max-height: 501px) and (orientation:landscape) {
  .onboarding-content {
    padding: 60px 30px 20px 30px;
  }
}

.welcome-text p a {
  color: #006937;
  text-decoration: underline;
}
.welcome-text p a:hover {
  text-decoration: none;
}

a.video-link {
  font-size: 18px;
  font-weight: 600;
  padding-left: 50px;
  background: url(../img/onboarding/media-and-entertainment.svg);
  background-repeat: no-repeat;
  background-size: 50px;
  background-position: left center;
}

.controls {
  text-align: center;
  margin-top: 25px;
  z-index: 2;
  padding-left: 0;
  padding-right: 0;
}
@media only screen and (max-width: 501px) and (orientation:portrait), (max-height: 501px) and (orientation:landscape) {
  .controls {
    margin-top: 10px;
    padding-left: 15px;
    padding-right: 15px;
  }
}
.controls .button.inv {
  background-image: url(../img/nav/thin-arrow-right-green.svg);
  background-repeat: no-repeat;
  background-size: 13px;
  background-position: center right 7px;
  padding-right: 26px;
  border: 2px solid #00893e;
  color: #00893e;
  background-color: #fff;
  margin-right: 5px;
}
.controls .button.inv:hover {
  background-color: #006937;
  border: 2px solid #006937;
  color: #fff;
  background-image: url(../img/nav/thin-arrow-right-white.svg);
}
.controls .button.inv.noarrow {
  background-image: unset;
}
.controls .button.inv.noarrow:hover {
  background-image: unset !important;
}
.controls .button {
  background-color: #00893e;
  border: 2px solid #00893e;
}
.controls .button:hover {
  background-color: #006937;
  border: 2px solid #006937;
}
@media only screen and (max-width: 501px) and (orientation:portrait), (max-height: 501px) and (orientation:landscape) {
  .controls .button {
    margin-top: 10px;
  }
}
.controls .continue {
  float: right;
  background-color: transparent !important;
  border: none;
}
.controls .continue:hover {
  background-color: transparent !important;
  color: #00893e;
  border: none;
}
@media only screen and (max-width: 501px) and (orientation:portrait), (max-height: 501px) and (orientation:landscape) {
  .controls .continue {
    font-size: 15px;
  }
}
.controls .back {
  float: left;
  background-image: url(../img/nav/thin-arrow-left-green.svg) !important;
  background-position: center left !important;
  padding-left: 20px !important;
  padding-right: 20px !important;
}
@media only screen and (max-width: 501px) and (orientation:portrait), (max-height: 501px) and (orientation:landscape) {
  .controls .back {
    font-size: 15px;
  }
}
.controls a {
  font-weight: 600;
  background-image: url(../img/nav/thin-arrow-right-white.svg);
  background-repeat: no-repeat;
  background-size: 13px;
  background-position: center right 7px;
  padding-right: 26px;
}

@media only screen and (max-width: 501px) and (orientation:portrait), (max-height: 501px) and (orientation:landscape) {
  .single {
    float: none !important;
  }
}

.onb-intro .back {
  background-image: url(../img/onboarding/back-top.png);
  background-repeat: no-repeat;
  background-position: center top;
  width: 495px;
  height: 163px;
  position: absolute;
  right: 0;
}
@media only screen and (max-width: 920px) {
  .onb-intro .back {
    right: -100px;
    top: -50px;
  }
}
@media only screen and (max-width: 501px) and (orientation:portrait), (max-height: 501px) and (orientation:landscape) {
  .onb-intro .back {
    display: none;
  }
}

.onb-intro {
  height: 700px;
  width: 100%;
  background: #fbfbfb;
  background-image: url(../img/onboarding/back-left.png);
  background-position: left 160px;
  background-repeat: no-repeat;
  overflow: hidden;
}
@media only screen and (max-width: 920px) {
  .onb-intro {
    background-position: -80px 350px;
  }
}
@media only screen and (max-width: 501px) and (orientation:portrait), (max-height: 501px) and (orientation:landscape) {
  .onb-intro {
    height: 530px;
  }
}

.onb-lang {
  text-align: center;
  background: #888;
  margin: 0;
  padding: 10px;
  color: #fff;
}

.onb-intro .computers {
  background: url(../img/onboarding/computers.png);
  background-repeat: no-repeat;
  width: 658px;
  height: 740px;
  display: block;
  position: absolute;
  right: 0;
  top: 180px;
}
@media only screen and (max-width: 1366px) {
  .onb-intro .computers {
    background-size: 60%;
    background-position: right;
    right: 50px;
  }
}
@media only screen and (max-width: 690px) {
  .onb-intro .computers {
    background-size: 40%;
  }
}
@media only screen and (max-width: 501px) and (orientation:portrait), (max-height: 501px) and (orientation:landscape) {
  .onb-intro .computers {
    display: none;
  }
}

.onb-intro .back2 {
  background-image: url(../img/onboarding/base-circ.png);
  background-repeat: no-repeat;
  position: absolute;
  width: 830px;
  height: 519px;
  top: 220px;
  right: -150px;
}
@media only screen and (max-width: 1366px) {
  .onb-intro .back2 {
    background-size: 70%;
    right: -37%;
    top: 340px;
  }
}
@media only screen and (max-width: 920px) {
  .onb-intro .back2 {
    display: none;
  }
}

@media only screen and (max-width: 655px) and (orientation: portrait), (max-height: 655px) and (orientation: landscape) {
  .mixer {
    display: table;
    margin-top: 10px;
  }
}

.onb-intro .qlikworldb {
  width: 455px;
  height: 455px;
  display: block;
  position: absolute;
  right: 0px;
  top: 109px;
  color: #fff;
  text-align: center;
}
.onb-intro .qlikworldb .locdate {
  position: inherit;
  margin-left: 20px;
  font-weight: 600;
  font-size: 1rem;
}
.onb-intro .qlikworldb .locdate span {
  font-weight: 400;
  margin-left: 20px;
}
.onb-intro .qlikworldb .text {
  display: block;
  position: relative;
  bottom: 60%;
  width: 100%;
}
.onb-intro .qlikworldb .text .title {
  font-size: 2em;
  font-weight: 100;
  display: block;
  margin-bottom: 9px !important;
}
.onb-intro .qlikworldb .text .title span {
  font-weight: 400;
  font-size: 0.7em;
}
@media only screen and (max-width: 1080px) {
  .onb-intro .qlikworldb .text .title {
    font-size: 22px;
  }
}
@media only screen and (max-width: 920px) {
  .onb-intro .qlikworldb .text .title {
    font-size: 16px;
  }
}
.onb-intro .qlikworldb .text .subtitle {
  font-size: 17px;
  display: block;
  margin-bottom: 10px !important;
  margin-left: 10%;
  margin-right: 10%;
}
@media only screen and (max-width: 1080px) {
  .onb-intro .qlikworldb .text .subtitle {
    font-size: 15px;
    display: none;
  }
}
@media only screen and (max-width: 920px) {
  .onb-intro .qlikworldb .text .subtitle {
    font-size: 12px;
  }
}
.onb-intro .qlikworldb .text .cta {
  margin-left: 25%;
  margin-right: 25%;
}
.onb-intro .qlikworldb .text .cta a {
  font-weight: 600;
  color: #fff;
  font-size: 17px;
  text-decoration: underline;
}
@media only screen and (max-width: 1080px) {
  .onb-intro .qlikworldb .text .cta a {
    font-size: 15px;
  }
}
@media only screen and (max-width: 920px) {
  .onb-intro .qlikworldb .text .cta a {
    font-size: 14px;
  }
}
.onb-intro .qlikworldb .text .cta a:hover {
  text-decoration: none;
}
.onb-intro .qlikworldb .text .cta a:focus {
  outline: 2px dotted #fff;
  text-decoration: none;
}
@media only screen and (max-width: 1080px) {
  .onb-intro .qlikworldb .text {
    bottom: 46%;
  }
}
@media only screen and (max-width: 920px) {
  .onb-intro .qlikworldb .text {
    bottom: 55%;
    width: 60%;
  }
}
@media only screen and (max-width: 1080px) {
  .onb-intro .qlikworldb {
    top: 190px;
  }
  .onb-intro .qlikworldb .locdate {
    bottom: 56%;
  }
  .onb-intro .qlikworldb img {
    width: 80%;
  }
}
@media only screen and (max-width: 920px) {
  .onb-intro .qlikworldb {
    display: none;
  }
}
@media only screen and (max-width: 585px) and (orientation: portrait), (max-height: 585px) and (orientation: landscape) {
  .onb-intro .qlikworldb {
    display: none;
  }
}

.banner-text {
  width: 50%;
  margin-top: 150px;
}
@media only screen and (max-width: 920px) {
  .banner-text {
    width: 100%;
    padding: 40px;
    margin-top: 50px;
  }
}
@media only screen and (max-width: 501px) and (orientation:portrait), (max-height: 501px) and (orientation:landscape) {
  .banner-text {
    width: 100%;
    padding: 40px;
    margin-top: 0px;
  }
}
.banner-text .button {
  font-weight: 600;
  content: "";
  margin-left: 10px;
  background-image: url(../img/nav/thin-arrow-right-white.svg);
  background-repeat: no-repeat;
  background-size: 13px;
  background-position: center right 7px;
  padding-right: 26px;
  background-color: #00893e;
  border: #00893e 2px solid;
}
.banner-text .button:hover {
  background-color: #006937;
  border: #006937 2px solid;
}
.banner-text .button.inv {
  background-image: url(../img/nav/thin-arrow-right-green.svg);
  background-repeat: no-repeat;
  background-size: 13px;
  background-position: center right 7px;
  padding-right: 26px;
  color: #00893e;
  border: #00893e 2px solid;
  background-color: #fff;
}
.banner-text .button.inv:hover {
  background-color: #006937;
  border: #006937 2px solid;
  color: #fff;
}
@media only screen and (max-width: 501px) and (orientation:portrait), (max-height: 501px) and (orientation:landscape) {
  .banner-text .button.inv {
    margin-top: 10px;
  }
}
.banner-text p {
  font-size: 24px;
  margin-bottom: 80px;
}
@media only screen and (max-width: 501px) and (orientation:portrait), (max-height: 501px) and (orientation:landscape) {
  .banner-text p {
    margin-bottom: 40px;
  }
}
.banner-text span {
  font-weight: 600;
  font-size: 0.75em;
  display: block;
  margin-bottom: 3rem;
}
@media only screen and (max-width: 501px) and (orientation:portrait), (max-height: 501px) and (orientation:landscape) {
  .banner-text span {
    font-size: 22px;
    margin-bottom: unset;
  }
}
.banner-text h2 {
  font-weight: 400;
  font-size: 50px;
}
@media only screen and (max-width: 501px) and (orientation:portrait), (max-height: 501px) and (orientation:landscape) {
  .banner-text h2 {
    font-size: 40px;
  }
}

.welcome-text {
  margin-top: 50px;
  margin-bottom: 60px;
}

.welcome-text h2 {
  font-weight: 600;
  font-size: 48px;
}
@media only screen and (max-width: 501px) and (orientation:portrait), (max-height: 501px) and (orientation:landscape) {
  .welcome-text h2 {
    font-size: 36px;
    line-height: 42px;
    margin-bottom: 24px;
  }
}

.welcome-text .video {
  margin-top: 15px;
  margin-bottom: 20px;
}

.welcome-text .video .intro-video {
  min-height: 560px;
  width: 100%;
}

.onboarding-header .header-content {
  margin-left: 80px;
}

#common-questions, #get-started {
  padding: 30px 0;
}
@media only screen and (max-width: 920px) {
  #common-questions, #get-started {
    padding: 0 40px 50px;
  }
}
#common-questions h2, #get-started h2 {
  font-weight: 400;
  font-size: 40px;
}
#common-questions ul, #get-started ul {
  list-style: none;
  margin: 0;
  padding: 0;
}
#common-questions ul li, #get-started ul li {
  border-bottom: 1px solid #ddd;
  width: 100%;
  line-height: 24px;
  padding: 10px 0;
}
#common-questions ul li a, #get-started ul li a {
  color: #006937;
}
#common-questions ul li a:after, #get-started ul li a:after {
  content: "";
  margin-left: 10px;
  color: #006937;
  background-image: url(../img/nav/thin-arrow-right-green.svg);
  background-repeat: no-repeat;
  background-size: 11px;
  width: 15px;
  height: 11px;
  display: inline-block;
}
#common-questions ul li a:hover, #get-started ul li a:hover {
  color: #006937;
  text-decoration: underline;
}

#webinars {
  margin-top: 50px;
  margin-bottom: 40px;
}
@media only screen and (max-width: 501px) and (orientation:portrait), (max-height: 501px) and (orientation:landscape) {
  #webinars {
    margin-top: 50px;
  }
}
#webinars.minified {
  background: #fff !important;
  margin-top: 0;
  padding-bottom: 0;
}
#webinars .col-4 {
  height: 540px;
}
@media only screen and (max-width: 1366px) {
  #webinars .col-4 {
    min-height: 510px;
  }
}
@media only screen and (max-width: 1080px) {
  #webinars .col-4 {
    min-height: 520px;
  }
}
@media only screen and (max-width: 920px) {
  #webinars .col-4 {
    min-height: unset;
    height: unset;
  }
}

#get-answers, #webinars {
  padding: 35px 0 100px 0;
  background: #F9FAFC;
}
@media only screen and (max-width: 920px) {
  #get-answers, #webinars {
    padding: 0 40px 50px;
  }
}
#get-answers h2, #webinars h2 {
  font-weight: 400;
  font-size: 40px;
  margin: 0;
  padding-bottom: 40px;
  padding-top: 35px;
}
@media only screen and (max-width: 501px) and (orientation:portrait), (max-height: 501px) and (orientation:landscape) {
  #get-answers h2, #webinars h2 {
    padding-top: 40px;
  }
}
@media only screen and (max-width: 920px) {
  #get-answers h2, #webinars h2 {
    padding-top: 40px;
    padding-bottom: 20px;
    padding-left: 0px;
  }
}
#get-answers h3, #webinars h3 {
  margin: 0;
  padding: 0;
  font-weight: 600;
}
@media only screen and (max-width: 501px) and (orientation:portrait), (max-height: 501px) and (orientation:landscape) {
  #get-answers h3, #webinars h3 {
    margin-bottom: 10px;
  }
}
#get-answers h3 span, #webinars h3 span {
  display: block;
  font-size: 0.75em;
  font-weight: 400;
}

#get-answers .answer-box {
  margin-top: 20px;
  margin-bottom: 40px;
  background-position: top left;
  background-size: 65px;
  background-repeat: no-repeat;
  padding-top: 80px;
}
#get-answers .answer-box#community {
  background-image: url(../img/onboarding/2024/Bubble-Chart-2.svg);
}
#get-answers .answer-box#training {
  background-image: url(../img/onboarding/2024/Learning-Continuous-Classroom.svg);
}
#get-answers .answer-box#support {
  background-image: url(../img/onboarding/2024/Hand-Support.svg);
}

@media only screen and (max-width: 501px) and (orientation:portrait), (max-height: 501px) and (orientation:landscape) {
  .answer-box p {
    font-size: 16px;
  }
}

#get-answers .answer-box p {
  min-height: 120px;
}
@media only screen and (max-width: 920px) {
  #get-answers .answer-box p {
    min-height: 80px;
  }
}

#get-answers .answer-box .button {
  font-weight: 600;
  background-image: url(../img/nav/thin-arrow-right-white.svg);
  background-repeat: no-repeat;
  background-size: 13px;
  background-position: center right 7px;
  padding-right: 26px;
}

.survey-box {
  margin-top: 20px;
  padding: 80px 0 25px;
}
@media only screen and (max-width: 1366px) {
  .survey-box {
    margin-top: 0px;
    padding: 60px 20px 20px;
  }
}
.survey-box h2 {
  font-size: 1em;
  text-transform: uppercase;
  font-weight: 400;
  margin: 0;
  padding: 0;
}
.survey-box .header1 {
  font-weight: 400;
  font-size: 40px;
  margin: 0;
}
@media only screen and (max-width: 501px) and (orientation:portrait), (max-height: 501px) and (orientation:landscape) {
  .survey-box .header1 {
    font-size: 35px;
  }
}
.survey-box .header2 {
  font-size: 30px !important;
}
@media only screen and (max-width: 501px) and (orientation:portrait), (max-height: 501px) and (orientation:landscape) {
  .survey-box .header2 {
    font-size: 26px;
  }
}
.survey-box .button {
  margin-top: 30px;
  font-weight: 600;
  background-image: url(../img/nav/thin-arrow-right-white.svg);
  background-repeat: no-repeat;
  background-size: 13px;
  background-position: center right 7px;
  padding-right: 26px;
}
.survey-box .button:hover {
  background-color: #006937;
}
.survey-box .survart {
  position: relative;
  left: -75px;
  top: -60px;
}
@media only screen and (max-width: 1366px) {
  .survey-box .survart {
    top: 0px;
    left: -55px;
  }
}
@media only screen and (max-width: 920px) {
  .survey-box .survart {
    display: none;
  }
}

.course-box {
  margin-top: 20px;
  padding-bottom: 15px;
  margin-left: 15px;
  width: 30%;
  background-color: #fff;
  background-position: top left;
  background-size: 85px;
  background-repeat: no-repeat;
  z-index: 2;
}
@media only screen and (max-width: 501px) and (orientation:portrait), (max-height: 501px) and (orientation:landscape) {
  .course-box p {
    font-size: 16px;
  }
}
.course-box h3 {
  margin: 0 !important;
  padding: 0 !important;
}
.course-box h3 span {
  font-weight: 100;
  text-transform: none;
  font-size: 22px;
}
.course-box h4 {
  margin: 0 !important;
  padding: 0 !important;
  line-height: 1.2em;
  font-size: 1.5em;
}
.course-box h4 a {
  font-size: 1em;
  text-decoration: underline;
}
.course-box h4 a:hover {
  text-decoration: none;
}
.course-box h5 {
  margin: 0 !important;
  padding: 0 !important;
  font-size: 1.8em;
  font-weight: 600;
}
.course-box .button {
  margin: 40px 0;
  font-weight: 600;
  background-image: url(../img/nav/thin-arrow-right-white.svg);
  background-repeat: no-repeat;
  background-size: 13px;
  background-position: center right 7px;
  padding-right: 26px;
  background-color: #00893e;
  border: 2px solid #00893e;
}
.course-box .button:hover {
  background-color: #006937;
}
.course-box .button.inv {
  border: unset !important;
}
.course-box .button.inv.back {
  background-image: url(../img/nav/thin-arrow-left-white.svg);
}
.course-box a {
  color: #009845;
}
.course-box a:hover {
  text-decoration: underline;
}
.course-box a.start:after {
  content: " > ";
  margin-left: 6px;
}

.video-box h3 {
  padding: 0 !important;
  font-size: 1.5em;
  font-weight: 400;
}
.video-box a:focus {
  outline: 2px dotted #002e5c;
  outline-offset: 5px;
}

#cta-bottom {
  background: #006580;
  background-image: url(../img/portal/bg-full-width-contrail.webp);
  background-repeat: no-repeat;
  background-position: bottom right -240px;
  color: #fff;
  padding: 57px;
}
@media only screen and (max-width: 920px) {
  #cta-bottom {
    padding: 30px;
    background-image: none;
  }
}
#cta-bottom a {
  color: #fff;
  text-decoration: underline;
}
#cta-bottom a:hover {
  text-decoration: none;
}
#cta-bottom a:focus {
  outline: 2px dotted #fff;
}
#cta-bottom h2 {
  font-size: 2.3em;
}
#cta-bottom .cta-button a {
  color: #006937;
  text-decoration: none;
}
#cta-bottom .note-light::after {
  background-image: url(../img/nav/info-5.svg);
}

#cta-bottom .cta-button {
  float: right;
  font-size: 16px;
  font-weight: 600;
  background-color: #fff;
  padding: 10px 20px;
  border-radius: 30px;
  border: 2px solid #fff;
  margin-top: 5px;
  transition: background-color 0.1s ease-out;
}
@media only screen and (max-width: 501px) and (orientation:portrait), (max-height: 501px) and (orientation:landscape) {
  #cta-bottom .cta-button {
    float: none;
    text-align: center;
    width: 100%;
    display: block;
    margin-top: 20px;
  }
}
#cta-bottom .cta-button:hover {
  background-color: #009845;
  border: 2px solid #009845;
}
#cta-bottom .cta-button:hover a {
  color: #fff;
}
#cta-bottom .cta-button a:focus {
  outline: 2px dotted #fff;
  border-radius: 6px;
  outline-offset: 25px;
}

#cta-bottom .cta-text h2 {
  float: left;
  font-size: 30px;
  font-weight: 600;
  margin-top: 10px;
}
@media only screen and (max-width: 920px) {
  #cta-bottom .cta-text h2 {
    width: 70%;
    margin-top: -10px;
  }
}
@media only screen and (max-width: 501px) and (orientation:portrait), (max-height: 501px) and (orientation:landscape) {
  #cta-bottom .cta-text h2 {
    float: none;
    text-align: center;
    width: 100%;
  }
}

/*.overwatch [id^="anchor"]::before {
    content: '';
    display: block;
    position: relative;
    margin-top: -6em;
    visibility: hidden;
    height: 6em;
}*/
#welcome-intro.welcome-heading {
  font-size: 3em;
  font-weight: 400;
  margin-top: 20px;
  margin-bottom: 40px;
  line-height: 1.25em;
}
#welcome-intro::before {
  content: "";
  display: block;
  position: relative;
  margin-top: -1.5em;
  visibility: hidden;
  height: 1.5em;
}

.help-sticky {
  position: fixed;
  top: 50%;
  right: 12px;
  z-index: 0;
  text-align: center;
  transform: rotate(90deg);
  transform-origin: top right;
}
@media only screen and (max-width: 920px) {
  .help-sticky {
    right: 8px;
  }
}
.help-sticky a {
  padding: 14px;
  background: #00893e;
  color: #fff;
  border: 1px solid #fff;
  font-weight: 600;
}
.help-sticky a:hover {
  background: #006937;
  border: 1px solid #fff;
}
.help-sticky a:focus {
  outline: 2px dotted #002e5c;
}
@media only screen and (max-width: 920px) {
  .help-sticky a {
    padding: 8px;
    font-size: 15px;
  }
}
.help-sticky.su {
  top: 360px;
  z-index: 200;
}
@media only screen and (max-width: 920px) {
  .help-sticky.su {
    top: 420px;
  }
}

#webinars .shorter {
  width: 80%;
  margin-top: 70px;
}
@media only screen and (max-width: 1366px) {
  #webinars .shorter {
    width: 100%;
    margin-top: 35px;
    margin-bottom: 25px;
  }
}
@media only screen and (max-width: 920px) {
  #webinars .minfix {
    padding: 0;
  }
}
@media only screen and (max-width: 920px) {
  #webinars .gts {
    display: flex;
    flex-direction: column-reverse;
  }
}

.onboarding-tabs {
  margin-bottom: 30px;
}

#webinars .answer-box ul {
  list-style: none;
  padding-left: 10px;
}

#webinars .answer-box p img {
  width: 100%;
  margin-bottom: 20px;
}
@media only screen and (max-width: 501px) and (orientation:portrait), (max-height: 501px) and (orientation:landscape) {
  #webinars .answer-box p img {
    margin-bottom: 10px;
  }
}

#webinars .answer-box {
  margin-bottom: 30px;
}

h2#fiveeasysteps:before {
  content: "";
  display: block;
  position: relative;
  margin-top: -3em;
  visibility: hidden;
  height: 3em;
}

.welcome-video {
  width: 100%;
  height: 100%;
}
.welcome-video iframe {
  width: 100%;
  min-height: 700px;
}
@media only screen and (max-width: 1366px) {
  .welcome-video iframe {
    min-height: 560px;
  }
}
@media only screen and (max-width: 1080px) {
  .welcome-video iframe {
    min-height: 490px;
  }
}
@media only screen and (max-width: 920px) {
  .welcome-video iframe {
    min-height: 400px;
  }
}
@media only screen and (max-width: 501px) and (orientation:portrait) {
  .welcome-video iframe {
    min-height: 320px;
  }
}

#video-box a#vid:focus {
  outline: none;
}

#art-possible {
  margin-bottom: 50px;
}
#art-possible h2 {
  font-weight: 400;
  font-size: 40px;
  margin: 0;
  padding-bottom: 40px;
  padding-top: 35px;
}
@media only screen and (max-width: 501px) and (orientation:portrait), (max-height: 501px) and (orientation:landscape) {
  #art-possible h2 {
    padding-top: 40px;
  }
}
@media only screen and (max-width: 920px) {
  #art-possible h2 {
    padding-top: 40px;
    padding-bottom: 20px;
    padding-left: 0px;
  }
}
#art-possible h3 {
  margin: 0;
  padding: 0;
  font-weight: 600;
  margin-bottom: 30px;
}
@media only screen and (max-width: 501px) and (orientation:portrait), (max-height: 501px) and (orientation:landscape) {
  #art-possible h3 {
    margin-bottom: 10px;
  }
}
#art-possible h3 span {
  display: block;
  font-size: 0.75em;
  font-weight: 400;
}

.welcome-box {
  background: #006580;
  height: 170px;
  background-image: url(../img/portal/contrail-01-2024.png);
  background-position: left 80px;
  background-repeat: no-repeat;
}
@media only screen and (max-width: 920px) {
  .welcome-box {
    height: 100%;
  }
}
@media only screen and (max-width: 1366px) and (-ms-high-contrast: active), only screen and (max-width: 1366px) and (-ms-high-contrast: none) {
  .welcome-box {
    display: -ms-inline-grid;
    width: 100%;
  }
}
.welcome-box .text {
  margin-left: 150px;
  top: 14px;
  display: block;
  position: relative;
  max-width: 65%;
}
.welcome-box .text h3 {
  font-size: 1.6em;
  margin-bottom: 10px;
}
.welcome-box .text p {
  margin-top: 0;
}
@media only screen and (max-width: 920px) {
  .welcome-box .text p {
    padding-bottom: 20px;
  }
}
.welcome-box .text h2, .welcome-box .text p, .welcome-box .text a, .welcome-box .text h3 {
  color: #fff;
}
.welcome-box .text a {
  text-decoration: underline;
}
.welcome-box .text a:focus {
  outline: 2px dotted #fff;
}
.welcome-box .text a:hover {
  text-decoration: none;
}
.welcome-box .pic {
  display: block;
  position: absolute;
  top: 30px;
}
@media only screen and (max-width: 920px) {
  .welcome-box .pic {
    top: 10%;
    margin-left: 14px;
  }
}
.welcome-box .pic img {
  border-radius: 50%;
  border: 1px solid #fff;
  width: 115px;
}
.welcome-box .button.inv {
  background-color: #fff;
  background-repeat: no-repeat;
  background-size: 13px;
  background-position: center right 7px;
  text-decoration: none;
  display: block;
  position: absolute;
  right: 0;
  top: 60px;
  font-weight: 600;
}
.welcome-box .button.inv:hover {
  background-color: #009845;
  color: #fff;
  border: 1px solid #009845;
}
.welcome-box .button.inv:focus {
  outline: 2px dotted #fff;
}
@media only screen and (max-width: 920px) {
  .welcome-box .button.inv {
    display: inline-block;
    position: relative;
    top: 5px;
    left: 150px;
  }
}
.welcome-box .col-9 {
  left: 10%;
}
@media only screen and (max-width: 1366px) {
  .welcome-box .col-9 {
    left: unset;
    width: 100%;
  }
}
@media only screen and (max-width: 920px) {
  .welcome-box .col-9 {
    top: -18px;
    margin-bottom: 20px;
  }
}
@media only screen and (max-width: 920px) and (-ms-high-contrast: active), only screen and (max-width: 920px) and (-ms-high-contrast: none) {
  .welcome-box .col-9 {
    width: 80%;
  }
}

#welcome-sense {
  padding: 30px 0;
}
#welcome-sense.administer {
  padding-top: 30px;
}
#welcome-sense.administer .mini-login-box {
  margin-bottom: 0;
}
@media only screen and (max-width: 920px) {
  #welcome-sense {
    padding-top: 30px;
  }
}
#welcome-sense .sense-welcome-text {
  margin-bottom: 30px;
}
#welcome-sense .sense-welcome-text a {
  text-decoration: underline;
}
#welcome-sense .sense-welcome-text a:hover {
  text-decoration: none;
}
#welcome-sense .sense-welcome-text h2 {
  font-weight: 600;
  font-size: 3.3em;
  margin-bottom: 20px;
  color: #19426C;
}
#welcome-sense .sense-welcome-text h2 span {
  display: block;
  font-size: 0.45em;
  font-weight: 400;
  text-transform: uppercase;
}
#welcome-sense .mini-login-box {
  padding: 30px;
  border: 1px solid #ddd;
  margin-bottom: 40px;
}
#welcome-sense .mini-login-box .pic {
  display: inline-block;
  width: 180px;
  background-image: url(../img/onboarding/qlik-laptop-account.jpg);
  background-repeat: no-repeat;
  background-size: 170px;
  height: 110px;
}
@media only screen and (max-width: 920px) {
  #welcome-sense .mini-login-box .pic {
    display: none;
  }
}
#welcome-sense .mini-login-box .text {
  display: inline-block;
  top: -15px;
  position: relative;
}
#welcome-sense .mini-login-box .text a {
  text-decoration: underline;
}
#welcome-sense .mini-login-box .text a:hover {
  text-decoration: none;
}
#welcome-sense .mini-login-box .text h3 {
  margin: 0;
  padding: 0;
  font-size: 1.87em;
}
@media only screen and (max-width: 920px) {
  #welcome-sense .mini-login-box .text {
    top: unset;
  }
}
@media only screen and (max-width: 501px) and (orientation:portrait) {
  #welcome-sense .mini-login-box .text {
    width: unset;
  }
}
#welcome-sense .mini-login-box .button {
  float: right;
  margin-top: 38px;
  font-weight: 600;
  background-image: url(../img/nav/thin-arrow-right-white.svg);
  background-repeat: no-repeat;
  background-size: 13px;
  background-position: center right 7px;
  padding-right: 26px;
}
@media only screen and (max-width: 1366px) {
  #welcome-sense .mini-login-box .button {
    float: unset;
    display: table-cell;
    top: 10px;
  }
}

@media only screen and (max-width: 1366px) {
  .break {
    display: none;
  }
}

.intro-box {
  background-color: #f6f7f8;
  color: #444;
}
.intro-box.administer {
  height: auto;
  background-image: url(../img/onboarding/onb-contr-2024-02.png);
  background-position: right -150px top;
  background-size: 1400px;
  margin-bottom: 40px;
  min-height: unset;
  background-repeat: no-repeat;
}
@media only screen and (max-width: 1080px) {
  .intro-box.administer {
    background-position: left top;
  }
}
.intro-box.administer > .container {
  padding: 55px 0;
  min-height: 320px;
}
.intro-box.administer .linking .linkbox {
  min-height: auto;
}
.intro-box.administer .linking .linkbox#noback {
  padding: 20px 0 20px 45px;
}
@media only screen and (max-width: 920px) {
  .intro-box {
    height: 100%;
  }
}
.intro-box .textbox {
  margin-top: 80px;
}
.intro-box .textbox.administer-intro {
  margin-top: 0;
}
.intro-box .textbox.administer-intro h3 {
  margin-top: 0;
}
.intro-box .textbox.administer-intro .text .pic img {
  border-radius: 50%;
  width: 90px;
  float: right;
  border: 2px solid #fff;
  margin-right: 30px;
}
@media only screen and (min-width: 921px) {
  .intro-box .textbox.administer-intro .text .pic img {
    position: absolute;
    right: 0;
    width: 80px;
    bottom: 100px;
  }
}
@media only screen and (max-width: 920px) {
  .intro-box .textbox.administer-intro .text .pic img {
    float: left;
    margin-bottom: 10px;
  }
}
.intro-box .textbox.administer-intro .text h2 {
  margin-right: 20px;
  font-size: 1.35em;
  color: #19426C;
  text-align: right;
}
@media only screen and (max-width: 920px) {
  .intro-box .textbox.administer-intro .text h2 {
    float: inherit;
    text-align: left;
  }
}
.intro-box .textbox.administer-intro .text .button.inv {
  float: right;
  margin-right: 20px;
  font-size: 1em;
  background-color: #006580;
  border: none;
  color: #fff;
}
.intro-box .textbox.administer-intro .text .button.inv:hover {
  color: #006580;
  background-color: #fff;
  text-decoration: underline;
}
@media only screen and (max-width: 920px) {
  .intro-box .textbox.administer-intro .text .button.inv {
    float: inherit;
  }
}
.intro-box .textbox.administer-intro.welc {
  position: absolute;
  right: 0;
  bottom: 30px;
}
@media only screen and (max-width: 920px) {
  .intro-box .textbox.administer-intro.welc {
    position: relative;
    bottom: 0;
    margin-top: 40px;
  }
}
.intro-box .textbox.administer-intro h1 {
  font-weight: 600;
  font-size: 2.5em;
  margin-top: 0;
  line-height: normal;
  color: #19426C;
}
.intro-box .textbox.administer-intro h1 span:first-child {
  display: block;
  font-size: 0.45em;
  font-weight: 600;
  color: #666;
}
.intro-box .textbox p {
  font-size: 1.3em;
  font-weight: 400;
}
.intro-box .textbox h2 {
  font-weight: 600;
  font-size: 40px;
  margin-top: 0;
  margin-bottom: 20px;
  color: #19426C;
}
@media only screen and (max-width: 1366px) {
  .intro-box .textbox h2 {
    margin-bottom: 0;
  }
}
.intro-box .textbox h2 span {
  display: block;
  font-size: 0.45em;
  font-weight: 600;
}
.intro-box .textbox .buttons {
  margin-top: 30px;
}
@media only screen and (max-width: 1366px) {
  .intro-box .textbox {
    margin-top: 50px;
  }
}
.intro-box a.button {
  color: #fff;
}
.intro-box a.button:focus {
  outline: 2px dotted #fff;
}
.intro-box .button {
  background-color: #006580;
  background-image: url(../img/nav/thin-arrow-right-white.svg);
  background-repeat: no-repeat;
  background-size: 13px 13px;
  background-position: center right 7px;
  padding-right: 30px;
  font-weight: 600;
  margin-right: 20px;
}
.intro-box .button:hover {
  background-color: #54565a;
  background-image: url(../img/nav/thin-arrow-right-white.svg);
}
.intro-box .button.inv {
  color: #006580;
  border: 2px solid #006580;
  background-color: transparent;
  background-image: url(../img/nav/thin-arrow-right-green.svg);
}
.intro-box .button.inv:focus {
  outline: 2px dotted #fff;
}
.intro-box .button.inv:hover {
  color: #fff;
  background-color: #54565a;
  border: 2px solid #54565a;
  background-image: url(../img/nav/thin-arrow-right-white.svg);
}
@media only screen and (max-width: 920px) {
  .intro-box .linking {
    margin: 20px 0;
  }
}
.intro-box .linking #product-overview-back {
  background-image: url(../img/onboarding/2024/Analytics-Dashboard.svg);
  background-repeat: no-repeat;
  background-position: 25px;
  background-size: 70px;
}
@media only screen and (max-width: 1366px) {
  .intro-box .linking #product-overview-back {
    background-image: none;
  }
}
.intro-box .linking #create-visual-back {
  background-image: url(../img/onboarding/2024/Analytics-Mobile.svg);
  background-repeat: no-repeat;
  background-position: 25px;
  background-size: 70px;
}
@media only screen and (max-width: 1366px) {
  .intro-box .linking #create-visual-back {
    background-image: none;
  }
}
.intro-box .linking #beyond-basics-back {
  background-image: url(../img/onboarding/2024/Rocket.svg);
  background-repeat: no-repeat;
  background-position: 25px;
  background-size: 70px;
}
@media only screen and (max-width: 1366px) {
  .intro-box .linking #beyond-basics-back {
    background-image: none;
  }
}
.intro-box .linking a {
  background-image: url(../img/nav/circle-arrow-right-green-hover.svg);
  background-repeat: no-repeat;
  background-position: center right 20px;
  background-size: 30px 30px;
  display: block;
  padding-right: 50px;
}
.intro-box .linking a:hover {
  background-image: url(../img/nav/circle-arrow-right-green.svg);
}
.intro-box .linking .linkbox {
  padding: 25px 30px 25px 120px;
  background-color: #fff;
  margin-bottom: 2px;
  color: #19426C;
}
.intro-box .linking .linkbox:hover {
  color: #009845;
}
@media only screen and (max-width: 1366px) {
  .intro-box .linking .linkbox {
    padding: 25px 40px;
  }
}
@media only screen and (max-width: 920px) {
  .intro-box .linking .linkbox {
    min-height: unset;
    max-height: unset;
  }
}
@media only screen and (max-width: 920px) and (-ms-high-contrast: active), only screen and (max-width: 920px) and (-ms-high-contrast: none) {
  .intro-box .linking .linkbox {
    min-height: auto;
    max-height: none;
  }
}
.intro-box .linking .linkbox p {
  font-size: 1.13em;
  margin: 0;
}
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
  .intro-box .linking .linkbox p {
    font-size: 1em;
  }
}
.intro-box .linking .linkbox p.heading {
  font-size: 1.4em;
  font-weight: 600;
}
@media only screen and (max-width: 1366px) and (-ms-high-contrast: active), only screen and (max-width: 1366px) and (-ms-high-contrast: none) {
  .intro-box .linking .linkbox p.heading {
    font-size: 1.1em;
  }
}
@media only screen and (max-width: 1366px) {
  .intro-box .linking .linkbox p {
    font-size: 1em;
  }
}
@media only screen and (max-width: 1366px) and (-ms-high-contrast: active), only screen and (max-width: 1366px) and (-ms-high-contrast: none) {
  .intro-box .linking .linkbox p {
    font-size: 0.9em;
  }
}
@media only screen and (max-width: 920px) {
  .intro-box .linking .linkbox p {
    font-size: 1.13em;
  }
}
@media only screen and (max-width: 920px) and (-ms-high-contrast: active), only screen and (max-width: 920px) and (-ms-high-contrast: none) {
  .intro-box .linking .linkbox p {
    font-size: 0.9em;
  }
}
.intro-box .linking .linkbox h2 {
  font-size: 1.5em;
  margin: 0 0 10px 0;
}
.intro-box .linking .linkbox a {
  color: #19426C;
}
.intro-box .linking .linkbox a:hover {
  color: #009845;
}
.intro-box .linking .linkbox a:focus {
  outline: none;
}
.intro-box .linking .linkbox:focus-within {
  outline: 2px dotted #fff;
}

#provider-list.panel-content {
  margin-top: 0;
  border-bottom: 4px solid #006937;
}
#provider-list.panel-content .tabpanel {
  background: #fff;
  min-height: 500px;
  padding: 30px;
}
#provider-list.panel-content .tabpanel .onb-mini-icon {
  height: 15px;
  width: 15px;
}
#provider-list.panel-content p {
  font-size: 1em;
}
#provider-list.panel-content p img.img-bord {
  border: 1px solid #ddd;
  margin-bottom: 16px;
}
#provider-list.panel-content a {
  font-size: inherit;
  text-decoration: underline;
}
#provider-list.panel-content a:hover {
  text-decoration: none;
}
#provider-list.panel-content ul {
  list-style: inherit;
  padding-left: 20px;
}
#provider-list.panel-content li p {
  margin: 10px 0;
}
#provider-list.panel-content h3 {
  font-size: 1.8em;
  font-weight: 600;
}
#provider-list.panel-content .panel-video {
  width: 100%;
}
@media only screen and (min-width: 921px) {
  #provider-list.panel-content .panel-video {
    height: 450px;
  }
}
@media only screen and (max-width: 920px) {
  #provider-list.panel-content .panel-video {
    height: 300px;
  }
}
@media only screen and (max-width: 501px) and (orientation:portrait), (max-height: 501px) and (orientation:landscape) {
  #provider-list.panel-content .panel-video {
    height: 220px;
  }
}
#provider-list.panel-content span.min {
  position: relative;
  bottom: -6px;
}
#provider-list.panel-content p.min-marg {
  margin: 5px 0 !important;
}
#provider-list.panel-content .onboarding-content h4 {
  margin-bottom: 10px;
  margin-top: 25px;
}

.sense-welcome-text {
  margin-bottom: 30px;
}

/** Qlik Brand Colors **/
/** Qlik Brand Colors 2024 **/
/** Other UI Colors **/
/** Search Highlight Colors **/
/** Typography **/
/** Spacing **/
/** Media queries **/
/* 991px */
/* 992px */
.migration-page {
  overflow: auto;
}
.migration-page .migration-hero-banner {
  width: 100%;
  height: 230px;
  padding: 30px 30px 30px 15px;
  background: #244b5a;
  background-image: url(../img/migration/contrail-wings-cut-2024.png);
  position: relative;
  top: -8px;
  color: #fff;
  background-position: center top;
  margin-bottom: -8px;
}
@media only screen and (max-width: 920px) {
  .migration-page .migration-hero-banner {
    height: unset;
  }
}
.migration-page .migration-hero-banner p.introduction {
  color: #fff;
  font-size: 3em;
  font-weight: 600;
  margin: 0;
}
@media only screen and (max-width: 1366px) {
  .migration-page .migration-hero-banner p.introduction {
    font-size: 2.3em;
  }
}
@media only screen and (max-width: 920px) {
  .migration-page .migration-hero-banner p.introduction {
    font-size: 1.8em;
  }
}
.migration-page .migration-hero-banner p.subheader {
  font-size: 1.3em;
  font-weight: 400;
  margin-top: -10px;
}
@media only screen and (max-width: 920px) {
  .migration-page .migration-hero-banner p.subheader {
    font-size: 1.1em;
  }
}
@media only screen and (max-width: 1366px) {
  .migration-page .migration-hero-banner p.subheader {
    font-size: 1.2em;
  }
}
.migration-page .migration-hero-banner .sense-migration {
  position: absolute;
  right: 15%;
  width: 360px;
  top: -10px;
}
@media only screen and (max-width: 920px) {
  .migration-page .migration-hero-banner .sense-migration {
    display: none;
  }
}
.migration-page .migration-banner {
  width: 100%;
  height: 140px;
  background: #244b5a;
  background-image: url(../img/migration/migration-banner-back.png);
  position: relative;
  top: -8px;
  color: #fff;
  padding: 30px 30px 30px 15px;
  line-height: 70px;
  margin-bottom: -8px;
}
@media only screen and (max-width: 920px) {
  .migration-page .migration-banner {
    height: 100px;
    line-height: 40px;
  }
}
.migration-page .migration-banner .sense-migration {
  width: 320px;
  position: absolute;
  right: 25%;
  top: -10px;
}
@media only screen and (max-width: 920px) {
  .migration-page .migration-banner .sense-migration {
    display: none;
  }
}
.migration-page .migration-banner h1 {
  font-size: 3em;
}
@media only screen and (max-width: 920px) {
  .migration-page .migration-banner h1 {
    font-size: 2.6em;
  }
}
@media only screen and (max-width: 1080px) {
  .migration-page .migration-banner h1 {
    font-size: 2.6em;
  }
}
@media only screen and (max-width: 460px) {
  .migration-page .migration-banner h1 {
    font-size: 2em;
  }
}
.migration-page .hide-toc {
  position: absolute;
  left: calc(100% - 30px);
}
.migration-page.hidden-toc .hide-toc {
  position: relative;
  left: auto;
}
.migration-page main#main {
  background: #efefef;
}
#wrap .migration-page.main .container.content {
  background-image: url(../img/migration/clouds.png);
  background-position: center;
  background-repeat: no-repeat;
  background-size: 100%;
}
#wrap .migration-page.main.subpage main#main {
  background-color: #fff;
}
#wrap .migration-page.main.subpage .miniclouds {
  display: block;
  width: 100%;
  background-image: url(../img/migration/miniclouds-2.png);
  background-position: top;
  background-repeat: no-repeat;
  background-size: 100%;
  height: 70px;
}
@media only screen and (max-width: 920px) {
  #wrap .migration-page.main.subpage .miniclouds {
    display: none;
  }
}
.migration-page div.note {
  background-color: #fff;
}
.migration-page.subpage {
  overflow: hidden;
}
.migration-page.subpage div.note {
  background-color: #ebf4ff;
}

@media only screen and (max-width: 920px) {
  #wrap .main.migration-page .container.content {
    background: #fff;
  }
}

@media only screen and (min-width: 921px) {
  #wrap .main.migration-page.subpage .container.content {
    background-position: top left;
    background-size: 1250px;
    background-repeat: repeat-x;
  }
}
@media only screen and (min-width: 921px) and (max-width: 1080px) {
  #wrap .main.migration-page.subpage .fix-loc {
    padding-right: 70px;
  }
}

/** Qlik Brand Colors **/
/** Qlik Brand Colors 2024 **/
/** Other UI Colors **/
/** Search Highlight Colors **/
/** Typography **/
/** Spacing **/
/** Media queries **/
/* 991px */
/* 992px */
.page-actions {
  width: 300px;
  /*right: calc((100% - 1300px) / 2.08);
  bottom: 0;
  top: 97px;*/
  color: #54565a;
  outline-offset: -3px;
  overflow-x: hidden;
  overflow-y: auto;
  order: 3;
  position: relative;
  /*@media only screen and (max-width: 920px) {
  	//display: none;
  	width: 50px;
  	background-image: url(../img/nav/ui-toggle-expand.svg);
  	background-repeat: no-repeat;
  	background-position: top 10px center;
  	border-left: solid 1px #ddd;
  	background-size: 24px;
  }*/
  /*.page-actions-close {
      background: transparent;
      display: none;
      background-image: url('../img/nav/close3-brand-grey.svg');
      background-position: center;
      background-repeat: no-repeat;
      background-size: 24px;
      width: 36px;
      height: 36px;
      border: 0;
      position: absolute;
      top: 30px;
      right: 30px;

      &:focus {
          outline: 2px dotted $outline-nav-color;
      }

      @media only screen and (max-width: 920px) {
          display: block;
      }
  }*/
  /*li {

  	a {

  	}
  }*/
  /*@media only screen and (max-width: 920px) {
  	h2 {
  		margin-top: 30px;
  		margin-left: 35px;
  		font-size: 20px;
  	}

  	padding-right: 0px;
  	line-height: 2em;


  	a {
  		margin-left: 25px;
  		font-size: 1em;
  		font-size: 18px;
  	}
  }*/
}
@media only screen and (max-width: 1080px) {
  .page-actions {
    width: 250px;
  }
}
@media only screen and (min-width: 1800px) {
  .page-actions {
    width: 420px;
  }
}
.page-actions header {
  border-bottom: 1px solid #c4cfda;
  font-size: 1.4em;
  padding-bottom: 25px;
  color: #0f0f0f;
  margin: 25px;
  display: none;
  padding-right: 30px;
  margin-right: 35px;
}
@media only screen and (max-width: 920px) {
  .page-actions header {
    display: block;
  }
}
.page-actions h2 {
  font-weight: 600;
  margin-top: 16px;
  margin-bottom: 8px;
  color: rgba(15, 15, 15, 0.85);
}
@media only screen and (max-width: 920px) {
  .page-actions h2 {
    font-size: 1.1em;
    margin-left: 35px;
  }
}
.page-actions h2, .page-actions p {
  font-size: 14px;
  margin-left: 12px;
}
.page-actions p {
  margin-right: 10px;
  font-weight: 400;
}
.page-actions a {
  color: #006937;
  text-decoration: underline;
  padding: 4px 8px;
  display: block;
}
.page-actions a:hover {
  text-decoration: none;
}
@media only screen and (max-width: 920px) {
  .page-actions a {
    font-size: 1.1em;
  }
}
.page-actions a, .page-actions button {
  font-size: 13px;
}
@media only screen and (max-width: 920px) {
  .page-actions a, .page-actions button {
    font-size: 1.1em;
  }
}
.page-actions li, .page-actions ol, .page-actions ul {
  list-style: none;
  margin: 0;
  padding: 0;
}
.page-actions li {
  padding-left: 8px;
  margin-bottom: 8px;
  padding-right: 4px;
  line-height: 1.4;
}
@media only screen and (max-width: 920px) {
  .page-actions li {
    padding-left: 35px;
  }
}
.page-actions aside a {
  display: inline-block;
  text-decoration: underline;
  border-bottom: 0;
}
.page-actions aside a:hover {
  text-decoration: underline dashed;
}
.page-actions nav {
  padding-bottom: 15px;
  border-bottom: 1px solid #ccc;
}
.page-actions .rssbox {
  font-size: 14px;
  color: #0f0f0f;
  border-bottom: 1px solid #ccc;
  margin: 20px;
  margin-right: 0;
  padding-bottom: 20px;
  padding-right: 10px;
  margin-bottom: 10px;
}
@media only screen and (max-width: 920px) {
  .page-actions .rssbox {
    padding: 0 30px 0 30px;
    font-size: 20px;
  }
}
.page-actions .rssbox a.button {
  text-decoration: none;
  width: 100%;
  font-weight: 600;
  margin-top: 10px;
  font-size: 16px;
  text-align: center;
  background-image: url(../img/icons/rss.svg);
  background-repeat: no-repeat;
  background-size: 20px;
  background-position: center left 10px;
  display: block;
  padding: 5px 35px;
}
@media only screen and (max-width: 920px) {
  .page-actions .rssbox a.button {
    font-size: 20px;
  }
}
@media only screen and (max-width: 1080px) and (min-width: 768px) {
  .page-actions .rssbox a.button {
    font-size: 14px;
  }
}
@media only screen and (max-width: 1080px) and (min-width: 768px) {
  body.show-page-actions .page-actions .rssbox a.button {
    width: 315px;
    font-size: 20px;
    padding: 10px 15px;
  }
}

/* On this page */
[id^=anchor] {
  position: relative;
}
[id^=anchor]:focus {
  outline: none;
}

/* fix for HELPELSA-1758 */
#topicContent h3[data-mc-conditions^=Features] a {
  position: relative;
  pointer-events: none;
}
#topicContent h3[data-mc-conditions^=Features] a::before {
  content: "";
  display: block;
  position: relative;
  margin-top: -3em;
  visibility: hidden;
  height: 3em;
}

.fix-loc {
  position: absolute;
  width: 100%;
  /*min-width: 250px;*/
  padding-bottom: 100px;
  overflow: auto;
  height: 100%;
  /*body.show-announcement-banner & {
  	height: calc(100% - 100px);

  	@media only screen and (max-width: 920px) {
  		height: 100%;
  	}
  }*/
  /*body.mobile-menu-open & {
  	display: none;
  }*/
}
@media only screen and (max-width: 1366px) {
  .whats-new-page .fix-loc {
    min-width: 250px;
  }
}
@media only screen and (max-width: 920px) {
  .fix-loc {
    position: fixed;
    top: 0;
    width: 100%;
    background: #efefef;
    z-index: 11;
    height: 100%;
    left: 0;
    box-shadow: 5px 0 8px 0px rgba(0, 0, 0, 0.2);
    width: 90%;
    background: #fff;
  }
  .show-page-actions .fix-loc {
    display: block;
  }
  .fix-loc.qcs {
    display: none;
  }
}

body.show-page-actions {
  overflow: hidden;
}

.third-col-banner {
  background-image: url(../img/migration/forum-banner-graphic.png);
  background-position: left 10px bottom;
  background-repeat: no-repeat;
  max-width: 335px;
  padding-bottom: 50px;
}
.third-col-banner h2 a {
  font-size: 18px;
  font-weight: 600;
}
.third-col-banner h2 span {
  display: block;
  color: #4b4b4b;
  margin-left: 10px;
}
.third-col-banner.ask {
  background-image: none;
  padding-bottom: 0px;
  margin-top: 0;
}
.third-col-banner.ask a {
  padding: 0;
}
.third-col-banner + .third-col-banner {
  border-top: 1px solid #ccc;
  margin-top: 30px;
}
.page-actions nav + .third-col-banner {
  margin-top: 0;
}
#topicContent .third-col-banner {
  display: none;
}
@media only screen and (max-width: 920px) {
  .third-col-banner {
    background-position: right 42px bottom 20px;
    background-size: 280px;
    background-color: #dae4e9;
    border-radius: 5px;
    height: 150px;
    padding: 20px;
    margin: 50px 0 20px 0;
    width: 100%;
    max-width: 100%;
  }
  .third-col-banner h2 {
    line-height: 24px;
    margin: 0;
  }
  .third-col-banner span {
    font-weight: normal;
    font-size: 14px;
  }
  .page-actions .third-col-banner {
    display: none;
  }
  #topicContent .third-col-banner {
    display: block;
  }
}
@media only screen and (max-width: 501px) and (orientation:portrait), (max-height: 501px) and (orientation:landscape) {
  .third-col-banner {
    background-image: none;
  }
}

.third-col-section {
  max-width: 335px;
}
.third-col-section a {
  padding: 0;
}
#topicContent .third-col-section {
  display: none;
}
.third-col-section + .third-col-section {
  border-top: 1px solid #ccc;
  margin-top: 30px;
}

/** Qlik Brand Colors **/
/** Qlik Brand Colors 2024 **/
/** Other UI Colors **/
/** Search Highlight Colors **/
/** Typography **/
/** Spacing **/
/** Media queries **/
/* 991px */
/* 992px */
#topicContent .onthispage, .embedded-search .onthispage#onthispage-mobile {
  background: #efefef;
  padding: 12px;
  margin-top: 8px;
}
#topicContent .onthispage button, .embedded-search .onthispage#onthispage-mobile button {
  font-size: 14px;
  margin-left: -5px;
}
#topicContent .onthispage h2, .embedded-search .onthispage#onthispage-mobile h2 {
  font-size: 0.875em;
  font-weight: 600;
  color: rgba(15, 15, 15, 0.85);
  margin: 0;
  margin-bottom: 8px;
}
#topicContent .onthispage ul, .embedded-search .onthispage#onthispage-mobile ul {
  margin: 0;
  padding: 0;
  list-style: none;
}
#topicContent .onthispage li, .embedded-search .onthispage#onthispage-mobile li {
  margin-bottom: 8px;
  padding-right: 5px;
  padding-left: 10px;
  line-height: normal;
  font-size: 14px;
}
#topicContent .onthispage li a[href^="#"]:after, #topicContent .onthispage li .xref[href^="#"]:after, .embedded-search .onthispage#onthispage-mobile li a[href^="#"]:after, .embedded-search .onthispage#onthispage-mobile li .xref[href^="#"]:after {
  display: none;
}
@media only screen and (min-width: 921px) {
  #topicContent .onthispage, .embedded-search .onthispage#onthispage-mobile {
    display: none;
  }
}
@media only screen and (min-width: 921px) {
  .embedded-search .onthispage#onthispage-mobile {
    display: block;
  }
}
.onthispage a {
  text-decoration: none;
  border-bottom: 0;
  font-weight: 400;
  color: #1c355e;
  /*&:hover {
          text-shadow: 0 0 1px $black;
          //color: $link-color;
          text-decoration: none;
          background-color: white;
      }*/
}
.onthispage a:hover {
  text-decoration: underline;
}
.onthispage button {
  background: transparent;
  display: inline-block;
  margin-left: 5px;
  margin-top: -5px;
  padding: 8px 0;
  padding-right: 20px;
  text-align: left;
  text-decoration: none;
  color: #1c355e;
  border: 0;
}
.onthispage button:hover {
  text-decoration: underline;
}
.onthispage button[aria-expanded]:before {
  background: url(../img/nav/light-arrow-down.svg);
  background-repeat: no-repeat;
  background-position: bottom;
  background-size: 12px 12px;
  display: inline-block;
  margin-left: 5px;
  width: 2em;
  height: 1em;
  content: "";
}
.onthispage button[aria-expanded=true]:before {
  background-image: url(../img/nav/light-arrow-up.svg);
}
.onthispage button:focus {
  outline: 2px dotted #4b4b4b;
}
.onthispage li {
  /*&:hover, &.active {
          // ---------border-left-color: $brand-emerald;
          text-shadow: 0 0 1px $black;
      }

      &.active {
          a {
              // color: #009845;
              //font-weight: 600;
              background-color: white;
          }
      }*/
}
.onthispage li[aria-hidden=true] {
  display: none;
}
.onthispage li.h3 {
  padding-left: 24px;
}
.onthispage li.h3 a {
  position: relative;
  font-weight: 400;
}
.onthispage li.h3 a:after {
  display: block;
  content: "";
  position: absolute;
  left: -2px;
  bottom: -4px;
  top: -4px;
  border-left: 1px solid #1c355e;
}
.onthispage ul.show-more {
  margin-bottom: 5px;
}

/** Qlik Brand Colors **/
/** Qlik Brand Colors 2024 **/
/** Other UI Colors **/
/** Search Highlight Colors **/
/** Typography **/
/** Spacing **/
/** Media queries **/
/* 991px */
/* 992px */
.whats-filters {
  margin-top: 20px;
  margin-left: 15px;
  font-size: 14px;
  font-weight: 400;
}
.archived .whats-filters {
  margin-left: 20px;
}
.whats-filters h2 {
  margin-left: 0;
  font-size: 1.3em;
}
@media only screen and (max-width: 920px) {
  .whats-filters h2 {
    font-size: 1.4em;
  }
}
.whats-filters ul {
  list-style: none;
  padding: 0;
  margin: 0;
}
.whats-filters ul ul {
  display: none;
  margin-left: 15px;
}
.whats-filters input[id^=qlikhelptopics]:checked + label + ul {
  display: block;
}
.whats-filters input[data-type=vidyard]:checked + label + ul {
  display: block;
}
@media only screen and (max-width: 920px) {
  .whats-filters {
    margin: 20px 30px;
  }
}
.whats-filters .time-period-date {
  display: none;
}
.whats-filters .time-period-date.show {
  display: block;
}
.hidden-toc .whats-filters {
  display: none;
}
.whats-filters label {
  display: block;
  background-color: transparent;
}
@media screen and (max-width: 1150px) {
  .whats-filters label {
    margin-bottom: 6px;
  }
}
.whats-filters label[for=from], .whats-filters label[for=to] {
  margin-left: 27px;
  font-size: 0.875em;
  display: inline-block;
  float: left;
  clear: both;
}
.whats-filters label span.dbox {
  display: block;
}
.whats-filters label > span.xbox {
  display: inline-block;
  position: relative;
  padding-right: 5px;
  padding-left: 27px;
  text-indent: -27px;
  line-height: 30px;
}
@media screen and (max-width: 1150px) {
  .whats-filters label > span.xbox {
    line-height: unset;
  }
}
.whats-filters label > span.xbox:before {
  background-repeat: no-repeat;
  background-position: center;
  background-size: 12px;
  display: inline-block;
  position: relative;
  content: "";
  width: 20px;
  height: 20px;
  border-radius: 3px;
  background-color: #ffffff;
  border: 1px solid #666;
  margin-right: 8px;
  left: 3px;
  top: 4px;
}
.whats-filters input[type=checkbox], .whats-filters input[type=radio] {
  position: absolute;
  width: 1em;
  height: 1em;
  opacity: 0;
}
.whats-filters input[type=checkbox]:focus + span, .whats-filters input[type=checkbox]:focus + label span, .whats-filters input[type=radio]:focus + span, .whats-filters input[type=radio]:focus + label span {
  outline: 2px dotted #4b4b4b;
}
.whats-filters input[type=checkbox]:checked + span.xbox:before, .whats-filters input[type=checkbox]:checked + label > span.xbox:before {
  background-color: #009845;
  background-image: url(../img/nav/check-white.svg);
}
.whats-filters input[type=radio]:checked + span.xbox:before, .whats-filters input[type=radio]:checked + label > span.xbox:before {
  border: 6px solid #009845;
}
.whats-filters input[type=radio] + span.xbox:before, .whats-filters input[type=radio] + label > span.xbox:before {
  border-radius: 10px;
}
.whats-filters legend {
  font-weight: 600;
  font-size: 14px;
  color: #0f0f0f;
  float: left;
  width: 100%;
  height: 30px;
}
.whats-filters legend + label {
  margin-top: 30px;
}
@media only screen and (max-width: 920px) {
  .whats-filters legend {
    font-size: 1.1em;
    color: #0f0f0f;
  }
}
.whats-filters fieldset {
  padding: 10px 0;
  padding-bottom: 20px;
  border-bottom: 1px solid #ccc;
}
.whats-filters fieldset:last-of-type {
  border-bottom: none;
}
.whats-filters fieldset[aria-hidden=true] {
  display: none;
}
.whats-filters .apply-filters {
  width: 100%;
  margin-top: 10px;
}
@media only screen and (min-width: 921px) {
  .whats-filters .apply-filters {
    display: none;
  }
}

@media only screen and (max-width: 1150px) and (min-width: 921px) {
  .whats-new-page .unminified-toc .fix-loc {
    display: block;
  }
}
@media only screen and (min-width: 921px) {
  .whats-new-page.show-announcement-banner .fix-loc {
    padding-bottom: 30px;
  }
}
.whats-new-page .fix-loc {
  z-index: 10;
}
@media only screen and (max-width: 920px) {
  .whats-new-page .fix-loc {
    z-index: 12;
  }
}
@media only screen and (min-width: 921px) {
  .whats-new-page .fix-loc {
    position: relative;
    height: auto;
    padding-bottom: 0;
  }
}
.whats-new-page .fix-loc .filter-header {
  display: none;
}
@media only screen and (max-width: 920px) {
  .whats-new-page .fix-loc .filter-header {
    display: block;
    border-bottom: 1px solid #c4cfda;
    font-size: 20px;
    font-weight: 600;
    padding-bottom: 10px;
    color: #0f0f0f;
    margin: 25px;
    padding-left: 40px;
  }
}
@media only screen and (max-width: 1150px) and (min-width: 921px) {
  .whats-new-page .fix-loc {
    display: none;
  }
  .whats-new-page .fix-loc.qcs {
    display: block;
  }
}
@media only screen and (max-width: 920px) {
  .whats-new-page .fix-loc {
    left: -120%;
    transition: left ease-out 250ms;
  }
  .whats-new-page .fix-loc.qcs {
    display: none;
  }
}
@media only screen and (min-width: 921px) {
  .whats-new-page .fix-loc .filter-button-close {
    display: none;
  }
}
@media only screen and (max-width: 920px) {
  .whats-new-page .fix-loc .filter-button-close {
    float: left;
    margin-right: 6px;
    position: absolute;
    top: 25px;
    left: 27px;
  }
  .whats-new-page .fix-loc .filter-button-close button {
    background-image: url(../img/nav/close3-brand-grey.svg);
    background-size: 24px;
    background-color: transparent;
    background-repeat: no-repeat;
    background-position: center;
    transition: background-size ease-in-out 75ms;
    z-index: 1;
    height: 38px;
    width: 30px;
    border: 0;
    top: -4px;
  }
}
.whats-new-page aside.navigation {
  display: none;
}
@media only screen and (max-width: 920px) {
  .whats-new-page.show-page-actions .fix-loc {
    left: 0;
  }
}
.whats-new-page.show-page-actions .hidden-filters-close {
  display: block;
}
.whats-new-page .filters-close, .whats-new-page .hidden-filters-close {
  display: none;
}
@media only screen and (max-width: 920px) {
  .whats-new-page .hidden-filters-close {
    display: none;
    background: #404040;
    opacity: 0.6;
    position: fixed;
    z-index: 11;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
  }
}

/** Qlik Brand Colors **/
/** Qlik Brand Colors 2024 **/
/** Other UI Colors **/
/** Search Highlight Colors **/
/** Typography **/
/** Spacing **/
/** Media queries **/
/* 991px */
/* 992px */
.vertical-filters {
  margin: 0;
  padding-right: 0;
  margin: 0 20px;
}
@media only screen and (max-width: 920px) {
  .vertical-filters {
    margin: 0;
  }
}
.vertical-filters h2 {
  padding: 15px 0;
  margin: 0;
  font-size: 16px;
  color: #404040;
}
.vertical-filters legend {
  font-size: 1.2em;
  font-weight: bold;
  float: none;
}
.vertical-filters ul, .vertical-filters li {
  position: relative;
  list-style: none;
  padding: 0;
  margin: 0;
}
.vertical-filters .area-filters {
  padding-bottom: 20px;
}
.vertical-filters .area-filters .tooltip {
  padding: 5px;
}
.vertical-filters .area-filters .tooltip button {
  background: none;
  color: #006937;
  text-decoration: underline;
  font-weight: 400;
  padding: 0;
}
.vertical-filters .area-filters .tooltip button:hover {
  text-decoration: none;
}
.vertical-filters ul {
  position: relative;
  color: #0f0f0f;
  bottom: 0;
}
.vertical-filters ul button {
  border: 0;
  text-align: left;
  background: #fefefe;
  display: block;
  width: 100%;
}
.vertical-filters ul button + ul {
  display: none;
}
.vertical-filters ul button[aria-expanded=true] + ul {
  display: block;
}
.vertical-filters ul input[type=radio]:focus + label,
.vertical-filters ul input[type=checkbox]:focus + label {
  border: 0;
  padding: 0;
  z-index: 1;
}
.vertical-filters ul input[type=radio] + label,
.vertical-filters ul input[type=checkbox] + label {
  margin: 0;
}
.vertical-filters ul input[type=radio] + label:before,
.vertical-filters ul input[type=checkbox] + label:before {
  display: none;
}
.vertical-filters ul input[type=radio] + label + ul {
  display: none;
}
.vertical-filters ul input[type=radio]:checked + label + ul {
  display: block;
}
.vertical-filters ul ul {
  margin-left: 15px;
}
.vertical-filters label > span.xbox {
  line-height: 1.5;
}
.vertical-filters .result-count {
  margin-bottom: 10px;
}
.vertical-filters .fitler-list[aria-hidden=true] {
  display: none;
}

/** Qlik Brand Colors **/
/** Qlik Brand Colors 2024 **/
/** Other UI Colors **/
/** Search Highlight Colors **/
/** Typography **/
/** Spacing **/
/** Media queries **/
/* 991px */
/* 992px */
@media print {
  aside,
footer,
header,
#bottom-mini-toc,
#breadcrumb,
.content > nav,
.main-nav,
.next-nav,
.settings,
.tree,
.videowrapper {
    display: none;
  }

  .main {
    position: static;
  }

  a:after {
    content: " (" attr(href) ") ";
    color: #54565a;
    font-size: 0.5em;
    display: block;
  }

  a[name*=anchor]:after {
    display: none;
    content: none !important;
  }
}
/** Qlik Brand Colors **/
/** Qlik Brand Colors 2024 **/
/** Other UI Colors **/
/** Search Highlight Colors **/
/** Typography **/
/** Spacing **/
/** Media queries **/
/* 991px */
/* 992px */
body:lang(ja) {
  font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", "Inter", Arial, sans-serif, !important;
}

body:lang(zh) {
  font-family: "Microsoft YaHei", STXihei, "Source Sans Pro", serif !important;
}

body:lang(zh) .path,
body:lang(zh) .user_input,
body:lang(zh) .field-value,
body:lang(zh) span.Italic,
body:lang(zh) div.caption, body:lang(zh) .caption,
body:lang(zh) em, body:lang(zh) i, body:lang(zh) dfn, body:lang(ko) .path,
body:lang(ko) .user_input,
body:lang(ko) .field-value,
body:lang(ko) span.Italic,
body:lang(ko) div.caption, body:lang(ko) .caption,
body:lang(ko) em, body:lang(ko) i, body:lang(ko) dfn {
  font-style: normal !important;
}

@media print {
  /* Simplified Chinese prefers FangSong for print contexts */
  /* SuppressFlareWarning[body:lang(zh) {font-family: FangSong, 仿宋, STFangsong, 华文仿宋, serif !important;}] */
}
ins[data-status=fallback] {
  text-decoration: none;
}

/** Qlik Brand Colors **/
/** Qlik Brand Colors 2024 **/
/** Other UI Colors **/
/** Search Highlight Colors **/
/** Typography **/
/** Spacing **/
/** Media queries **/
/* 991px */
/* 992px */
a:focus, a > img:focus, main .xref:focus, input:focus, textarea:focus, select:focus, #mega button:focus, #main:focus, .page-actions:focus, .navigation-pane:focus {
  outline: 2px dotted #4b4b4b;
}

.content a:focus, .content a > img:focus, .content main .xref:focus, .content input:focus, .content textarea:focus, .content select:focus, main a:focus, main a > img:focus, main main .xref:focus, main input:focus, main textarea:focus, main select:focus, footer a:focus, footer a > img:focus, footer main .xref:focus, footer input:focus, footer textarea:focus, footer select:focus {
  outline-offset: 3px;
}

footer:focus, header:focus {
  outline: none;
}

#main:focus, .navigation-pane:focus {
  outline-offset: -2px;
}

.sr-only {
  clip: rect(0 0 0 0);
  overflow: hidden;
  position: absolute;
  height: 1px;
  width: 1px;
}

@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
  .content a:focus, .content a > img:focus, .content input:focus, .content textarea:focus, .content button:focus, .content select:focus, .content nav.tree i:focus, main a:focus, main a > img:focus, main input:focus, main textarea:focus, main button:focus, main select:focus, main nav.tree i:focus, footer a:focus, footer a > img:focus, footer input:focus, footer textarea:focus, footer button:focus, footer select:focus, footer nav.tree i:focus {
    outline: 2px dotted #4b4b4b;
  }
  .content main a:focus, .content main .xref:focus, main main a:focus, main main .xref:focus, footer main a:focus, footer main .xref:focus {
    outline: 2px dotted #4b4b4b;
    outline-offset: 3px;
  }

  header a:focus, header a > img:focus, header input:focus, header textarea:focus, header button:focus, header select:focus, nav a:focus, nav a > img:focus, nav input:focus, nav textarea:focus, nav button:focus, nav select:focus, #video-box a:focus, #video-box a > img:focus, #video-box input:focus, #video-box textarea:focus, #video-box button:focus, #video-box select:focus {
    outline: 2px dotted #4b4b4b;
  }

  .content footer a:focus, main footer a:focus, footer a:focus {
    outline: none;
    border-radius: 3px;
    margin: -2px;
    border: 2px dotted #4b4b4b;
  }
}
/*.content, main, footer {
	a, a > img, input, textarea, button, select, nav.tree i {
		&:focus {
			outline: 2px solid $outline-nav-color;
		}
	}

	main a, main .xref {
		&:focus {
			outline: 2px solid $outline-nav-color;
			outline-offset: 3px;
		}
	}
}*/
/*header, nav, #video-box {
	a, a > img, input, textarea, button, select {
		&:focus {
			outline: 2px solid $outline-nav-color;
		}
	}
}*/
/*.content footer, main footer, footer {
	a {
		&:focus {
			outline: none;
			border-radius: 3px;
			margin: -2px;
			border: 2px solid $outline-nav-color;
		}
	}
}*/
/* css style fixes for new cookie banner (OneTrust) */
.optanon-alert-box-wrapper .banner-content a.banner-policy-link {
  color: #fff !important;
}

.optanon-alert-box-wrapper .banner-content a.banner-policy-link:focus {
  outline: 2px dotted #efefef;
  outline-offset: 5px;
}

.optanon-alert-box-wrapper .optanon-button-more .optanon-alert-box-button-middle button:focus {
  outline: 2px dotted #fff;
  outline-offset: 5px;
}

.optanon-alert-box-wrapper .optanon-alert-box-button-middle button:focus {
  outline: 2px dotted #fff;
  outline-offset: 5px;
}