/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */
/* Document
   ========================================================================== */
/**
 * 1. Correct the line height in all browsers.
 * 2. Prevent adjustments of font size after orientation changes in iOS.
 */
html {
  line-height: 1.15;
  /* 1 */
  -webkit-text-size-adjust: 100%;
  /* 2 */
}

/* Sections
   ========================================================================== */
/**
 * Remove the margin in all browsers.
 */
body {
  margin: 0;
}

/**
 * Render the `main` element consistently in IE.
 */
main {
  display: block;
}

/**
 * Correct the font size and margin on `h1` elements within `section` and
 * `article` contexts in Chrome, Firefox, and Safari.
 */
h1 {
  font-size: 2em;
  margin: 0.67em 0;
}

/* Grouping content
   ========================================================================== */
/**
 * 1. Add the correct box sizing in Firefox.
 * 2. Show the overflow in Edge and IE.
 */
hr {
  box-sizing: content-box;
  /* 1 */
  height: 0;
  /* 1 */
  overflow: visible;
  /* 2 */
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
pre {
  font-family: monospace, monospace;
  /* 1 */
  font-size: 1em;
  /* 2 */
}

/* Text-level semantics
   ========================================================================== */
/**
 * Remove the gray background on active links in IE 10.
 */
a {
  background-color: transparent;
}

/**
 * 1. Remove the bottom border in Chrome 57-
 * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
 */
abbr[title] {
  border-bottom: none;
  /* 1 */
  text-decoration: underline;
  /* 2 */
  text-decoration: underline dotted;
  /* 2 */
}

/**
 * Add the correct font weight in Chrome, Edge, and Safari.
 */
b,
strong {
  font-weight: bolder;
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
code,
kbd,
samp {
  font-family: monospace, monospace;
  /* 1 */
  font-size: 1em;
  /* 2 */
}

/**
 * Add the correct font size in all browsers.
 */
small {
  font-size: 80%;
}

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

sub {
  bottom: -0.25em;
}

sup {
  top: -0.5em;
}

/* Embedded content
   ========================================================================== */
/**
 * Remove the border on images inside links in IE 10.
 */
img {
  border-style: none;
}

/* Forms
   ========================================================================== */
/**
 * 1. Change the font styles in all browsers.
 * 2. Remove the margin in Firefox and Safari.
 */
button,
input,
optgroup,
select,
textarea {
  font-family: inherit;
  /* 1 */
  font-size: 100%;
  /* 1 */
  line-height: 1.15;
  /* 1 */
  margin: 0;
  /* 2 */
}

/**
 * Show the overflow in IE.
 * 1. Show the overflow in Edge.
 */
button,
input {
  /* 1 */
  overflow: visible;
}

/**
 * Remove the inheritance of text transform in Edge, Firefox, and IE.
 * 1. Remove the inheritance of text transform in Firefox.
 */
button,
select {
  /* 1 */
  text-transform: none;
}

/**
 * Correct the inability to style clickable types in iOS and Safari.
 */
button,
[type=button],
[type=reset],
[type=submit] {
  -webkit-appearance: button;
}

/**
 * Remove the inner border and padding in Firefox.
 */
button::-moz-focus-inner,
[type=button]::-moz-focus-inner,
[type=reset]::-moz-focus-inner,
[type=submit]::-moz-focus-inner {
  border-style: none;
  padding: 0;
}

/**
 * Restore the focus styles unset by the previous rule.
 */
button:-moz-focusring,
[type=button]:-moz-focusring,
[type=reset]:-moz-focusring,
[type=submit]:-moz-focusring {
  outline: 1px dotted ButtonText;
}

/**
 * Correct the padding in Firefox.
 */
fieldset {
  padding: 0.35em 0.75em 0.625em;
}

/**
 * 1. Correct the text wrapping in Edge and IE.
 * 2. Correct the color inheritance from `fieldset` elements in IE.
 * 3. Remove the padding so developers are not caught out when they zero out
 *    `fieldset` elements in all browsers.
 */
legend {
  box-sizing: border-box;
  /* 1 */
  color: inherit;
  /* 2 */
  display: table;
  /* 1 */
  max-width: 100%;
  /* 1 */
  padding: 0;
  /* 3 */
  white-space: normal;
  /* 1 */
}

/**
 * Add the correct vertical alignment in Chrome, Firefox, and Opera.
 */
progress {
  vertical-align: baseline;
}

/**
 * Remove the default vertical scrollbar in IE 10+.
 */
textarea {
  overflow: auto;
}

/**
 * 1. Add the correct box sizing in IE 10.
 * 2. Remove the padding in IE 10.
 */
[type=checkbox],
[type=radio] {
  box-sizing: border-box;
  /* 1 */
  padding: 0;
  /* 2 */
}

/**
 * Correct the cursor style of increment and decrement buttons in Chrome.
 */
[type=number]::-webkit-inner-spin-button,
[type=number]::-webkit-outer-spin-button {
  height: auto;
}

/**
 * 1. Correct the odd appearance in Chrome and Safari.
 * 2. Correct the outline style in Safari.
 */
[type=search] {
  -webkit-appearance: textfield;
  /* 1 */
  outline-offset: -2px;
  /* 2 */
}

/**
 * Remove the inner padding in Chrome and Safari on macOS.
 */
[type=search]::-webkit-search-decoration {
  -webkit-appearance: none;
}

/**
 * 1. Correct the inability to style clickable types in iOS and Safari.
 * 2. Change font properties to `inherit` in Safari.
 */
::-webkit-file-upload-button {
  -webkit-appearance: button;
  /* 1 */
  font: inherit;
  /* 2 */
}

/* Interactive
   ========================================================================== */
/*
 * Add the correct display in Edge, IE 10+, and Firefox.
 */
details {
  display: block;
}

/*
 * Add the correct display in all browsers.
 */
summary {
  display: list-item;
}

/* Misc
   ========================================================================== */
/**
 * Add the correct display in IE 10+.
 */
template {
  display: none;
}

/**
 * Add the correct display in IE 10.
 */
[hidden] {
  display: none;
}

*,
*::before,
*::after {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

dl {
  margin: 0;
}
dl dt, dl dd {
  margin: 0;
}

button, a, .button {
  display: inline-block;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  margin: 0px;
  padding: 0px;
  border-width: 0;
  font-weight: normal;
  font-size: inherit;
  text-decoration: none;
  cursor: pointer;
  line-height: 1.5;
}

button {
  overflow: visible;
}

button::-moz-focus-inner {
  border: 0;
  padding: 0;
}

ul, ol {
  margin: 0;
  padding: 0;
}

button, input, optgroup, select, textarea {
  line-height: 1.5rem;
  border: none;
}

input, textarea {
  width: 100%;
  display: block;
}

td, th {
  padding: 0;
  flex-grow: 1;
  font-weight: inherit;
}

/* Breakpoints ---------------------------------------------------------------------*/
/* Use the following for creating media queries:

    @include breakpoint('desktopL'){

    }
*/
/* Variables -------------------------------------------------------------------------*/
/* The filters are added because animating icon fonts, for spinners, were wobbly, using a svg and colour filters solved this */
/* The filters are calculated with css filter tool see http://localhost:4321/tools.html */
:root {
  /* Graph colors -----------------------*/
  /*  Medium blue - branding color */
  --primary: #468DF1;
  /* rgb values of primary color */
  --primary--rgb: 70, 141, 241;
  /* filter value to colour black image */
  --primary--filter: invert(59%) sepia(60%) saturate(5371%) hue-rotate(199deg) brightness(102%) contrast(89%);
  /*  Dark blue - branding color */
  --secondary: #132e5d;
  /* rgb values of primary color */
  --secondary--rgb: 19, 46, 94;
  /* filter value to colour black image */
  --secondary--filter: invert(11%) sepia(72%) saturate(2003%) hue-rotate(206deg) brightness(94%) contrast(92%);
  /* 10% Dark blue as hex */
  --background-blue: #E7EAEE;
  /* Medium red */
  --error: #C11B15;
  --error--rgb: 193, 27, 21;
  --error--filter: invert(11%) sepia(100%) saturate(5099%) hue-rotate(358deg) brightness(86%) contrast(87%);
  /* Medium orange */
  --warning: #F36B35;
  --warning--rgb: 243, 107, 53;
  --warning--filter: invert(74%) sepia(84%) saturate(5310%) hue-rotate(341deg) brightness(102%) contrast(91%);
  /* Medium green */
  --success: #00AA55;
  --success--rgb: 0, 170, 85;
  --success--filter: invert(44%) sepia(40%) saturate(1825%) hue-rotate(116deg) brightness(93%) contrast(103%);
  /* Medium grey */
  --input: #424D5C;
  /* Light grey */
  --result: #8C99AB;
  /* Other colors -----------------------*/
  --input-bg: rgba(8, 46, 100, 0.05);
  --input-bg--darken: rgba(8, 46, 100, 0.10);
  --border: #E6E6E6;
  --yellow: #F7B500;
  /* Main background */
  --background--main: white;
  --white--filter: invert(100%);
  /* Light grey background */
  --background--light: #F6F6F6;
  /* Sidebar background */
  --background--dark: var(--text-dark);
  /* Lighter colors */
  --background--error: #F8E8E7;
  --background--warning: #F36B351A;
  /* Light grey - branding color */
  --text: #5A5D63;
  --text--rgb: 90, 93, 99;
  --text--filter: invert(36%) sepia(9%) saturate(345%) hue-rotate(182deg) brightness(94%) contrast(85%);
  --faded: rgba(var(--text--rgb), 0.5);
  --faded--solid: #ACAEB1;
  --faded--filter: invert(83%) sepia(7%) saturate(116%) hue-rotate(177deg) brightness(86%) contrast(82%);
  /* Medium grey */
  --medium-grey: #33363B;
  --medium-grey--rgb: 51, 54, 59;
  /* Dark grey - branding color */
  --text-dark: #262626;
  /* General spacing -----------------------*/
  --spacing: 2rem;
}

@media (max-width: 1440px) {
  :root {
    --spacing: 1.5rem;
  }
}
@media (max-width: 767px) {
  :root {
    --spacing: 1rem;
  }
}
/* Mixins -------------------------------------------------------------------------*/
/* General styling -------------------------------------------------------------------------*/
.form__footer {
  margin-top: calc(var(--spacing) * 0.5);
}

.input {
  background: var(--input-bg);
  border-radius: 4px;
  transition: background .25s ease-in-out ,  color .25s ease-in-out;
  border: none;
  padding: 0.75rem;
}
.input:focus {
  background: var(--input-bg--darken);
  outline-offset: -2px;
}
.input.input--checkbox, .input.input--radio {
  background: none;
  padding: 0 0 0.75rem;
}
.input--textarea {
  min-height: 6rem;
}
.input--date {
  position: relative;
}
.input--date:after {
  color: var(--faded);
}
.input--date::-webkit-calendar-picker-indicator {
  margin: 0;
  padding: 0;
  background-image: none;
  position: absolute;
  right: 0.75rem;
}
.input--no-radius-left {
  border-bottom-left-radius: 0;
  border-top-left-radius: 0;
}
.input--no-radius-right {
  border-bottom-right-radius: 0;
  border-top-right-radius: 0;
}

.input__error {
  color: var(--error);
  font-style: italic;
}

.input__loader {
  display: flex;
  align-items: center;
  padding: 0.5rem 0;
  margin: 0;
  color: var(--faded);
}

.input__label {
  font-weight: 600;
  color: var(--text-dark);
  margin: 0.5rem 0 0;
  font-size: 14px;
  display: block;
}
.input__label--hidden {
  display: none;
}

.input__row {
  display: flex;
}
.input__row .input__column {
  margin-right: calc(var(--spacing) * 0.5);
  flex: 1 1 auto;
}
.input__row .input__column:last-child {
  margin-right: unset;
}
.input__row .input__column--small {
  flex-basis: 33.333%;
}
.input__row--no-margin .input__column {
  margin-right: 0;
}
.input__row--no-margin .input__column:first-of-type .input {
  border-radius: 4px;
  border-bottom-right-radius: 0;
  border-top-right-radius: 0;
}
.input__row--no-margin .input__column:last-of-type .input {
  border-radius: 4px;
  box-shadow: none;
  border-bottom-left-radius: 0;
  border-top-left-radius: 0;
}
.input__row--no-margin .input__column .input {
  box-shadow: inset -1px 0 0 0 var(--border);
  border-radius: 0;
}
.input__row .radio-label:not(:last-child) {
  margin-right: calc(var(--spacing) * 0.5);
}

/* Search --------------------------------------*/
.input-wrapper {
  position: relative;
  display: flex;
  align-items: center;
}
.input-wrapper:before {
  color: var(--faded);
  left: 0.75rem;
  top: 50%;
  margin-top: -0.75rem;
  position: absolute;
  pointer-events: none;
}

.button.button--search {
  padding-top: 0.6rem;
  padding-bottom: 0.6rem;
}

/* Checkbox --------------------------------------*/
[type=checkbox]:checked,
[type=checkbox]:not(:checked) {
  position: absolute;
  left: -9999px;
}

[type=checkbox]:checked + .checkbox__label,
[type=checkbox]:not(:checked) + .checkbox__label {
  position: relative;
  padding-left: 24px;
  cursor: pointer;
}

/* checkbox aspect */
[type=checkbox]:checked + .checkbox__label:before,
[type=checkbox]:not(:checked) + .checkbox__label:before {
  transition: transform .25s ease-in-out ,  opacity .25s ease-in-out;
  content: "";
  position: absolute;
  border-radius: 4px;
  left: 0;
  top: 2px;
  width: 1rem;
  height: 1rem;
  background: var(--input-bg);
}

/* checked mark aspect */
[type=checkbox]:checked + .checkbox__label:after,
[type=checkbox]:not(:checked) + .checkbox__label:after {
  transition: opacity .25s ease-in-out ,  transform .25s ease-in-out;
  content: "p";
  position: absolute;
  top: -2px;
  left: 2px;
  font-size: 12px;
  color: var(--primary);
  text-transform: none;
  font-family: "icon-wis";
  font-weight: normal;
}

/* checked mark aspect changes */
[type=checkbox]:not(:checked) + .checkbox__label:after {
  opacity: 0;
  transform: scale(0);
}

[type=checkbox]:checked + .checkbox__label:after {
  opacity: 1;
  transform: scale(1);
}

/* disabled checkbox */
[type=checkbox]:disabled:checked + .checkbox__label:before,
[type=checkbox]:disabled:not(:checked) + .checkbox__label:before {
  background-color: var(--border);
}

[type=checkbox]:disabled:checked + .checkbox__label:after {
  color: var(--text-dark);
  opacity: 0.5;
}

[type=checkbox]:disabled + .checkbox__label {
  opacity: 0.5;
}

/* accessibility */
[type=checkbox]:checked:focus + .checkbox__label:before,
[type=checkbox]:not(:checked):focus + .checkbox__label:before {
  border: 2px solid var(--primary);
}

.checkbox__subtitle {
  display: block;
}

.checkbox__for-label {
  bottom: 3px;
}

/* Radio --------------------------------------*/
[type=radio]:checked,
[type=radio]:not(:checked) {
  position: absolute;
  left: -9999px;
}

[type=radio]:checked + .radio-label,
[type=radio]:not(:checked) + .radio-label {
  position: relative;
  padding-left: 24px;
  cursor: pointer;
  width: max-content;
}

/* checkbox aspect */
[type=radio]:checked + .radio-label:before,
[type=radio]:not(:checked) + .radio-label:before {
  transition: opacity .25s ease-in-out ,  transform .25s ease-in-out;
  content: "";
  position: absolute;
  border-radius: 50%;
  left: 0;
  top: 2px;
  width: 1rem;
  height: 1rem;
  background: var(--input-bg);
}

/* checked aspect */
[type=radio]:checked + .radio-label:after,
[type=radio]:not(:checked) + .radio-label:after {
  transition: opacity .25s ease-in-out ,  transform .25s ease-in-out;
  content: "";
  position: absolute;
  top: 2px;
  left: 0;
  width: 1rem;
  height: 1rem;
  border-radius: 50%;
  border: var(--primary) 6px solid;
}

/* checked mark aspect changes */
[type=radio]:not(:checked) + .radio-label:after {
  opacity: 0;
  transform: scale(0);
}

[type=radio]:checked + .radio-label:after {
  opacity: 1;
  transform: scale(1);
}

/* disabled checkbox */
[type=radio]:disabled:checked + .radio-label:before,
[type=radio]:disabled:not(:checked) + .radio-label:before {
  background-color: var(--border);
}

[type=radio]:disabled:checked + .radio-label:after {
  color: var(--text-dark);
  opacity: 0.5;
}

[type=radio]:disabled + .radio-label {
  opacity: 0.5;
}

/* accessibility */
[type=radio]:checked:focus + .radio-label:before,
[type=radio]:not(:checked):focus + .radio-label:before {
  border: 2px solid var(--primary);
}

.radio-label .caption {
  display: block;
}

/* Select --------------------------------------*/
.input-select-wrapper {
  position: relative;
  height: fit-content;
}
.input-select-wrapper:after {
  color: var(--text);
  right: 0.75rem;
  top: 25%;
  position: absolute;
  pointer-events: none;
}
.input-select-wrapper--transparent .input--select {
  background: none;
  padding: 0.25rem 0;
  color: inherit;
}

.input--select {
  padding: 0.75rem 2rem 0.75rem 0.5rem;
  width: 100%;
  -moz-appearance: none;
  -webkit-appearance: none;
  appearance: none;
}
.input--select::-ms-expand {
  display: none;
}
.input--select:focus {
  outline: none;
}
.input--select option {
  line-height: 3rem;
}

/* Toggle --------------------------------------*/
.toggle-label {
  position: relative;
  padding-left: calc(2rem + 0.5rem);
  cursor: pointer;
}

[type=checkbox]:checked + .toggle-label:before,
[type=checkbox]:not(:checked) + .toggle-label:before {
  content: "";
  position: absolute;
  width: 2rem;
  height: calc(2rem / 2);
  vertical-align: middle;
  top: 2px;
  left: 0;
  background-color: rgba(var(--medium-grey--rgb), 0.5);
  border-radius: 0.5rem;
  transition: background-color .25s ease-in-out;
}

[type=checkbox]:checked + .toggle-label:after,
[type=checkbox]:not(:checked) + .toggle-label:after {
  position: absolute;
  content: "";
  width: calc(2rem / 2 - 2px);
  height: calc(2rem / 2 - 2px);
  left: 1px;
  top: calc(1px + 2px);
  background-color: white;
  border-radius: 50%;
  transition: opacity .25s ease-in-out;
}

[type=checkbox]:checked + .toggle-label::before {
  background-color: var(--success);
}

[type=checkbox]:checked + .toggle-label:after {
  transform: translateX(calc(2rem / 2));
}

.dropdown-trigger {
  cursor: pointer;
  display: flex;
}
.dropdown-trigger:before {
  width: 2rem;
  text-align: center;
}
.dropdown-trigger:before, .dropdown-trigger__icon:before {
  color: var(--text);
}
.dropdown-trigger:hover .button.button--disabled + .dropdown-option-list {
  opacity: 0;
  visibility: hidden;
}
.dropdown-trigger:hover .dropdown-option-list,
.dropdown-trigger .dropdown-option-list:focus,
.dropdown-trigger .dropdown-option-list:focus-within,
.dropdown-trigger .dropdown-option-list--visible {
  opacity: 1;
  visibility: visible;
}
.dropdown-trigger:hover .dropdown-option-list {
  transition: 0s 0.1s;
}
.dropdown-trigger .dropdown-option-list {
  transition: 0.1s 0.1s;
}
.dropdown-trigger .dropdown-option-list option {
  position: relative;
}
.dropdown-trigger__icon {
  margin-left: -0.5rem;
}

.dropdown-option-wrapper {
  list-style: none;
  position: relative;
}
.dropdown-option-wrapper--square {
  width: 2.5rem;
  height: 2.5rem;
  align-items: center;
  display: flex;
}
.dropdown-option-wrapper--square .dropdown-option-list {
  top: 2rem;
  min-width: 100%;
  line-height: 1.5rem;
}
.dropdown-option-wrapper--button {
  width: max-content;
}
.dropdown-option-wrapper--button .dropdown-option-list {
  min-width: 100%;
  line-height: 1.5rem;
}
.dropdown-option-wrapper--button .dropdown-option-list__link {
  padding: calc(var(--spacing) * 0.25) calc(var(--spacing) * 0.5);
}
.dropdown-option-wrapper--button .dropdown-option-list__link--delete, .dropdown-option-wrapper--button .dropdown-option-list__link--delete::before {
  color: var(--error);
}

.dropdown-option-list {
  border-radius: 4px;
  box-shadow: 1px 1px 7px 0 rgba(var(--text--rgb), 0.35);
  position: absolute;
  top: 1.5rem;
  list-style: none;
  flex-direction: column;
  z-index: 2000;
  align-self: flex-start;
  left: 0;
  opacity: 0;
  visibility: hidden;
  background-color: var(--background--main);
}
.dropdown-option-list--start-right {
  right: 0;
  left: auto;
}
.dropdown-option-list--white-background {
  background-color: white;
}
.dropdown-option-list__item:not(:last-child):not(:only-of-type) .dropdown-option-list__link {
  box-shadow: inset 0 -1px 0 0 var(--border);
}
.dropdown-option-list__item:first-of-type:not(:only-of-type) .dropdown-option-list__link {
  border-radius: 4px;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}
.dropdown-option-list__item:last-of-type:not(:only-of-type) .dropdown-option-list__link {
  border-radius: 4px;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}
.dropdown-option-list__item:only-of-type .dropdown-option-list__link {
  border-radius: 4px;
}
.dropdown-option-list__item:only-of-type .dropdown-option-list__link {
  border-radius: 4px;
}
.dropdown-option-list__link {
  display: flex;
  background: var(--background--main);
  padding: 4px 8px;
  color: var(--text);
  width: 100%;
  white-space: nowrap;
  text-decoration: none;
}
.dropdown-option-list__link:after, .dropdown-option-list__link:before {
  color: var(--text);
}
.dropdown-option-list__link:before {
  margin-right: calc(var(--spacing) * 0.25);
}
.dropdown-option-list__link:hover {
  background: var(--border);
  cursor: pointer;
}
.dropdown-option-list__link--input:checked + .dropdown-option-list__link--label, .dropdown-option-list__link--input:checked + .dropdown-option-list__link--label.icon::after, .alert .dropdown-option-list__link--input:checked + .dropdown-option-list__link--label.pficon-ok::after, .alert .dropdown-option-list__link--input:checked + .dropdown-option-list__link--label.pficon-error-circle-o::after, .dropdown-option-list__link--input:checked + .dropdown-option-list__link--label.icon::before, .alert .dropdown-option-list__link--input:checked + .dropdown-option-list__link--label.pficon-ok::before, .alert .dropdown-option-list__link--input:checked + .dropdown-option-list__link--label.pficon-error-circle-o::before {
  color: var(--primary);
}

/* Range slider --------------------------------------*/
input[type=range] {
  -webkit-appearance: none;
  margin: 0;
  padding: 0;
  width: 100%;
  background: none;
}
input[type=range]:focus {
  outline: none;
  background: none;
}
input[type=range]::-webkit-slider-runnable-track {
  width: 100%;
  height: 0.5rem;
  cursor: pointer;
  box-shadow: 0 0 0 #000000, 0 0 0 #0d0d0d;
  background: var(--input-bg);
  border-radius: 25px;
  border: 0 solid #000101;
}
input[type=range]::-webkit-slider-thumb {
  box-shadow: 0 0 0 #000000, 0 0 0 #0d0d0d;
  border: 0 solid #000000;
  height: 1rem;
  width: 1rem;
  border-radius: 7px;
  background: var(--primary);
  cursor: pointer;
  -webkit-appearance: none;
  margin-top: -3.6px;
}
input[type=range]:focus::-webkit-slider-runnable-track {
  background: var(--input-bg--darken);
}
input[type=range]::-moz-range-track {
  width: 100%;
  height: 0.5rem;
  cursor: pointer;
  animate: 0.25s;
  box-shadow: 0 0 0 #000000, 0 0 0 #0d0d0d;
  background: var(--input-bg);
  border-radius: 25px;
  border: 0 solid #000101;
}
input[type=range]::-moz-range-thumb {
  box-shadow: 0 0 0 #000000, 0 0 0 #0d0d0d;
  border: 0 solid #000000;
  height: 1rem;
  width: 1rem;
  border-radius: 7px;
  background: var(--primary);
  cursor: pointer;
}
input[type=range]::-ms-track {
  width: 100%;
  height: 0.5rem;
  cursor: pointer;
  animate: 0.2s;
  background: transparent;
  border-color: transparent;
  border-width: 1rem 0;
  color: transparent;
}
input[type=range]::-ms-fill-lower {
  background: var(--input-bg);
  border: 0 solid #000101;
  border-radius: 50px;
  box-shadow: 0 0 0 #000000, 0 0 0 #0d0d0d;
}
input[type=range]::-ms-fill-upper {
  background: var(--input-bg);
  border: 0 solid #000101;
  border-radius: 50px;
  box-shadow: 0 0 0 #000000, 0 0 0 #0d0d0d;
}
input[type=range]::-ms-thumb {
  box-shadow: 0 0 0 #000000, 0 0 0 #0d0d0d;
  border: 0 solid #000000;
  height: 1rem;
  width: 2rem;
  border-radius: 7px;
  background: var(--primary);
  cursor: pointer;
}
input[type=range]:focus::-ms-fill-lower {
  background: var(--input-bg--darken);
}
input[type=range]:focus::-ms-fill-upper {
  background: var(--input-bg--darken);
}

.range-slider {
  display: flex;
  flex-wrap: wrap;
}
.range-slider__range {
  flex: 1 0 calc(100% - 2.5rem);
}
.range-slider__value {
  border-radius: 4px;
  display: inline-flex;
  position: relative;
  width: 2rem;
  color: white;
  background: var(--primary);
  align-items: center;
  justify-content: center;
  flex: 0 0 2rem;
  margin-left: 0.5rem;
  line-height: 1.5;
  font-size: calc(1rem - 4px);
}
.range-slider__value:after {
  position: absolute;
  top: 5px;
  left: -2px;
  width: 8px;
  height: 8px;
  background: var(--primary);
  content: "";
  transform: rotate(45deg);
  transform-origin: 50% 50%;
  z-index: -1;
}
.range-slider__value + .range-slider__datalist {
  margin-right: 2.5rem;
}
.range-slider__datalist {
  display: flex;
  justify-content: space-between;
  position: relative;
  padding: 0 0 1rem;
  flex: 1 1 100%;
}
.range-slider__datalist option {
  display: inline-flex;
  font-size: calc(1rem - 4px);
}

.button {
  transition: background .25s ease-in-out ,  color .25s ease-in-out;
  border-radius: 4px;
  display: inline-flex;
  flex: 0 0 auto;
  align-items: center;
  font-size: 1rem;
  line-height: 1.5rem;
  padding: 6px 14px;
  color: var(--primary);
  font-weight: 400;
}
.button.button--no-radius-left {
  border-bottom-left-radius: 0;
  border-top-left-radius: 0;
}
.button--no-padding {
  padding: 0;
}
.button.button--no-border {
  border: 0;
}
.button:before {
  transition: background .25s ease-in-out ,  color .25s ease-in-out;
  margin-right: calc(var(--spacing) * 0.25);
}
.button .icon:before, .button .alert .pficon-ok:before, .alert .button .pficon-ok:before, .button .alert .pficon-error-circle-o:before, .alert .button .pficon-error-circle-o:before {
  transition: background .25s ease-in-out ,  color .25s ease-in-out;
  margin-right: calc(var(--spacing) * 0.25);
  font-size: 1rem;
  line-height: 1rem;
  position: relative;
  top: 2px;
}
.button--icon-button .icon:before, .button--icon-button .alert .pficon-ok:before, .alert .button--icon-button .pficon-ok:before, .button--icon-button .alert .pficon-error-circle-o:before, .alert .button--icon-button .pficon-error-circle-o:before {
  margin-right: 0;
}
.button .icon-image {
  line-height: 1;
  margin-right: calc(var(--spacing) * 0.25);
}
.button--primary {
  background: var(--primary);
  color: white;
  border: 2px solid var(--primary);
}
.button--primary:before {
  color: white;
}
.button--primary .icon:before, .button--primary .alert .pficon-ok:before, .alert .button--primary .pficon-ok:before, .button--primary .alert .pficon-error-circle-o:before, .alert .button--primary .pficon-error-circle-o:before {
  color: white;
}
.button--primary .icon-image {
  filter: var(--white--filter);
}
.button--primary:hover {
  background: transparent;
  color: var(--primary);
}
.button--primary:hover:before {
  color: var(--primary);
}
.button--primary:hover .icon:before, .button--primary:hover .alert .pficon-ok:before, .alert .button--primary:hover .pficon-ok:before, .button--primary:hover .alert .pficon-error-circle-o:before, .alert .button--primary:hover .pficon-error-circle-o:before {
  color: var(--primary);
}
.button--primary:hover .icon-image {
  filter: var(--primary--filter);
}
.button--secondary {
  background: transparent;
  color: var(--primary);
  border: 2px solid var(--primary);
}
.button--secondary .icon:before, .button--secondary .alert .pficon-ok:before, .alert .button--secondary .pficon-ok:before, .button--secondary .alert .pficon-error-circle-o:before, .alert .button--secondary .pficon-error-circle-o:before {
  color: var(--primary);
}
.button--secondary .icon-image {
  filter: var(--primary--filter);
}
.button--secondary:hover {
  background: var(--primary);
  color: white;
  border: 2px solid var(--primary);
}
.button--secondary:hover:before {
  color: white;
}
.button--secondary:hover .icon:before, .button--secondary:hover .alert .pficon-ok:before, .alert .button--secondary:hover .pficon-ok:before, .button--secondary:hover .alert .pficon-error-circle-o:before, .alert .button--secondary:hover .pficon-error-circle-o:before {
  color: white;
}
.button--secondary:hover .icon-image {
  filter: var(--white--filter);
}
.button--secondary--transparant {
  background: none;
}
.button--secondary--transparant:hover {
  background: none;
}
.button--danger.button--primary {
  background: var(--error);
  border: 2px solid var(--error);
}
.button--danger.button--primary .icon:before, .button--danger.button--primary .alert .pficon-ok:before, .alert .button--danger.button--primary .pficon-ok:before, .button--danger.button--primary .alert .pficon-error-circle-o:before, .alert .button--danger.button--primary .pficon-error-circle-o:before {
  color: white;
}
.button--danger.button--primary .icon-image {
  filter: var(--white--filter);
}
.button--danger.button--primary:hover {
  color: var(--error);
  background: transparent;
}
.button--danger.button--primary:hover .icon:before, .button--danger.button--primary:hover .alert .pficon-ok:before, .alert .button--danger.button--primary:hover .pficon-ok:before, .button--danger.button--primary:hover .alert .pficon-error-circle-o:before, .alert .button--danger.button--primary:hover .pficon-error-circle-o:before {
  color: var(--error);
}
.button--danger.button--primary:hover .icon-image {
  filter: var(--error--filter);
}
.button--danger.button--link {
  color: var(--error);
}
.button--danger.button--link .icon:before, .button--danger.button--link .alert .pficon-ok:before, .alert .button--danger.button--link .pficon-ok:before, .button--danger.button--link .alert .pficon-error-circle-o:before, .alert .button--danger.button--link .pficon-error-circle-o:before {
  color: var(--error);
}
.button--danger.button--secondary {
  color: var(--error);
  border: 2px solid var(--error);
  background: transparent;
}
.button--danger.button--secondary .icon:before, .button--danger.button--secondary .alert .pficon-ok:before, .alert .button--danger.button--secondary .pficon-ok:before, .button--danger.button--secondary .alert .pficon-error-circle-o:before, .alert .button--danger.button--secondary .pficon-error-circle-o:before {
  color: var(--error);
}
.button--danger.button--secondary .icon-image {
  filter: var(--error--filter);
}
.button--danger.button--secondary:hover {
  background: var(--error);
  color: white;
}
.button--danger.button--secondary:hover .icon:before, .button--danger.button--secondary:hover .alert .pficon-ok:before, .alert .button--danger.button--secondary:hover .pficon-ok:before, .button--danger.button--secondary:hover .alert .pficon-error-circle-o:before, .alert .button--danger.button--secondary:hover .pficon-error-circle-o:before {
  color: white;
}
.button--danger.button--secondary:hover .icon-image {
  filter: var(--white--filter);
}
.button--readmore {
  background: none;
  padding: 0;
  border: none;
  display: inline-block;
  -webkit-appearance: none;
  text-decoration: underline;
}
.button--readmore:before {
  top: 2px;
  text-decoration: none;
  position: relative;
}
.button--link {
  background: none;
  border: 2px solid transparent;
  text-decoration: underline;
}
.button--link:hover {
  text-decoration: none;
}
.button--link--grey-text {
  color: var(--text);
  opacity: 0.75;
}
.button--link--grey-text .icon:before, .button--link--grey-text .alert .pficon-ok:before, .alert .button--link--grey-text .pficon-ok:before, .button--link--grey-text .alert .pficon-error-circle-o:before, .alert .button--link--grey-text .pficon-error-circle-o:before {
  color: var(--text);
  margin-right: calc(var(--spacing) * 0.125);
}
.button--success.button--primary {
  background: var(--success);
  border: 2px solid var(--success);
}
.button--success.button--primary .icon:before, .button--success.button--primary .alert .pficon-ok:before, .alert .button--success.button--primary .pficon-ok:before, .button--success.button--primary .alert .pficon-error-circle-o:before, .alert .button--success.button--primary .pficon-error-circle-o:before {
  color: white;
}
.button--success.button--primary .icon-image {
  filter: var(--white--filter);
}
.button--success.button--primary:hover {
  color: var(--success);
  background: transparent;
}
.button--success.button--primary:hover .icon:before, .button--success.button--primary:hover .alert .pficon-ok:before, .alert .button--success.button--primary:hover .pficon-ok:before, .button--success.button--primary:hover .alert .pficon-error-circle-o:before, .alert .button--success.button--primary:hover .pficon-error-circle-o:before {
  color: var(--success);
}
.button--success.button--primary:hover .icon-image {
  filter: var(--success--filter);
}
.button--success.button--link {
  color: var(--success);
}
.button--success.button--link .icon:before, .button--success.button--link .alert .pficon-ok:before, .alert .button--success.button--link .pficon-ok:before, .button--success.button--link .alert .pficon-error-circle-o:before, .alert .button--success.button--link .pficon-error-circle-o:before {
  color: var(--success);
}
.button--success.button--secondary {
  color: var(--success);
  border: 2px solid var(--success);
  background: transparent;
}
.button--success.button--secondary .icon:before, .button--success.button--secondary .alert .pficon-ok:before, .alert .button--success.button--secondary .pficon-ok:before, .button--success.button--secondary .alert .pficon-error-circle-o:before, .alert .button--success.button--secondary .pficon-error-circle-o:before {
  color: var(--success);
}
.button--success.button--secondary .icon-image {
  filter: var(--success--filter);
}
.button--success.button--secondary:hover {
  background: var(--success);
  color: white;
}
.button--success.button--secondary:hover .icon:before, .button--success.button--secondary:hover .alert .pficon-ok:before, .alert .button--success.button--secondary:hover .pficon-ok:before, .button--success.button--secondary:hover .alert .pficon-error-circle-o:before, .alert .button--success.button--secondary:hover .pficon-error-circle-o:before {
  color: white;
}
.button--success.button--secondary:hover .icon-image {
  filter: var(--white--filter);
}
.button--disabled:hover {
  cursor: not-allowed;
}
.button--disabled.button--primary {
  background: var(--border);
  color: var(--text);
  border: 2px solid var(--border);
}
.button--disabled.button--primary .icon:before, .button--disabled.button--primary .alert .pficon-ok:before, .alert .button--disabled.button--primary .pficon-ok:before, .button--disabled.button--primary .alert .pficon-error-circle-o:before, .alert .button--disabled.button--primary .pficon-error-circle-o:before {
  color: var(--text);
}
.button--disabled.button--primary .icon-image {
  filter: var(--text--filter);
}
.button--disabled.button--primary:hover {
  background: var(--border);
  color: var(--text);
  border: 2px solid var(--border);
}
.button--disabled.button--secondary {
  color: var(--faded);
  border: 2px solid var(--border);
  background: transparent;
}
.button--disabled.button--secondary .icon:before, .button--disabled.button--secondary .alert .pficon-ok:before, .alert .button--disabled.button--secondary .pficon-ok:before, .button--disabled.button--secondary .alert .pficon-error-circle-o:before, .alert .button--disabled.button--secondary .pficon-error-circle-o:before {
  color: var(--faded);
}
.button--disabled.button--secondary .icon-image {
  filter: var(--faded--filter);
}
.button--disabled.button--secondary:hover {
  background: inherit;
  color: var(--faded);
}
.button--disabled.button--link, .button--disabled.button--link:hover {
  background: none;
  border: 2px solid transparent;
  color: var(--faded);
  text-decoration: underline;
  cursor: not-allowed;
}
.button--disabled.button--link .icon:before, .button--disabled.button--link .alert .pficon-ok:before, .alert .button--disabled.button--link .pficon-ok:before, .button--disabled.button--link .alert .pficon-error-circle-o:before, .alert .button--disabled.button--link .pficon-error-circle-o:before, .button--disabled.button--link:hover .icon:before {
  color: var(--faded);
}
.button--disabled.button--link .icon-image, .button--disabled.button--link:hover .icon-image {
  filter: var(--faded--filter);
}
.button--small {
  padding: 2px 6px;
}
.button--large {
  padding-top: 0.6rem;
  padding-bottom: 0.6rem;
}

@font-face {
  font-family: "icon-wis";
  src: url("/fonts/icons/icon-wis.eot");
  src: url("/fonts/icons/icon-wis.eot?#iefix") format("embedded-opentype"), url("/fonts/icons/icon-wis.woff") format("woff"), url("/fonts/icons/icon-wis.ttf") format("truetype"), url("/fonts/icons/icon-wis.svg#icon-wis") format("svg");
  font-weight: normal;
  font-style: normal;
}
.center-text-and-icon {
  display: flex;
  align-items: center;
}

.icon-after:after, .input--date:after,
.icon:before,
.alert .pficon-ok:before,
.alert .pficon-error-circle-o:before {
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  display: inline-block;
  text-decoration: none;
  text-transform: none;
  font-style: normal;
  font-variant: normal;
  text-rendering: auto;
  font-family: "icon-wis";
  font-weight: 400;
  font-size: 1rem;
  color: var(--primary);
}

.icon--large:before, .icon--large:after {
  font-size: 2rem;
  line-height: 3rem;
  width: 2rem;
  text-align: center;
  margin-top: -2px;
}

.icon.icon--alert:before, .alert .icon--alert.pficon-ok:before, .alert .icon--alert.pficon-error-circle-o:before {
  color: var(--warning);
  opacity: 1;
}

.icon.icon--error:before, .alert .icon--error.pficon-ok:before, .alert .icon--error.pficon-error-circle-o:before {
  color: var(--error);
  opacity: 1;
}

.icon--square {
  width: 1.5rem;
}

.icon--faded:before {
  opacity: 0.5;
  color: var(--text);
}

.icon--small.icon:before, .alert .icon--small.pficon-ok:before, .alert .icon--small.pficon-error-circle-o:before, .icon--small.icon-after:after, .icon--small.input--date:after {
  font-size: 14px;
}

.icon--shadow {
  text-shadow: 0 0 2px rgba(0, 0, 0, 0.25);
}

.icon--color-inherit:before {
  color: inherit;
}

.icon--disabled {
  color: var(--faded);
}
.icon--disabled:before {
  color: var(--faded);
}

.icon-after--disabled {
  color: var(--faded);
}
.icon-after--disabled:after {
  color: var(--faded);
}

.icon-after--disabled {
  color: var(--faded);
}
.icon-after--disabled:after {
  color: var(--faded);
}

.icon--left:before, .alert .pficon-ok:before, .alert .pficon-error-circle-o:before {
  margin-right: calc(var(--spacing) * 0.25);
}

.icon.icon--right:before, .alert .icon--right.pficon-ok:before, .alert .icon--right.pficon-error-circle-o:before, .icon-after.icon--right:after, .icon--right.input--date:after {
  margin-left: calc(var(--spacing) * 0.25);
}

.icon-after.icon-after--user:after, .icon-after--user.input--date:after,
.icon.icon--user:before,
.alert .icon--user.pficon-ok:before,
.alert .icon--user.pficon-error-circle-o:before {
  content: "b";
}

.icon-after.icon-after--globe:after, .icon-after--globe.input--date:after,
.icon.icon--globe:before,
.alert .icon--globe.pficon-ok:before,
.alert .icon--globe.pficon-error-circle-o:before {
  content: "c";
}

.icon-after.icon-after--facebook:after, .icon-after--facebook.input--date:after,
.icon.icon--facebook:before,
.alert .icon--facebook.pficon-ok:before,
.alert .icon--facebook.pficon-error-circle-o:before {
  content: "a";
}

.icon-after.icon-after--building:after, .icon-after--building.input--date:after,
.icon.icon--building:before,
.alert .icon--building.pficon-ok:before,
.alert .icon--building.pficon-error-circle-o:before {
  content: "d";
}

.icon-after.icon-after--random:after, .icon-after--random.input--date:after,
.icon.icon--random:before,
.alert .icon--random.pficon-ok:before,
.alert .icon--random.pficon-error-circle-o:before {
  content: "e";
}

.icon-after.icon-after--plus:after, .icon-after--plus.input--date:after,
.icon.icon--plus:before,
.alert .icon--plus.pficon-ok:before,
.alert .icon--plus.pficon-error-circle-o:before {
  content: "f";
}

.icon-after.icon-after--minus:after, .icon-after--minus.input--date:after,
.icon.icon--minus:before,
.alert .icon--minus.pficon-ok:before,
.alert .icon--minus.pficon-error-circle-o:before {
  content: "g";
}

.icon-after.icon-after--location:after, .icon-after--location.input--date:after,
.icon.icon--location:before,
.alert .icon--location.pficon-ok:before,
.alert .icon--location.pficon-error-circle-o:before {
  content: "h";
}

.icon-after.icon-after--chevron-up:after, .icon-after--chevron-up.input--date:after,
.icon.icon--chevron-up:before,
.alert .icon--chevron-up.pficon-ok:before,
.alert .icon--chevron-up.pficon-error-circle-o:before {
  content: "i";
}

.icon-after.icon-after--chevron-down:after, .icon-after--chevron-down.input--date:after,
.icon.icon--chevron-down:before,
.alert .icon--chevron-down.pficon-ok:before,
.alert .icon--chevron-down.pficon-error-circle-o:before {
  content: "j";
}

.icon-after.icon-after--search:after, .icon-after--search.input--date:after,
.icon.icon--search:before,
.alert .icon--search.pficon-ok:before,
.alert .icon--search.pficon-error-circle-o:before {
  content: "k";
}

.icon-after.icon-after--ellipsis-v:after, .icon-after--ellipsis-v.input--date:after,
.icon.icon--ellipsis-v:before,
.alert .icon--ellipsis-v.pficon-ok:before,
.alert .icon--ellipsis-v.pficon-error-circle-o:before {
  content: "l";
}

.icon-after.icon-after--info-circle:after, .icon-after--info-circle.input--date:after,
.icon.icon--info-circle:before,
.alert .icon--info-circle.pficon-ok:before,
.alert .icon--info-circle.pficon-error-circle-o:before {
  content: "m";
}

.icon-after.icon-after--file:after, .icon-after--file.input--date:after,
.icon.icon--file:before,
.alert .icon--file.pficon-ok:before,
.alert .icon--file.pficon-error-circle-o:before {
  content: "n";
}

.icon-after.icon-after--spinner:after, .icon-after--spinner.input--date:after,
.icon.icon--spinner:before,
.alert .icon--spinner.pficon-ok:before,
.alert .icon--spinner.pficon-error-circle-o:before {
  content: "o";
}

.icon-after.icon-after--check:after, .icon-after--check.input--date:after,
.icon.icon--check:before,
.alert .pficon-ok:before,
.alert .icon--check.pficon-error-circle-o:before {
  content: "p";
}

.icon-after.icon-after--user-tie:after, .icon-after--user-tie.input--date:after,
.icon.icon--user-tie:before,
.alert .icon--user-tie.pficon-ok:before,
.alert .icon--user-tie.pficon-error-circle-o:before {
  content: "q";
}

.icon-after.icon-after--ban:after, .icon-after--ban.input--date:after,
.icon.icon--ban:before,
.alert .icon--ban.pficon-ok:before,
.alert .icon--ban.pficon-error-circle-o:before {
  content: "r";
}

.icon-after.icon-after--linkedin:after, .icon-after--linkedin.input--date:after,
.icon.icon--linkedin:before,
.alert .icon--linkedin.pficon-ok:before,
.alert .icon--linkedin.pficon-error-circle-o:before {
  content: "s";
}

.icon-after.icon-after--instagram:after, .icon-after--instagram.input--date:after,
.icon.icon--instagram:before,
.alert .icon--instagram.pficon-ok:before,
.alert .icon--instagram.pficon-error-circle-o:before {
  content: "t";
}

.icon-after.icon-after--youtube:after, .icon-after--youtube.input--date:after,
.icon.icon--youtube:before,
.alert .icon--youtube.pficon-ok:before,
.alert .icon--youtube.pficon-error-circle-o:before {
  content: "\e017";
}

.icon-after.icon-after--times:after, .icon-after--times.input--date:after,
.icon.icon--times:before,
.alert .icon--times.pficon-ok:before,
.alert .icon--times.pficon-error-circle-o:before {
  content: "u";
}

.icon-after.icon-after--info:after, .icon-after--info.input--date:after,
.icon.icon--info:before,
.alert .icon--info.pficon-ok:before,
.alert .icon--info.pficon-error-circle-o:before {
  content: "v";
}

.icon-after.icon-after--exclamation:after, .icon-after--exclamation.input--date:after,
.icon.icon--exclamation:before,
.alert .icon--exclamation.pficon-ok:before,
.alert .icon--exclamation.pficon-error-circle-o:before {
  content: "w";
}

.icon-after.icon-after--chevron-left:after, .icon-after--chevron-left.input--date:after,
.icon.icon--chevron-left:before,
.alert .icon--chevron-left.pficon-ok:before,
.alert .icon--chevron-left.pficon-error-circle-o:before {
  content: "x";
}

.icon-after.icon-after--exclamation-triangle:after, .icon-after--exclamation-triangle.input--date:after,
.icon.icon--exclamation-triangle:before,
.alert .icon--exclamation-triangle.pficon-ok:before,
.alert .pficon-error-circle-o:before {
  content: "y";
}

.icon-after.icon-after--chevron-right:after, .icon-after--chevron-right.input--date:after,
.icon.icon--chevron-right:before,
.alert .icon--chevron-right.pficon-ok:before,
.alert .icon--chevron-right.pficon-error-circle-o:before {
  content: "z";
}

.icon-after.icon-after--pen:after, .icon-after--pen.input--date:after,
.icon.icon--pen:before,
.alert .icon--pen.pficon-ok:before,
.alert .icon--pen.pficon-error-circle-o:before {
  content: "A";
}

.icon-after.icon-after--angle-down:after, .icon-after--angle-down.input--date:after,
.icon.icon--angle-down:before,
.alert .icon--angle-down.pficon-ok:before,
.alert .icon--angle-down.pficon-error-circle-o:before {
  content: "B";
}

.icon-after.icon-after--angle-up:after, .icon-after--angle-up.input--date:after,
.icon.icon--angle-up:before,
.alert .icon--angle-up.pficon-ok:before,
.alert .icon--angle-up.pficon-error-circle-o:before {
  content: "C";
}

.icon-after.icon-after--folders:after, .icon-after--folders.input--date:after,
.icon.icon--folders:before,
.alert .icon--folders.pficon-ok:before,
.alert .icon--folders.pficon-error-circle-o:before {
  content: "D";
}

.icon-after.icon-after--folder:after, .icon-after--folder.input--date:after,
.icon.icon--folder:before,
.alert .icon--folder.pficon-ok:before,
.alert .icon--folder.pficon-error-circle-o:before {
  content: "E";
}

.icon-after.icon-after--users:after, .icon-after--users.input--date:after,
.icon.icon--users:before,
.alert .icon--users.pficon-ok:before,
.alert .icon--users.pficon-error-circle-o:before {
  content: "F";
}

.icon-after.icon-after--stroopwafel:after, .icon-after--stroopwafel.input--date:after,
.icon.icon--stroopwafel:before,
.alert .icon--stroopwafel.pficon-ok:before,
.alert .icon--stroopwafel.pficon-error-circle-o:before {
  content: "G";
}

.icon-after.icon-after--angle-left:after, .icon-after--angle-left.input--date:after,
.icon.icon--angle-left:before,
.alert .icon--angle-left.pficon-ok:before,
.alert .icon--angle-left.pficon-error-circle-o:before {
  content: "H";
}

.icon-after.icon-after--angle-right:after, .icon-after--angle-right.input--date:after,
.icon.icon--angle-right:before,
.alert .icon--angle-right.pficon-ok:before,
.alert .icon--angle-right.pficon-error-circle-o:before {
  content: "I";
}

.icon-after.icon-after--sliders-h:after, .icon-after--sliders-h.input--date:after,
.icon.icon--sliders-h:before,
.alert .icon--sliders-h.pficon-ok:before,
.alert .icon--sliders-h.pficon-error-circle-o:before {
  content: "J";
}

.icon-after.icon-after--file-plus:after, .icon-after--file-plus.input--date:after,
.icon.icon--file-plus:before,
.alert .icon--file-plus.pficon-ok:before,
.alert .icon--file-plus.pficon-error-circle-o:before {
  content: "K";
}

.icon-after.icon-after--file-chart-line:after, .icon-after--file-chart-line.input--date:after,
.icon.icon--file-chart-line:before,
.alert .icon--file-chart-line.pficon-ok:before,
.alert .icon--file-chart-line.pficon-error-circle-o:before {
  content: "L";
}

.icon-after.icon-after--folder-plus:after, .icon-after--folder-plus.input--date:after,
.icon.icon--folder-plus:before,
.alert .icon--folder-plus.pficon-ok:before,
.alert .icon--folder-plus.pficon-error-circle-o:before {
  content: "M";
}

.icon-after.icon-after--save:after, .icon-after--save.input--date:after,
.icon.icon--save:before,
.alert .icon--save.pficon-ok:before,
.alert .icon--save.pficon-error-circle-o:before {
  content: "N";
}

.icon-after.icon-after--print:after, .icon-after--print.input--date:after,
.icon.icon--print:before,
.alert .icon--print.pficon-ok:before,
.alert .icon--print.pficon-error-circle-o:before {
  content: "O";
}

.icon-after.icon-after--file-export:after, .icon-after--file-export.input--date:after,
.icon.icon--file-export:before,
.alert .icon--file-export.pficon-ok:before,
.alert .icon--file-export.pficon-error-circle-o:before {
  content: "P";
}

.icon-after.icon-after--trash-alt:after, .icon-after--trash-alt.input--date:after,
.icon.icon--trash-alt:before,
.alert .icon--trash-alt.pficon-ok:before,
.alert .icon--trash-alt.pficon-error-circle-o:before {
  content: "Q";
}

.icon-after.icon-after--chart-network:after, .icon-after--chart-network.input--date:after,
.icon.icon--chart-network:before,
.alert .icon--chart-network.pficon-ok:before,
.alert .icon--chart-network.pficon-error-circle-o:before {
  content: "R";
}

.icon-after.icon-after--link:after, .icon-after--link.input--date:after,
.icon.icon--link:before,
.alert .icon--link.pficon-ok:before,
.alert .icon--link.pficon-error-circle-o:before {
  content: "S";
}

.icon-after.icon-after--archive:after, .icon-after--archive.input--date:after,
.icon.icon--archive:before,
.alert .icon--archive.pficon-ok:before,
.alert .icon--archive.pficon-error-circle-o:before {
  content: "T";
}

.icon-after.icon-after--arrow-right:after, .icon-after--arrow-right.input--date:after,
.icon.icon--arrow-right:before,
.alert .icon--arrow-right.pficon-ok:before,
.alert .icon--arrow-right.pficon-error-circle-o:before {
  content: "U";
}

.icon-after.icon-after--layer-plus:after, .icon-after--layer-plus.input--date:after,
.icon.icon--layer-plus:before,
.alert .icon--layer-plus.pficon-ok:before,
.alert .icon--layer-plus.pficon-error-circle-o:before {
  content: "V";
}

.icon-after.icon-after--map-marker-alt:after, .icon-after--map-marker-alt.input--date:after,
.icon.icon--map-marker-alt:before,
.alert .icon--map-marker-alt.pficon-ok:before,
.alert .icon--map-marker-alt.pficon-error-circle-o:before {
  content: "W";
}

.icon-after.icon-after--chart-bar:after, .icon-after--chart-bar.input--date:after,
.icon.icon--chart-bar:before,
.alert .icon--chart-bar.pficon-ok:before,
.alert .icon--chart-bar.pficon-error-circle-o:before {
  content: "X";
}

.icon-after.icon-after--mask:after, .icon-after--mask.input--date:after,
.icon.icon--mask:before,
.alert .icon--mask.pficon-ok:before,
.alert .icon--mask.pficon-error-circle-o:before {
  content: "Y";
}

.icon-after.icon-after--list-ul:after, .icon-after--list-ul.input--date:after,
.icon.icon--list-ul:before,
.alert .icon--list-ul.pficon-ok:before,
.alert .icon--list-ul.pficon-error-circle-o:before {
  content: "Z";
}

.icon-after.icon-after--phone-alt:after, .icon-after--phone-alt.input--date:after,
.icon.icon--phone-alt:before,
.alert .icon--phone-alt.pficon-ok:before,
.alert .icon--phone-alt.pficon-error-circle-o:before {
  content: "0";
}

.icon-after.icon-after--power-off:after, .icon-after--power-off.input--date:after,
.icon.icon--power-off:before,
.alert .icon--power-off.pficon-ok:before,
.alert .icon--power-off.pficon-error-circle-o:before {
  content: "1";
}

.icon-after.icon-after--rectangle-landscape:after, .icon-after--rectangle-landscape.input--date:after,
.icon.icon--rectangle-landscape:before,
.alert .icon--rectangle-landscape.pficon-ok:before,
.alert .icon--rectangle-landscape.pficon-error-circle-o:before {
  content: "2";
}

.icon-after.icon-after--bars:after, .icon-after--bars.input--date:after,
.icon.icon--bars:before,
.alert .icon--bars.pficon-ok:before,
.alert .icon--bars.pficon-error-circle-o:before {
  content: "3";
}

.icon-after.icon-after--arrow-to-left:after, .icon-after--arrow-to-left.input--date:after,
.icon.icon--arrow-to-left:before,
.alert .icon--arrow-to-left.pficon-ok:before,
.alert .icon--arrow-to-left.pficon-error-circle-o:before {
  content: "4";
}

.icon-after.icon-after--arrow-to-right:after, .icon-after--arrow-to-right.input--date:after,
.icon.icon--arrow-to-right:before,
.alert .icon--arrow-to-right.pficon-ok:before,
.alert .icon--arrow-to-right.pficon-error-circle-o:before {
  content: "5";
}

.icon-after.icon-after--archive-arrow-down:after, .icon-after--archive-arrow-down.input--date:after,
.icon.icon--archive-arrow-down:before,
.alert .icon--archive-arrow-down.pficon-ok:before,
.alert .icon--archive-arrow-down.pficon-error-circle-o:before {
  content: "6";
}

.icon-after.icon-after--archive-arrow-up:after, .icon-after--archive-arrow-up.input--date:after,
.icon.icon--archive-arrow-up:before,
.alert .icon--archive-arrow-up.pficon-ok:before,
.alert .icon--archive-arrow-up.pficon-error-circle-o:before {
  content: "7";
}

.icon-after.icon--arrow-to-bottom:after, .icon--arrow-to-bottom.input--date:after,
.icon.icon--arrow-to-bottom:before,
.alert .icon--arrow-to-bottom.pficon-ok:before,
.alert .icon--arrow-to-bottom.pficon-error-circle-o:before {
  content: "8";
}

.icon-after.icon-after--file-csv:after, .icon-after--file-csv.input--date:after,
.icon.icon--file-csv:before,
.alert .icon--file-csv.pficon-ok:before,
.alert .icon--file-csv.pficon-error-circle-o:before {
  content: "9";
}

.icon-after.icon-after--map:after, .icon-after--map.input--date:after,
.icon.icon--map:before,
.alert .icon--map.pficon-ok:before,
.alert .icon--map.pficon-error-circle-o:before {
  content: "!";
}

.icon-after.icon-after--graph:after, .icon-after--graph.input--date:after,
.icon.icon--graph:before,
.alert .icon--graph.pficon-ok:before,
.alert .icon--graph.pficon-error-circle-o:before {
  content: '"';
}

.icon-after.icon-after--twitter:after, .icon-after--twitter.input--date:after,
.icon.icon--twitter:before,
.alert .icon--twitter.pficon-ok:before,
.alert .icon--twitter.pficon-error-circle-o:before {
  content: "#";
}

.icon-after.icon-after--user-secret:after, .icon-after--user-secret.input--date:after,
.icon.icon--user-secret:before,
.alert .icon--user-secret.pficon-ok:before,
.alert .icon--user-secret.pficon-error-circle-o:before {
  content: "$";
}

.icon-after.icon-after--home:after, .icon-after--home.input--date:after,
.icon.icon--home:before,
.alert .icon--home.pficon-ok:before,
.alert .icon--home.pficon-error-circle-o:before {
  content: "%";
}

.icon-after.icon-after--envelope:after, .icon-after--envelope.input--date:after,
.icon.icon--envelope:before,
.alert .icon--envelope.pficon-ok:before,
.alert .icon--envelope.pficon-error-circle-o:before {
  content: "&";
}

.icon-after.icon-after--money-check-edit-alt:after, .icon-after--money-check-edit-alt.input--date:after,
.icon.icon--money-check-edit-alt:before,
.alert .icon--money-check-edit-alt.pficon-ok:before,
.alert .icon--money-check-edit-alt.pficon-error-circle-o:before {
  content: "'";
}

.icon-after.icon-after--calendar-plus:after, .icon-after--calendar-plus.input--date:after,
.icon.icon--calendar-plus:before,
.alert .icon--calendar-plus.pficon-ok:before,
.alert .icon--calendar-plus.pficon-error-circle-o:before {
  content: "(";
}

.icon-after.icon-after--siren-on:after, .icon-after--siren-on.input--date:after,
.icon.icon--siren-on:before,
.alert .icon--siren-on.pficon-ok:before,
.alert .icon--siren-on.pficon-error-circle-o:before {
  content: ")";
}

.icon-after.icon-after--tag:after, .icon-after--tag.input--date:after,
.icon.icon--tag:before,
.alert .icon--tag.pficon-ok:before,
.alert .icon--tag.pficon-error-circle-o:before {
  content: "*";
}

.icon-after.icon-after--external-link-alt:after, .icon-after--external-link-alt.input--date:after,
.icon.icon--external-link-alt:before,
.alert .icon--external-link-alt.pficon-ok:before,
.alert .icon--external-link-alt.pficon-error-circle-o:before {
  content: "+";
}

.icon-after.icon-after--radar:after, .icon-after--radar.input--date:after,
.icon.icon--radar:before,
.alert .icon--radar.pficon-ok:before,
.alert .icon--radar.pficon-error-circle-o:before {
  content: ",";
}

.icon-after.icon-after--balance-scale:after, .icon-after--balance-scale.input--date:after,
.icon.icon--balance-scale:before,
.alert .icon--balance-scale.pficon-ok:before,
.alert .icon--balance-scale.pficon-error-circle-o:before {
  content: "-";
}

.icon-after.icon-after--cannabis:after, .icon-after--cannabis.input--date:after,
.icon.icon--cannabis:before,
.alert .icon--cannabis.pficon-ok:before,
.alert .icon--cannabis.pficon-error-circle-o:before {
  content: ".";
}

.icon-after.icon-after--sign:after, .icon-after--sign.input--date:after,
.icon.icon--sign:before,
.alert .icon--sign.pficon-ok:before,
.alert .icon--sign.pficon-error-circle-o:before {
  content: "/";
}

.icon-after.icon-after--pen-nib:after, .icon-after--pen-nib.input--date:after,
.icon.icon--pen-nib:before,
.alert .icon--pen-nib.pficon-ok:before,
.alert .icon--pen-nib.pficon-error-circle-o:before {
  content: ":";
}

.icon-after.icon-after--clock:after, .icon-after--clock.input--date:after,
.icon.icon--clock:before,
.alert .icon--clock.pficon-ok:before,
.alert .icon--clock.pficon-error-circle-o:before {
  content: "<";
}

.icon-after.icon-after--star:after, .icon-after--star.input--date:after,
.icon.icon--star:before,
.alert .icon--star.pficon-ok:before,
.alert .icon--star.pficon-error-circle-o:before {
  content: "=";
}

.icon-after.icon-after--address-card:after, .icon-after--address-card.input--date:after,
.icon.icon--address-card:before,
.alert .icon--address-card.pficon-ok:before,
.alert .icon--address-card.pficon-error-circle-o:before {
  content: "?";
}

.icon-after.icon-after--comment-alt-exclamation:after, .icon-after--comment-alt-exclamation.input--date:after,
.icon.icon--comment-alt-exclamation:before,
.alert .icon--comment-alt-exclamation.pficon-ok:before,
.alert .icon--comment-alt-exclamation.pficon-error-circle-o:before {
  content: "@";
}

.icon-after.icon-after--comment-alt-dots:after, .icon-after--comment-alt-dots.input--date:after,
.icon.icon--comment-alt-dots:before,
.alert .icon--comment-alt-dots.pficon-ok:before,
.alert .icon--comment-alt-dots.pficon-error-circle-o:before {
  content: "[";
}

.icon-after.icon-after--image-alt, .icon-after--image-alt.input--date,
.icon.icon--image-alt:before,
.alert .icon--image-alt.pficon-ok:before,
.alert .icon--image-alt.pficon-error-circle-o:before {
  content: ">";
}

.icon-after.icon-after--calendar-alt:after, .input--date:after,
.icon.icon--calendar-alt:before,
.alert .icon--calendar-alt.pficon-ok:before,
.alert .icon--calendar-alt.pficon-error-circle-o:before {
  content: "]";
}

.icon-after.icon-after--play:after, .icon-after--play.input--date:after,
.icon.icon--play:before,
.alert .icon--play.pficon-ok:before,
.alert .icon--play.pficon-error-circle-o:before {
  content: "^";
}

.icon-after.icon-after--pause:after, .icon-after--pause.input--date:after,
.icon.icon--pause:before,
.alert .icon--pause.pficon-ok:before,
.alert .icon--pause.pficon-error-circle-o:before {
  content: "_";
}

.icon-after.icon-after--hourglass-full:after, .icon-after--hourglass-full.input--date:after,
.icon.icon--hourglass-full:before,
.alert .icon--hourglass-full.pficon-ok:before,
.alert .icon--hourglass-full.pficon-error-circle-o:before {
  content: "{";
}

.icon-after.icon-after--hourglass-empty:after, .icon-after--hourglass-empty.input--date:after,
.icon.icon--hourglass-empty:before,
.alert .icon--hourglass-empty.pficon-ok:before,
.alert .icon--hourglass-empty.pficon-error-circle-o:before {
  content: "`";
}

.icon-after.icon-after--file-alt:after, .icon-after--file-alt.input--date:after,
.icon.icon--file-alt:before,
.alert .icon--file-alt.pficon-ok:before,
.alert .icon--file-alt.pficon-error-circle-o:before {
  content: "|";
}

.icon-after.icon-after--adjust:after, .icon-after--adjust.input--date:after,
.icon.icon--adjust:before,
.alert .icon--adjust.pficon-ok:before,
.alert .icon--adjust.pficon-error-circle-o:before {
  content: "}";
}

.icon-after.icon-after--dna:after, .icon-after--dna.input--date:after,
.icon.icon--dna:before,
.alert .icon--dna.pficon-ok:before,
.alert .icon--dna.pficon-error-circle-o:before {
  content: "~";
}

.icon-after.icon-after--database:after, .icon-after--database.input--date:after,
.icon.icon--database:before,
.alert .icon--database.pficon-ok:before,
.alert .icon--database.pficon-error-circle-o:before {
  content: "\\";
}

.icon-after.icon-after--tree-palm:after, .icon-after--tree-palm.input--date:after,
.icon.icon--tree-palm:before,
.alert .icon--tree-palm.pficon-ok:before,
.alert .icon--tree-palm.pficon-error-circle-o:before {
  content: "\e000";
}

.icon-after.icon-after--checkbox:after, .icon-after--checkbox.input--date:after,
.icon.icon--checkbox:before,
.alert .icon--checkbox.pficon-ok:before,
.alert .icon--checkbox.pficon-error-circle-o:before {
  content: "\e001";
}

.icon-after.icon-after--arrows:after, .icon-after--arrows.input--date:after,
.icon.icon--arrows:before,
.alert .icon--arrows.pficon-ok:before,
.alert .icon--arrows.pficon-error-circle-o:before {
  content: "\e002";
}

.icon-after.icon-after--bookmark:after, .icon-after--bookmark.input--date:after,
.icon.icon--bookmark:before,
.alert .icon--bookmark.pficon-ok:before,
.alert .icon--bookmark.pficon-error-circle-o:before {
  content: "\e003";
}

.icon-after.icon-after--bookmark-o:after, .icon-after--bookmark-o.input--date:after,
.icon.icon--bookmark-o:before,
.alert .icon--bookmark-o.pficon-ok:before,
.alert .icon--bookmark-o.pficon-error-circle-o:before {
  content: "\e004";
}

.icon-after.icon-after--file-code:after, .icon-after--file-code.input--date:after,
.icon.icon--file-code:before,
.alert .icon--file-code.pficon-ok:before,
.alert .icon--file-code.pficon-error-circle-o:before {
  content: "\e005";
}

.icon-after.icon-after--thumbs-up:after, .icon-after--thumbs-up.input--date:after,
.icon.icon--thumbs-up:before,
.alert .icon--thumbs-up.pficon-ok:before,
.alert .icon--thumbs-up.pficon-error-circle-o:before {
  content: "\e006";
}

.icon-after.icon-after--map-marker-check:after, .icon-after--map-marker-check.input--date:after,
.icon.icon--map-marker-check:before,
.alert .icon--map-marker-check.pficon-ok:before,
.alert .icon--map-marker-check.pficon-error-circle-o:before {
  content: "\e007";
}

.icon-after.icon-after--sticky-note:after, .icon-after--sticky-note.input--date:after,
.icon.icon--sticky-note:before,
.alert .icon--sticky-note.pficon-ok:before,
.alert .icon--sticky-note.pficon-error-circle-o:before {
  content: "\e008";
}

.icon-after.icon-after--camera:after, .icon-after--camera.input--date:after,
.icon.icon--camera:before,
.alert .icon--camera.pficon-ok:before,
.alert .icon--camera.pficon-error-circle-o:before {
  content: "\e009";
}

.icon-after.icon-after--file-upload:after, .icon-after--file-upload.input--date:after,
.icon.icon--file-upload:before,
.alert .icon--file-upload.pficon-ok:before,
.alert .icon--file-upload.pficon-error-circle-o:before {
  content: "\e00a";
}

.icon-after.icon-after--circle:after, .icon-after--circle.input--date:after,
.icon.icon--circle:before,
.alert .icon--circle.pficon-ok:before,
.alert .icon--circle.pficon-error-circle-o:before {
  content: "\e00b";
}

.icon-after.icon-after--copy:after, .icon-after--copy.input--date:after,
.icon.icon--copy:before,
.alert .icon--copy.pficon-ok:before,
.alert .icon--copy.pficon-error-circle-o:before {
  content: "\e00c";
}

.icon-after.icon-after--keyboard:after, .icon-after--keyboard.input--date:after,
.icon.icon--keyboard:before,
.alert .icon--keyboard.pficon-ok:before,
.alert .icon--keyboard.pficon-error-circle-o:before {
  content: "\e00d";
}

.icon-after.icon-after--cog:after, .icon-after--cog.input--date:after,
.icon.icon--cog:before,
.alert .icon--cog.pficon-ok:before,
.alert .icon--cog.pficon-error-circle-o:before {
  content: "\e00e";
}

.icon-after.icon-after--star-half-alt:after, .icon-after--star-half-alt.input--date:after,
.icon.icon--star-half-alt:before,
.alert .icon--star-half-alt.pficon-ok:before,
.alert .icon--star-half-alt.pficon-error-circle-o:before {
  content: "\e00f";
}

.icon-after.icon-after--star-empty:after, .icon-after--star-empty.input--date:after,
.icon.icon--star-empty:before,
.alert .icon--star-empty.pficon-ok:before,
.alert .icon--star-empty.pficon-error-circle-o:before {
  content: "\e010";
}

.icon-after.icon-after--eye:after, .icon-after--eye.input--date:after,
.icon.icon--eye:before,
.alert .icon--eye.pficon-ok:before,
.alert .icon--eye.pficon-error-circle-o:before {
  content: "\e011";
}

.icon-after.icon-after--google-account:after, .icon-after--google-account.input--date:after,
.icon.icon--google-account:before,
.alert .icon--google-account.pficon-ok:before,
.alert .icon--google-account.pficon-error-circle-o:before {
  content: "\e012";
}

.icon-after.icon-after--google-places:after, .icon-after--google-places.input--date:after,
.icon.icon--google-places:before,
.alert .icon--google-places.pficon-ok:before,
.alert .icon--google-places.pficon-error-circle-o:before {
  content: "\e013";
}

.icon-after.icon-after--review:after, .icon-after--review.input--date:after,
.icon.icon--review:before,
.alert .icon--review.pficon-ok:before,
.alert .icon--review.pficon-error-circle-o:before {
  content: "\e014";
}

.icon-after.icon-after--building-info:after, .icon-after--building-info.input--date:after,
.icon.icon--building-info:before,
.alert .icon--building-info.pficon-ok:before,
.alert .icon--building-info.pficon-error-circle-o:before {
  content: "\e015";
}

.icon-after.icon-after--shopping-basket:after, .icon-after--shopping-basket.input--date:after,
.icon.icon--shopping-basket:before,
.alert .icon--shopping-basket.pficon-ok:before,
.alert .icon--shopping-basket.pficon-error-circle-o:before {
  content: "\e016";
}

.icon-after.icon-after--youtube:after, .icon-after--youtube.input--date:after,
.icon.icon--youtube:before,
.alert .icon--youtube.pficon-ok:before,
.alert .icon--youtube.pficon-error-circle-o:before {
  content: "\e017";
}

.icon-after.icon-after--sign-out:after, .icon-after--sign-out.input--date:after,
.icon.icon--sign-out:before,
.alert .icon--sign-out.pficon-ok:before,
.alert .icon--sign-out.pficon-error-circle-o:before {
  content: "\e018";
}

.icon-after.icon-after--capture:after, .icon-after--capture.input--date:after,
.icon.icon--capture:before,
.alert .icon--capture.pficon-ok:before,
.alert .icon--capture.pficon-error-circle-o:before {
  content: "\e019";
}

.icon-after.icon-after--share:after, .icon-after--share.input--date:after,
.icon.icon--share:before,
.alert .icon--share.pficon-ok:before,
.alert .icon--share.pficon-error-circle-o:before {
  content: "\e01a";
}

.icon-after.icon-after--undo:after, .icon-after--undo.input--date:after,
.icon.icon--undo:before,
.alert .icon--undo.pficon-ok:before,
.alert .icon--undo.pficon-error-circle-o:before {
  content: "\e01b";
}

.icon-after.icon-after--file-info:after, .icon-after--file-info.input--date:after,
.icon.icon--file-info:before,
.alert .icon--file-info.pficon-ok:before,
.alert .icon--file-info.pficon-error-circle-o:before {
  content: "\e01c";
}

.icon-after.icon-after--file-search:after, .icon-after--file-search.input--date:after,
.icon.icon--file-search:before,
.alert .icon--file-search.pficon-ok:before,
.alert .icon--file-search.pficon-error-circle-o:before {
  content: "\e01d";
}

.icon-after.icon-after--pompebled:after, .icon-after--pompebled.input--date:after,
.icon.icon--pompebled:before,
.alert .icon--pompebled.pficon-ok:before,
.alert .icon--pompebled.pficon-error-circle-o:before {
  content: "\e01e";
}

.icon-after.icon-after--expand:after, .icon-after--expand.input--date:after,
.icon.icon--expand:before,
.alert .icon--expand.pficon-ok:before,
.alert .icon--expand.pficon-error-circle-o:before {
  content: "\e01f";
}

.icon-after.icon-after--compress:after, .icon-after--compress.input--date:after,
.icon.icon--compress:before,
.alert .icon--compress.pficon-ok:before,
.alert .icon--compress.pficon-error-circle-o:before {
  content: "\e020";
}

.icon-after.icon-after--clipboard-list:after, .icon-after--clipboard-list.input--date:after,
.icon.icon--clipboard-list:before,
.alert .icon--clipboard-list.pficon-ok:before,
.alert .icon--clipboard-list.pficon-error-circle-o:before {
  content: "\e021";
}

.icon-after.icon-after--trash-restore:after, .icon-after--trash-restore.input--date:after,
.icon.icon--trash-restore:before,
.alert .icon--trash-restore.pficon-ok:before,
.alert .icon--trash-restore.pficon-error-circle-o:before {
  content: "\e022";
}

.icon-after.icon-after--icon--eye-slash:after, .icon-after--icon--eye-slash.input--date:after,
.icon.icon--eye-slash:before,
.alert .icon--eye-slash.pficon-ok:before,
.alert .icon--eye-slash.pficon-error-circle-o:before {
  content: "\e023";
}

.icon-after.icon-after--video:after, .icon-after--video.input--date:after,
.icon.icon--video:before,
.alert .icon--video.pficon-ok:before,
.alert .icon--video.pficon-error-circle-o:before {
  content: "\e024";
}

.icon-after.icon-after--sync:after, .icon-after--sync.input--date:after,
.icon.icon--sync:before,
.alert .icon--sync.pficon-ok:before,
.alert .icon--sync.pficon-error-circle-o:before {
  content: "\e025";
}

.icon-after.icon-after--folder-minus:after, .icon-after--folder-minus.input--date:after,
.icon.icon--folder-minus:before,
.alert .icon--folder-minus.pficon-ok:before,
.alert .icon--folder-minus.pficon-error-circle-o:before {
  content: "\e026";
}

.icon-after.icon-after--sitemap:after, .icon-after--sitemap.input--date:after,
.icon.icon--sitemap:before,
.alert .icon--sitemap.pficon-ok:before,
.alert .icon--sitemap.pficon-error-circle-o:before {
  content: "\e027";
}

.icon-after.icon-after--graduation-cap:after, .icon-after--graduation-cap.input--date:after,
.icon.icon--graduation-cap:before,
.alert .icon--graduation-cap.pficon-ok:before,
.alert .icon--graduation-cap.pficon-error-circle-o:before {
  content: ";";
}

.icon-after.icon-after--badge-check:after, .icon-after--badge-check.input--date:after,
.icon.icon--badge-check:before,
.alert .icon--badge-check.pficon-ok:before,
.alert .icon--badge-check.pficon-error-circle-o:before {
  content: "\e028";
}

.icon-after.icon-after--sign-in-alt:after, .icon-after--sign-in-alt.input--date:after,
.icon.icon--sign-in-alt:before,
.alert .icon--sign-in-alt.pficon-ok:before,
.alert .icon--sign-in-alt.pficon-error-circle-o:before {
  content: "\e029";
}

.icon.icon--download:before, .alert .icon--download.pficon-ok:before, .alert .icon--download.pficon-error-circle-o:before {
  content: "\e02a";
}

.icon-after.icon-after--bolt:after, .icon-after--bolt.input--date:after,
.icon.icon--bolt:before,
.alert .icon--bolt.pficon-ok:before,
.alert .icon--bolt.pficon-error-circle-o:before {
  content: "\e02b";
}

.icon-after.icon-after--sparkles:after, .icon-after--sparkles.input--date:after,
.icon.icon--sparkles:before,
.alert .icon--sparkles.pficon-ok:before,
.alert .icon--sparkles.pficon-error-circle-o:before {
  content: "\e02c";
}

.icon-after.icon-after--tv:after, .icon-after--tv.input--date:after,
.icon.icon--tv:before,
.alert .icon--tv.pficon-ok:before,
.alert .icon--tv.pficon-error-circle-o:before {
  content: "\e02e";
}

.icon-after.icon-after--translate:after, .icon-after--translate.input--date:after,
.icon.icon--translate:before,
.alert .icon--translate.pficon-ok:before,
.alert .icon--translate.pficon-error-circle-o:before {
  content: "\e02d";
}

.table {
  text-align: left;
  width: 100%;
  border-collapse: collapse;
  display: flex;
  flex: 1 1 auto;
  flex-direction: column;
}
.table .table__header {
  display: flex;
  flex: 0 1 auto;
  font-weight: 600;
  color: var(--text-dark);
  font-size: calc(1rem - 2px);
  text-transform: uppercase;
  letter-spacing: 0.5px;
}
.table .table__header .table__row {
  box-shadow: inset 0 -2px 0 0 var(--border);
}
.table .table__header .table__cell.table__cell--sortable {
  cursor: pointer;
}
.table .table__header .table__cell.table__cell--sortable .icon, .table .table__header .table__cell.table__cell--sortable .alert .pficon-ok, .alert .table .table__header .table__cell.table__cell--sortable .pficon-ok, .table .table__header .table__cell.table__cell--sortable .alert .pficon-error-circle-o, .alert .table .table__header .table__cell.table__cell--sortable .pficon-error-circle-o {
  margin-left: 0.25rem;
}
.table .table__header .table__cell.table__cell--sortable .icon--active::after, .table .table__header .table__cell.table__cell--sortable .icon--active::before {
  color: var(--primary);
}
.table .table__header .table__cell.table__cell--sortable .icon--inactive::after, .table .table__header .table__cell.table__cell--sortable .icon--inactive::before {
  color: var(--text);
  opacity: 0.5;
}
.table .table__link {
  display: contents;
  color: inherit;
}
.table .table__link:hover > .table__cell {
  background: var(--background--light);
}
.table .table__link--active > .table__cell, .table .table__link--active:hover > .table__cell {
  background: rgba(var(--primary--rgb), 0.1);
}
.table .table__content--scroll {
  max-height: 19.5em;
  overflow-y: auto;
}
.table .table__row {
  transition: background .25s ease-in-out;
  display: flex;
  flex: 1 1 auto;
  justify-content: space-between;
  box-shadow: inset 0 -1px 0 0 var(--border);
  position: relative;
  line-height: inherit;
}
.table .table__row--active > .table__cell, .table .table__row--active:hover > .table__cell {
  background: rgba(var(--primary--rgb), 0.1);
}
.table .table__row--column {
  flex-direction: column;
}
.table .table__row--column .table__cell {
  padding-right: 0;
}
.table .table__row--column .table__cell + .table__cell {
  padding-top: 0;
}
.table .table__row--padding {
  padding: 0 calc(var(--spacing) * 0.5);
}
.table .table__row--large, .table .table__row--large a {
  line-height: 2.5rem;
}
.table .table__row--unbordered {
  box-shadow: none;
}
.table .table__row--unbordered:first-child {
  padding-top: calc(0.75rem - 0.125rem);
}
.table .table__row--unbordered:last-child {
  padding-bottom: calc(0.75rem - 0.125rem);
}
.table .table__row--unbordered .table__cell {
  padding: 0.125rem calc(var(--spacing) * 0.5) 0.125rem 0;
}
@media (max-width: 560px) {
  .table .table__row--socials {
    flex-direction: column;
  }
  .table .table__row--socials .table__cell--shrink {
    padding-left: 0;
  }
}
.table .table__row--no-spacing {
  justify-content: flex-start;
  overflow: hidden;
}
.table--hover .table__cell:first-child {
  padding-left: 0.5rem;
}
.table--hover .table__cell:last-child {
  padding-right: 0.5rem;
}
.table--hover .table__content .table__row:hover {
  background: var(--background--light);
}
.table--no-margin {
  margin: 0;
}
.table .table__cell {
  display: flex;
  flex: 1;
  padding: 0.75rem calc(var(--spacing) * 0.5) 0.75rem 0;
  hyphens: auto;
  overflow-wrap: break-word;
  word-break: break-word;
  align-items: flex-start;
}
.table .table__cell:last-child {
  padding-right: 0;
}
.table .table__cell--wrapper {
  padding: 0;
  flex-direction: column;
}
.table .table__cell--wrapper > .table__row {
  box-shadow: none;
}
.table .table__cell--center {
  align-items: center;
}
.table .table__cell--capitalized {
  text-transform: capitalize;
}
.table .table__cell--no-hyphens {
  hyphens: none;
}
.table .table__cell--column {
  flex-direction: column;
}
.table .table__cell--wrap {
  flex-wrap: wrap;
}
.table .table__cell--truncate {
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  display: inline;
}
.table .table__cell--truncate a {
  display: inline;
}
.table .table__cell--horizontal-center {
  justify-content: center;
}
.table .table__cell--break-all {
  word-break: break-all;
}
.table .table__cell--webhits {
  flex-direction: column;
  flex: 1 1 100%;
  min-width: 0;
}
.table .table__cell--webhits .webhit__link {
  text-decoration: underline;
}
.table .table__cell--webhits .webhit__url {
  margin: 0;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  max-width: 18rem;
}
.table .table__cell--webhits .webhit__url--alt {
  font-size: calc(1rem - 2px);
  color: var(--faded);
  font-size: var(--small);
  max-width: initial;
}
@media (max-width: 1024px) {
  .table .table__cell--webhits .webhit__url--alt {
    font-size: calc(1rem - 1px);
  }
}
.table .table__cell--webhits .webhit__url--alt:hover {
  text-decoration: underline;
}
.table .table__cell--webhits .webhit__url--alt:before {
  color: var(--faded);
}
.table .table__cell--webhits .webhit__description {
  margin: calc(var(--spacing) * 0.25) 0 0;
}
.table .table__cell--terms {
  display: inline;
  flex-wrap: wrap;
  align-items: flex-start;
  flex: 1 1 100%;
}
.table .table__cell--terms .result__label {
  display: inline-flex;
  margin-right: 0.25rem;
}
.table .table__cell--title {
  font-weight: 500;
  color: var(--text-dark);
}
.table .table__cell--full-width {
  flex: 1 1 100%;
}
.table .table__cell--shrink {
  padding-left: 0.25rem;
  flex: 0 1 auto;
}
.table .table__cell--medium {
  flex: 0 0 25%;
}
.table .table__cell--medium-small {
  flex: 0 0 12.5%;
}
.table .table__cell--medium-small-fixed {
  flex: 0 0 12rem;
}
.table .table__cell--small {
  flex: 0 0 6rem;
}
.table .table__cell--extra-small {
  flex: 0 0 4rem;
}
.table .table__cell--mini {
  flex: 0 0 3rem;
}
.table .table__cell--width-1 {
  flex: 0 0 8.3333333333%;
}
.table .table__cell--width-2 {
  flex: 0 0 16.6666666667%;
}
.table .table__cell--width-3 {
  flex: 0 0 25%;
}
.table .table__cell--width-4 {
  flex: 0 0 33.3333333333%;
}
.table .table__cell--width-5 {
  flex: 0 0 41.6666666667%;
}
.table .table__cell--width-6 {
  flex: 0 0 50%;
}
.table .table__cell--width-7 {
  flex: 0 0 58.3333333333%;
}
.table .table__cell--width-8 {
  flex: 0 0 66.6666666667%;
}
.table .table__cell--width-9 {
  flex: 0 0 75%;
}
.table .table__cell--width-10 {
  flex: 0 0 83.3333333333%;
}
.table .table__cell--width-11 {
  flex: 0 0 91.6666666667%;
}
.table .table__cell--width-12 {
  flex: 0 0 100%;
}
.table .table__cell--space-between {
  display: flex;
  justify-content: space-between;
}
.table .table__cell--no-padding {
  padding: 0;
}
.table .table__cell--align-end {
  justify-content: flex-end;
}
.table .table__cell .button--link {
  padding-bottom: 0;
  padding-top: 0;
  border: 0;
}
.table--unbordered .table__header .table__row,
.table--unbordered .table__row {
  box-shadow: none;
}
.table--unbordered .table__cell {
  padding-top: inherit;
  padding-bottom: inherit;
}
.table--options {
  margin-top: calc(var(--spacing) * 0.5);
}
.table--options .table__cell {
  flex-wrap: wrap;
}

@font-face {
  font-family: "Inter";
  font-style: normal;
  font-weight: 400;
  src: url("fonts/inter/Inter-Regular.woff2") format("woff2"), url("fonts/inter/Inter-Regular.woff") format("woff");
}
@font-face {
  font-family: "Inter";
  font-style: normal;
  font-weight: 600;
  src: url("fonts/inter/Inter-SemiBold.woff2") format("woff2"), url("fonts/inter/Inter-SemiBold.woff") format("woff");
}
@font-face {
  font-family: "Inter";
  font-style: normal;
  font-weight: 700;
  src: url("fonts/inter/Inter-Bold.woff2") format("woff2"), url("fonts/inter/Inter-Bold.woff") format("woff");
}
@font-face {
  font-family: "Inter var";
  font-weight: 100 900;
  font-style: normal;
  font-named-instance: "Regular";
  src: url("fonts/inter/Inter-upright.var.woff2") format("woff2 supports variations(gvar)"), url("fonts/inter/Inter-upright.var.woff2") format("woff2-variations"), url("fonts/inter/Inter-upright.var.woff2") format("woff2");
}
@font-face {
  font-family: "icon-wis";
  src: url("fonts/icons/icon-wis.eot");
  src: url("fonts/icons/icon-wis.eot?#iefix") format("embedded-opentype"), url("fonts/icons/icon-wis.woff") format("woff"), url("fonts/icons/icon-wis.ttf") format("truetype"), url("fonts/icons/icon-wis.svg#icon-wis") format("svg");
  font-weight: normal;
  font-style: normal;
}
/* Text styles -------------------------------------------------------*/
html {
  font-family: "Inter", sans-serif;
  font-size: 16px;
  line-height: 1.5rem;
  color: var(--text);
}
@supports (font-feature-settings: normal) {
  html {
    font-feature-settings: "ss02" on;
  }
}
@media (max-width: 1440px) {
  html {
    font-size: 14px;
  }
}

@supports (font-variation-settings: normal) {
  html {
    font-family: "Inter var", sans-serif;
  }
}
body {
  --body-background: #0C2952;
  background-color: var(--body-background);
  background-size: auto;
  background-size: cover;
  min-height: 100vh;
  justify-content: center;
  align-items: center;
  display: flex;
}

body.master {
  --body-background: var(--warning);
}

.flex-wrapper {
  display: flex;
}
.flex-wrapper--column {
  flex-direction: column;
}

h1,
h2,
h3 {
  font-weight: 600;
  color: var(--text-dark);
}

.h1,
h1 {
  font-size: 1.5rem;
  line-height: 2rem;
  margin: 0 0 1.5rem;
}

a {
  text-decoration: underline;
  color: var(--primary);
}

.info, .alert {
  padding: calc(var(--spacing) * 0.25);
  background: rgba(var(--primary--rgb), 0.1);
  border-radius: 4px;
  margin-top: var(--spacing);
}

ol {
  margin-left: calc(var(--spacing) * 1);
}

ul {
  list-style-type: disc;
}

.alert {
  margin-top: 0;
  display: flex;
  margin-bottom: var(--spacing);
}
.alert .icon:before, .alert .pficon-ok:before, .alert .pficon-error-circle-o:before {
  color: var(--error);
}
.alert-error {
  background: rgba(var(--error--rgb), 0.1);
  color: var(--error);
}
.alert-success {
  background: rgba(var(--success--rgb), 0.1);
  color: var(--success);
}
.alert .pficon-error-circle-o:before {
  color: var(--error);
}
.alert .pficon-ok:before {
  color: var(--success);
}
.alert ul {
  padding-top: 5px;
  padding-left: 19px;
}
.alert ul a {
  color: inherit;
}

form > * + * {
  margin-top: calc(var(--spacing) * 0.5);
}
form .form-options {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

select {
  width: 100%;
}

ol li ul {
  padding-left: 20px;
}

.login {
  margin: var(--spacing);
  width: 100%;
  max-width: 36rem;
}
.login #kc-back {
  display: none;
}

.login-form-header {
  display: none;
}

.client-name {
  display: flex;
  align-content: center;
  margin-bottom: var(--spacing);
  justify-content: center;
}
.client-name h1 {
  line-height: 2rem;
  margin: 0;
  color: var(--background--main);
}
.client-name .logo {
  height: 2rem;
  width: 3rem;
  background-image: url("img/web-iq.svg");
  background-position: left;
  background-size: contain;
  background-repeat: no-repeat;
  margin-right: calc(var(--spacing) * 0.25);
}

.login-form {
  --form-spacing: var(--spacing);
  --negative-form-spacing: calc(var(--form-spacing) * -1);
  background: var(--background--main);
  padding: var(--form-spacing);
  border-top: 4px solid;
  border-top-color: var(--primary);

}
.login-form .kc-footer {
  border-top: 1px dashed var(--border);
  padding: 0.5rem var(--form-spacing);
  margin: 2rem var(--negative-form-spacing) var(--negative-form-spacing) var(--negative-form-spacing);
}

.alert {
  padding: calc(var(--spacing) * 0.5);
  display: flex;
  background: var(--background--error);
  color: var(--error);
  align-items: flex-start;
  position: relative;
  margin-bottom: var(--spacing);
  border-radius: 4px;
}

.button {
  width: auto;
}

[type=checkbox]:checked,
[type=checkbox]:not(:checked) {
  width: auto;
  position: relative;
  display: inline-block;
  left: 0;
}

#kc-otp-login-form > .form-group + .form-group {
  margin-top: calc(var(--spacing) * 1);
}

.alert-info {
  background: rgba(var(--primary--rgb), 0.1);
  color: inherit;
}

#kc-passwd-update-form #kc-form-options {
    margin: 1rem 0;
}

/*# sourceMappingURL=wis-keycloak-login.css.map */