@charset "UTF-8";
/* stylelint-disable color-no-hex  */
/**
 * Simple string replacement
 */
/**
 * Retrieves map keys from nested maps.
 */
/**
 * Retrieves and encodes icons for use in CSS
 * Works down to IE9
 *
 * Refs:
 * https://css-tricks.com/creating-a-maintainable-icon-system-with-sass/
 * https://codepen.io/chriscoyier/pen/ZQgvyG/
 * https://codepen.io/tigt/post/optimizing-svgs-in-data-uris
 * https://codepen.io/jakob-e/pen/doMoML
 */
/* stylelint-disable color-no-hex  */
/**
 * Retrieves color variants from variation map.
 * color: cv(action, light); // color: #96bafa;
 */
.o-form-label-callout {
  display: inline-block;
  margin-right: 0.428571425em;
  padding: 0 0.428571425em;
  border-radius: 4px;
  background-color: #d7d7dc;
  color: #212126;
  font-size: 14px;
  font-weight: 400;
  line-height: 1.7142857;
  text-align: center;
}

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

html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
embed,
figure,
figcaption,
footer,
header,
hgroup,
menu,
nav,
output,
ruby,
section,
summary,
time,
mark,
audio,
video {
  margin: 0;
  padding: 0;
  border: 0;
  font: inherit;
  font-size: 100%;
  vertical-align: baseline;
}

button,
input {
  font: inherit;
  font-size: 100%;
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
  display: block;
}

img,
svg {
  max-width: 100%;
}

ol,
ul {
  list-style: none;
}

blockquote,
q {
  quotes: none;
}
blockquote::before, blockquote::after,
q::before,
q::after {
  content: "";
  content: none;
}

table {
  border-spacing: 0;
  border-collapse: collapse;
}

html {
  font-size: 87.5%;
}

body {
  color: #212126;
  font-family: "Whyte", "-apple-system", "BlinkMacSystemFont", "Segoe UI", "Roboto", "Oxygen-Sans", "Ubuntu", "Cantarell", "Helvetica Neue", sans-serif !important;
  font-style: normal;
  font-weight: 400;
  line-height: 1.7142857;
  font-feature-settings: "lnum", "pnum";
}

a {
  color: #1662dd;
  /* stylelint-disable selector-no-qualifying-type */
  /* stylelint-enable */
}
a:hover {
  color: #00297a;
}
a:visited {
  color: #8d6e97;
}
a[target=_blank]:not([href^="mailto:"])::after {
  content: "";
  display: inline-block;
  width: 1em;
  height: 1em;
  margin-left: 0.2em;
  background-image: url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 fill=%27none%27 viewBox=%270 0 12 12%27%3E%3Cpath fill=%27%231662dd%27 fill-rule=%27evenodd%27 d=%27M10.462 1.809A.499.499 0 0010 1.5H6.5a.5.5 0 000 1h2.293L4.646 6.646a.5.5 0 10.708.708L9.5 3.207V5.5a.5.5 0 001 0V2v-.003a.5.5 0 00-.038-.188zM3.067 2.5a.567.567 0 00-.567.567v5.866a.567.567 0 00.567.567h5.866a.567.567 0 00.567-.567V8a.5.5 0 011 0v.933A1.567 1.567 0 018.933 10.5H3.067A1.567 1.567 0 011.5 8.933V3.067A1.567 1.567 0 013.067 1.5H4a.5.5 0 010 1h-.933z%27 clip-rule=%27evenodd%27/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  vertical-align: middle;
}

abbr {
  border-bottom: 1px dashed #00297a;
  text-decoration: none;
}

em {
  font-style: italic;
}
em > em {
  text-decoration: underline;
}

strong {
  font-weight: 600;
}
strong > strong {
  text-decoration: underline;
}

sup {
  font-size: 0.7578561127rem;
  line-height: 1;
  vertical-align: super;
}

sub {
  font-size: 0.7578561127rem;
  line-height: 1;
  vertical-align: sub;
}

blockquote {
  margin: 0 0 0.85714285rem;
  padding: 0 0 0 0.85714285rem;
  border-left: 3px solid #c1c1c8;
}

p {
  max-width: 32em;
  margin-bottom: 0.85714285rem;
  font-size: 1.1487rem;
}
p:last-child {
  margin-bottom: 0;
}

cite {
  font-style: italic;
}

del {
  display: inline-block;
  background: #f88c90;
}

del::before,
del::after {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  overflow: hidden;
  clip: rect(0 0 0 0);
  border: 0;
}

del::before {
  content: attr(data-a11y-start);
}

del::after {
  content: attr(data-a11y-end);
}

ins {
  display: inline-block;
  background: #e5faf3;
}

ins::before,
ins::after {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  overflow: hidden;
  clip: rect(0 0 0 0);
  border: 0;
}

ins::before {
  content: attr(data-a11y-start);
}

ins::after {
  content: attr(data-a11y-end);
}

mark {
  background: #faf5dc;
}

s {
  text-decoration: line-through;
}

small {
  font-size: 0.8705493166rem;
}

kbd {
  display: inline-block;
  padding: 0 0.428571425rem;
  border: 1px solid #d7d7dc;
  border-radius: 4px;
  background: #f5f5f6;
  box-shadow: 0 2px 0 #f5f5f6, 0 3px 0 #d7d7dc;
  font-weight: 400;
  line-height: 1.3;
}

hr {
  margin: 0.85714285rem 0;
  border-width: 1px;
  border-style: solid;
  border-color: #d7d7dc;
}

code {
  color: #212126;
  font-family: "SFMono-Regular", Consolas, "Liberation Mono", Menlo, Courier, monospace;
}

var {
  font-style: italic;
  font-weight: 600;
}

ol:not([class]),
ul:not([class]) {
  max-width: 32em;
  margin: 0 0 0.85714285rem 0;
  padding: 0 0 0 1.7142857rem;
  list-style-position: outside;
  font-size: 1.1487rem;
}
ol:not([class]) li:last-child,
ul:not([class]) li:last-child {
  margin-bottom: 0;
}
ol:not([class]):last-child,
ul:not([class]):last-child {
  margin-bottom: 0;
}

/* stylelint-disable-next-line no-descending-specificity */
ul:not([class]) {
  list-style-type: disc;
}

/* stylelint-disable-next-line no-descending-specificity */
ol:not([class]) {
  list-style-type: decimal;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  margin: 0 0 0.428571425rem 0;
  color: #212126;
  font-weight: 600;
  line-height: 1.3;
}

h1 {
  font-size: 2.0000143206rem;
}

h2 {
  font-size: 1.7411111rem;
}

h3 {
  font-size: 1.5157230783rem;
}

h4 {
  font-size: 1.31951169rem;
}

h5 {
  font-size: 1.1487rem;
}

h6 {
  font-size: 14px;
}

h5,
h6 {
  line-height: 1.7142857;
}

.legalese {
  color: #6e6e78;
  font-size: 0.8705493166rem;
}

.has-subheader {
  line-height: 1.7142857;
}
.has-subheader .subheader {
  display: block;
  margin-top: 0.428571425rem;
  color: #212126;
  font-size: 1.1487rem;
  font-weight: 400;
  line-height: 1.7142857;
}

.block {
  margin: 0;
  padding: 0.85714285rem 1.7142857rem;
  border: 1px solid #c1c1c8;
  font-size: 1.31951169rem;
  font-weight: 600;
  line-height: 2.1;
}

input,
textarea,
select {
  color: #212126;
  font-family: "Whyte", "-apple-system", "BlinkMacSystemFont", "Segoe UI", "Roboto", "Oxygen-Sans", "Ubuntu", "Cantarell", "Helvetica Neue", sans-serif;
  font-size: 1rem;
  line-height: 1.7142857;
}

input::-webkit-input-placeholder, textarea::-webkit-input-placeholder, select::-webkit-input-placeholder {
  opacity: 1;
  color: #c1c1c8;
  font-family: "Whyte", "-apple-system", "BlinkMacSystemFont", "Segoe UI", "Roboto", "Oxygen-Sans", "Ubuntu", "Cantarell", "Helvetica Neue", sans-serif;
  filter: alpha(opacity=1);
}

input:-ms-input-placeholder, textarea:-ms-input-placeholder, select:-ms-input-placeholder {
  opacity: 1;
  color: #c1c1c8;
  font-family: "Whyte", "-apple-system", "BlinkMacSystemFont", "Segoe UI", "Roboto", "Oxygen-Sans", "Ubuntu", "Cantarell", "Helvetica Neue", sans-serif;
  filter: alpha(opacity=1);
}

input::placeholder,
textarea::placeholder,
select::placeholder {
  opacity: 1;
  color: #c1c1c8;
  font-family: "Whyte", "-apple-system", "BlinkMacSystemFont", "Segoe UI", "Roboto", "Oxygen-Sans", "Ubuntu", "Cantarell", "Helvetica Neue", sans-serif;
  filter: alpha(opacity=1);
}

samp,
kbd,
code,
samp *,
kbd *,
code * {
  color: #212126;
  font-family: "anonymous-pro", "Andale Mono", "Courier New", Courier, monospace;
}

p {
  max-width: initial;
  font-size: inherit;
}

a:visited {
  color: #1662dd;
}

/* stylelint-disable declaration-no-important */
@font-face {
  font-family: "Whyte";
  font-style: normal;
  font-weight: normal;
  src: url(../font/assets/ABCWhyte-Book.4ac88a2a0bf65dcf4e97.woff) format("woff"), url(../font/assets/ABCWhyte-Book.c54ef58a2b5ff88bc6f9.woff2) format("woff2");
}
@font-face {
  font-family: "Whyte";
  font-style: italic;
  font-weight: normal;
  src: url(../font/assets/ABCWhyte-BookItalic.95bfe6806222796942b2.woff) format("woff"), url(../font/assets/ABCWhyte-BookItalic.7dc6707e2b7d51877ede.woff2) format("woff2");
}
@font-face {
  font-family: "Whyte";
  font-style: normal;
  font-weight: bold;
  src: url(../font/assets/ABCWhyte-Medium.ce1878b2dcf15e8eedd7.woff) format("woff"), url(../font/assets/ABCWhyte-Medium.46e27965624574b76d10.woff2) format("woff2");
}
@font-face {
  font-family: "Whyte";
  font-style: normal;
  font-weight: 600;
  src: url(../font/assets/ABCWhyte-Medium.ce1878b2dcf15e8eedd7.woff) format("woff"), url(../font/assets/ABCWhyte-Medium.46e27965624574b76d10.woff2) format("woff2");
}
@font-face {
  font-family: "Whyte";
  font-style: italic;
  font-weight: bold;
  src: url(../font/assets/ABCWhyte-MediumItalic.56339bf09b7a2e3aba70.woff) format("woff"), url(../font/assets/ABCWhyte-MediumItalic.7297fbff016c173b49dc.woff2) format("woff2");
}
@font-face {
  font-family: "Whyte";
  font-style: italic;
  font-weight: 600;
  src: url(../font/assets/ABCWhyte-MediumItalic.56339bf09b7a2e3aba70.woff) format("woff"), url(../font/assets/ABCWhyte-MediumItalic.7297fbff016c173b49dc.woff2) format("woff2");
}
@font-face {
  font-family: "anonymous-pro";
  font-style: normal;
  font-weight: normal;
  src: url(../font/assets/Anonymous_Pro-webfont.5b4a0ecce7ebcb9a5d1d.eot);
  src: url(../font/assets/Anonymous_Pro-webfont.5b4a0ecce7ebcb9a5d1d.eot?#iefix) format("embedded-opentype"), url(../font/assets/Anonymous_Pro-webfont.29736b2224e3ad6e5a20.woff2) format("woff2"), url(../font/assets/Anonymous_Pro-webfont.4f799e99e11cac064593.woff) format("woff"), url(../font/assets/Anonymous_Pro-webfont.53c3eb2cd5c9acb7dfe8.ttf) format("truetype"), url(../font/assets/Anonymous_Pro-webfont.335dbf85ba45133e37cc.svg#anonymous_proregular) format("svg");
}
@font-face {
  font-family: "kalamlight";
  font-style: normal;
  font-weight: normal;
  src: url(../font/assets/Kalam-Light-webfont.23e615cc74755f5854ea.eot);
  src: url(../font/assets/Kalam-Light-webfont.23e615cc74755f5854ea.eot?#iefix) format("embedded-opentype"), url(../font/assets/Kalam-Light-webfont.8db7360e66aebe2bf603.woff2) format("woff2"), url(../font/assets/Kalam-Light-webfont.7ba9ed12e41a10d31e68.woff) format("woff"), url(../font/assets/Kalam-Light-webfont.7bf62babc1744e00a0df.ttf) format("truetype"), url(../font/assets/Kalam-Light-webfont.a19ed67d64eecc989f0c.svg#kalamlight) format("svg");
}
@font-face {
  font-family: "okticon";
  font-style: normal;
  font-weight: normal;
  src: url(../font/assets/okticon.e667deb8ce0d228f7717.eot);
  src: url(../font/assets/okticon.e667deb8ce0d228f7717.eot?#iefix) format("embedded-opentype"), url(../font/assets/okticon.7f3843fc834ac0c91507.woff) format("woff"), url(../font/assets/okticon.eb5afc915290d09a33fa.ttf) format("truetype"), url(../font/assets/okticon.1caeb8a6b4c0808dfb52.svg#okticon) format("svg");
}
.wf-loading {
  visibility: hidden;
}
.wf-loading .ajax-include-feedback-content {
  visibility: hidden !important;
}

.wf-active {
  visibility: visible;
}

/* stylelint-disable scss/dollar-variable-colon-space-after */
/* stylelint-disable declaration-no-important, font-family-no-missing-generic-family-keyword, property-no-unknown, no-descending-specificity, selector-max-id */
.icon-svg {
  width: 1em;
  max-width: none;
  height: 1em;
  fill: currentColor;
}

[class^="-16"],
[class*="-16"] {
  position: relative;
  box-sizing: border-box;
  vertical-align: top;
}

[class^="-16"]::before,
[class*="-16"]::before,
[class^="-16"]::after,
[class*="-16"]::after {
  display: block;
  position: absolute;
  font-family: "okticon";
  font-size: 14px;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  font-smoothing: antialiased;
  font-style: normal !important;
  font-weight: 300 !important;
  text-indent: 0;
  white-space: normal;
  speak: none;
}

[class^="-13"]::before,
[class*="-13"]::before,
[class^="-13"]::after,
[class*="-13"]::after,
[class^="-14"]::before,
[class*="-14"]::before,
[class^="-14"]::after,
[class*="-14"]::after {
  display: block;
  position: absolute;
  font-family: "okticon";
  font-size: 14px;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-smoothing: antialiased;
  font-style: normal !important;
  font-weight: 300 !important;
  text-indent: 0;
  white-space: normal;
  speak: none;
}

[class^="-24"],
[class*="-24"] {
  box-sizing: border-box;
  vertical-align: top;
}

[class^="-24"]::before,
[class*="-24"]::before,
[class^="-24"]::after,
[class*="-24"]::after {
  display: block;
  position: absolute;
  font-family: "okticon";
  font-size: 24px;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-smoothing: antialiased;
  font-style: normal !important;
  font-weight: 300 !important;
  text-indent: 0;
  white-space: normal;
  speak: none;
}

[class^="-48"],
[class*="-48"] {
  box-sizing: border-box;
  vertical-align: top;
}

[class^="-48"]::before,
[class*="-48"]::before,
[class^="-48"]::after,
[class*="-48"]::after {
  display: block;
  position: absolute;
  font-family: "okticon";
  font-size: 48px;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-smoothing: antialiased;
  font-style: normal !important;
  font-weight: 300 !important;
  text-indent: 0;
  white-space: normal;
  speak: none;
}

[class^="-70"],
[class*="-70"] {
  box-sizing: border-box;
  vertical-align: top;
}

[class^="-70"]::before,
[class*="-70"]::before,
[class^="-70"]::after,
[class*="-70"]::after {
  display: block;
  position: absolute;
  font-family: "okticon";
  font-size: 70px;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-smoothing: antialiased;
  font-style: normal !important;
  font-weight: 300 !important;
  text-indent: 0;
  white-space: normal;
  speak: none;
}

[class^="-32"],
[class*="-32"] {
  box-sizing: border-box;
  vertical-align: top;
}

[class^="-32"]::before,
[class*="-32"]::before,
[class^="-32"]::after,
[class*="-32"]::after {
  display: block;
  position: absolute;
  font-family: "okticon";
  font-size: 32px;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-smoothing: antialiased;
  font-style: normal !important;
  font-weight: 300 !important;
  text-indent: 0;
  white-space: normal;
  speak: none;
}

.dismiss-icon {
  display: block;
  position: relative;
  font-family: "okticon";
  font-size: 16px;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-smoothing: antialiased;
  font-style: normal !important;
  font-weight: 300 !important;
  text-indent: 0;
  white-space: normal;
  speak: none;
}

.admin-banner .dismiss-icon::before {
  content: '\e04f';
  color: #ffffff;
}

.dismiss-icon::before {
  content: '\e04f';
  color: #c1c1c8;
}

.dismiss-icon:hover::before {
  content: '\e04f';
  color: #6e6e78;
}

#hide-getting-started.dismiss-icon {
  position: absolute;
  top: 5px;
  right: 5px;
  margin: 0;
  float: none;
}

#hide-getting-started.dismiss-icon:hover {
  text-decoration: none;
}

#getting-started-shortcut .dismiss-icon {
  content: '\e04f';
  color: #84d2b1;
}

#getting-started-shortcut .dismiss-icon:hover {
  content: '\e04f';
  color: #c1c1c8;
}

#hide-getting-started-shortcut {
  position: absolute;
  right: 15px;
  font-family: "okticon";
  font-size: 16px;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-smoothing: antialiased;
  font-style: normal !important;
  font-weight: 300 !important;
  text-align: center;
  text-decoration: none;
  speak: none;
}

#hide-getting-started-shortcut::before {
  content: '\e04f';
  color: #84d2b1;
}

#hide-getting-started-shortcut:hover::before {
  content: '\e04f';
  color: #84d2b1;
  text-decoration: none;
}

.okta-main-logo-link {
  display: block;
  position: relative;
  width: 55px;
  height: 60px;
}

.oktamainlogo::before {
  content: '\e06e';
  display: block;
  position: absolute;
  top: 0;
  height: 60px;
  color: #ffffff;
  font-family: "okticon";
  font-size: 55px;
  font-smoothing: antialiased;
  font-style: normal !important;
  font-weight: 300 !important;
  line-height: 1;
  text-indent: 0;
  vertical-align: top;
  white-space: normal;
  speak: none;
}

.oktaicon::before {
  content: '\e06c';
  display: block;
  position: absolute;
  top: -10px;
  color: #1662dd;
  font-family: "okticon";
  font-size: 80px;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-smoothing: antialiased;
  font-style: normal !important;
  font-weight: 300 !important;
  text-indent: 0;
  vertical-align: top;
  white-space: normal;
  speak: none;
}

.oktaicon::after {
  content: '\e06d';
  display: block;
  position: absolute;
  top: -10px;
  color: #212126;
  font-family: "okticon";
  font-size: 80px;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-smoothing: antialiased;
  font-style: normal !important;
  font-weight: 300 !important;
  text-indent: 0;
  vertical-align: top;
  white-space: normal;
  speak: none;
}

.person-add-16::before {
  content: '\e00d';
  color: #6e6e78;
}

.person-add-16::after {
  content: '\e001';
  color: #1662dd;
}

.app-add-16::before {
  content: '\e043';
  color: #6e6e78;
}

.app-add-16::after {
  content: '\e001';
  color: #1662dd;
}

.app-add-16-gray::before {
  content: '\e043';
  color: #6e6e78;
}

.app-add-16-gray::after {
  content: '\e001';
  color: #6e6e78;
}

.app-add-16-white::before {
  content: '\e043';
  color: #ffffff;
}

.app-add-16-white::after {
  content: '\e001';
  color: #ffffff;
}

.app-refresh-16::before {
  content: '\e047';
  color: #6e6e78;
}

.app-refresh-16::after {
  content: '\e008';
  color: #1662dd;
}

.app-remove-16::before {
  content: '\e044';
  color: #6e6e78;
}

.app-remove-16::after {
  content: '\e009';
  color: #da372c;
}

.person-import-16::before {
  content: '\e010';
  color: #6e6e78;
}

.person-import-16::after {
  content: '\e005';
  color: #6e6e78;
}

.person-import-16-green::before {
  content: '\e010';
  color: #6e6e78;
}

.person-import-16-green::after {
  content: '\e005';
  color: #00b478;
}

.admin-add-16::before {
  content: '\e012';
  color: #6e6e78;
}

.admin-add-16::after {
  content: '\e001';
  color: #1662dd;
}

.logo-upload-16::before {
  content: '\e016';
  color: #6e6e78;
}

.logo-upload-16::after {
  content: '\e00b';
  color: #1662dd;
}

.csv-file-16::before {
  content: '\e0af';
}

.person-activate-16::before {
  content: '\e00f';
  color: #6e6e78;
}

.person-activate-16::after {
  content: '\e000';
  color: #1662dd;
}

.person-suspend-16::before {
  content: '\e093';
  color: #6e6e78;
}

.person-suspend-16::after {
  content: '\e091';
  color: #1662dd;
}

.person-unsuspend-16::before {
  content: '\e095';
  color: #6e6e78;
}

.person-unsuspend-16::after {
  content: '\e092';
  color: #1662dd;
}

.person-override-16::before {
  content: '\e097';
  color: #6e6e78;
}

.person-override-16::after {
  content: '\e006';
  color: #1662dd;
}

.app-assign-16::before {
  content: '\e046';
  color: #6e6e78;
}

.app-assign-16::after {
  content: '\e002';
  color: #1662dd;
}

.app-unassign-16::before {
  content: '\e045';
  color: #6e6e78;
}

.app-unassign-16::after {
  content: '\e00a';
  color: #1662dd;
}

.person-deactivate-16::before {
  content: '\e00e';
  color: #6e6e78;
}

.person-deactivate-16::after {
  content: '\e009';
  color: #1662dd;
}

.arrow-left-16::before {
  transform: rotate(180deg);
  content: '\e02c';
  color: #1662dd;
}

.arrow-left-16-gray::before {
  transform: rotate(180deg);
  content: '\e02c';
  color: #6e6e78;
}

.arrow-right-16::before {
  content: '\e02c';
  color: #1662dd;
}

.arrow-right-16-gray::before {
  content: '\e02c';
  color: #c1c1c8;
}

.arrow-right-broken-16::before {
  content: '\e0c1';
  color: #1662dd;
}

.arrow-alt-right-16::before {
  content: '\e099';
  color: #6e6e78;
}

.arrow-down-16::before {
  transform: rotate(90deg);
  content: '\e02c';
  color: #1662dd;
}

.arrow-up-16::before {
  transform: rotate(-90deg);
  content: '\e02c';
  color: #1662dd;
}

.form-help-16::before {
  content: '\e054';
  color: #6e6e78;
}

.password-reset-16::before {
  content: '\e034';
  color: #6e6e78;
}

.password-reset-16::after {
  content: '\e035';
  color: #1662dd;
}

.support-16::before {
  content: '\e015';
  color: #6e6e78;
}

.status-16::before {
  content: '\e05b';
  color: #6e6e78;
}

.help-16::before {
  content: '\e054';
  color: #666666;
}

.help-14::before {
  content: '\e054';
  color: #ffc61c;
  font-size: 14px;
}

.help-13::before {
  content: '\e054';
  color: #c1c1c8;
  font-size: 14px;
}

.feedback-16::before {
  content: '\e02f';
  color: #6e6e78;
}

.suggest-feature-16::before {
  content: '\e062';
  color: #6e6e78;
}

.light-bulb-16::before {
  content: '\e062';
  color: #ffffff;
}

.report-bug-16::before {
  content: '\e05c';
  color: #6e6e78;
}

.person-16-blue::before {
  content: '\e00c';
  color: #1662dd;
}

.confirm-16::before {
  content: '\e030';
  color: #6e6e78;
}

.confirm-16-small::before {
  content: '\e031';
  color: #6e6e78;
}

.confirm-16-small-disabled::before {
  content: '\e031';
  color: #c1c1c8;
}

.confirm-16-disabled::before {
  content: '\e030';
  color: #c1c1c8;
}

.confirm-16-blue::before {
  content: '\e030';
  color: #1662dd;
}

.confirm-16-green::before {
  content: '\e030';
  color: #00b478;
}

.visibility-16::before {
  content: '\e022';
  color: #6e6e78;
}

.visibility-off-16::before {
  content: '\e0c3';
  color: #6e6e78;
}

.copy-to-clipboard-16::before {
  content: '\e0c2';
  color: #6e6e78;
}

.person-16-gray::before {
  content: '\e00c';
  color: #6e6e78;
}

.cancel-16::before {
  content: '\e02b';
  color: #6e6e78;
}

.cancel-16-small::before {
  content: '\e02b';
  color: #6e6e78;
}

.cancel-16-disabled::before {
  content: '\e02b';
  color: #c1c1c8;
}

.cancel-16-small-disabled::before {
  content: '\e02b';
  color: #c1c1c8;
}

.cancel-16-blue::before {
  content: '\e02b';
  color: #1662dd;
}

.cancel-16-light-gray::before {
  content: '\e02b';
  color: #c1c1c8;
}

.cancel-16-small-red::before {
  content: '\e02b';
  color: #da372c;
}

.checkbox-16::before {
  content: '\e032';
  color: #6e6e78;
}

.checkbox-16::after {
  content: '\e033';
  color: #1662dd;
}

.message-16::before {
  content: '\e02f';
  color: #6e6e78;
}

.activate-on-green-16::before {
  content: '\e02d';
  color: #00b478;
}

.deactivate-16::before {
  content: '\e02d';
  color: #6e6e78;
}

.deactivate-off-red-16::before {
  content: '\e02d';
  color: #da372c;
}

.delete-16::before {
  content: '\e04e';
  color: #da372c;
}

.delete-16-gray::before {
  content: '\e04e';
  color: #6e6e78;
}

.app-16-blue::before {
  content: '\e042';
  color: #1662dd;
}

.edit-16::before {
  content: '\e040';
  color: #6e6e78;
}

.edit-16-disabled::before {
  content: '\e040';
  color: #c1c1c8;
}

.edit-16-blue::before {
  content: '\e040';
  color: #1662dd;
}

.edit-16-white::before {
  content: '\e040';
  color: #ffffff;
}

.credentials-16::before {
  content: '\e03c';
  color: #6e6e78;
}

.launch-16::before {
  content: '\e06f';
  color: #6e6e78;
}

.app-16-gray::before {
  content: '\e042';
  color: #6e6e78;
}

.prev-16::before {
  transform: rotate(180deg);
  content: '\e020';
  color: #6e6e78;
}

.prev-13::before {
  transform: rotate(180deg);
  content: '\e01f';
  color: #6e6e78;
}

.next-16::before {
  content: '\e020';
  color: #6e6e78;
}

.next-13::before {
  content: '\e01f';
  color: #6e6e78;
  font-size: 16px;
}

.openinnewtab-16::before {
  content: '\e0c9';
  color: #1662dd;
}

.org-settings-16::before {
  content: '\e025';
  color: #6e6e78;
}

.org-settings-16::after {
  content: '\e026';
  color: #6e6e78;
}

.settings-white-16::before {
  content: '\e025';
  color: #ffffff;
}

.settings-white-16::after {
  content: '\e026';
  color: #ffffff;
}

.remove-16::before {
  content: '\e052';
  color: #6e6e78;
}

.remove-16-color::before {
  content: '\e052';
  color: #da372c;
}

.remove-16-disabled::before {
  content: '\e052';
  color: #c1c1c8;
}

.remove-16-red::before {
  content: '\e052';
  color: #da372c;
}

.clear-input-16::before {
  content: '\e02b';
  color: #6e6e78;
}

.reports-16::before {
  content: '\e048';
  color: #6e6e78;
}

.reports-16::after {
  content: '\e049';
  color: #1662dd;
}

.add-16::before {
  content: '\e050';
  color: #6e6e78;
}

.add-16-color::before {
  content: '\e050';
  color: #00b478;
}

.add-16-disabled::before {
  content: '\e050';
  color: #c1c1c8;
}

.add-16-white::before {
  content: '\e050';
  color: #ffffff;
}

.add-16-thin::before {
  content: '\e03a';
  color: #1662dd;
}

.link-16-blue::before {
  content: '\e0a2';
  color: #1662dd;
}

.expand-l-16-gray::before {
  transform: rotate(180deg);
  content: '\e056';
  color: #6e6e78;
}

.expand-r-16-gray::before {
  content: '\e056';
  color: #6e6e78;
}

.collapse-16-gray::before {
  transform: rotate(90deg);
  content: '\e056';
  color: #6e6e78;
}

.icon-ios-16::before {
  content: '\e088';
  color: #6e6e78;
}

.icon-android-16::before {
  content: '\e085';
  color: #78c257;
}

.icon-windows-16::before {
  content: '\e08f';
  color: #1662dd;
}

.icon-osx-16::before {
  content: '\e08e';
  color: #6e6e78;
}

.trust-16::before {
  content: '\e0a1';
  color: #6e6e78;
}

.expand-l-gray .icon::before {
  transform: rotate(180deg);
  content: '\e056';
  display: block;
  position: absolute;
  color: #c1c1c8;
  font-family: "okticon";
  font-size: 16px;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-smoothing: antialiased;
  font-style: normal !important;
  font-weight: 300 !important;
  text-indent: 0;
  white-space: normal;
  speak: none;
}

.expand-r-gray .icon::before {
  content: '\e056';
  display: block;
  position: absolute;
  color: #c1c1c8;
  font-family: "okticon";
  font-size: 16px;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-smoothing: antialiased;
  font-style: normal !important;
  font-weight: 300 !important;
  text-indent: 0;
  white-space: normal;
  speak: none;
}

.collapse-gray .icon::before {
  transform: rotate(90deg);
  content: '\e056';
  display: block;
  position: absolute;
  color: #c1c1c8;
  font-family: "okticon";
  font-size: 16px;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-smoothing: antialiased;
  font-style: normal !important;
  font-weight: 300 !important;
  text-indent: 0;
  white-space: normal;
  speak: none;
}

.collapse-16-up-gray::before {
  transform: rotate(-90deg);
  content: '\e056';
  color: #6e6e78;
}

.expand-l-16-blue::before {
  transform: rotate(180deg);
  content: '\e056';
  color: #1662dd;
}

.expand-r-16-blue::before {
  content: '\e056';
  color: #1662dd;
}

.collapse-16-blue::before {
  transform: rotate(90deg);
  content: '\e056';
  color: #1662dd;
}

.info-16::before {
  content: '\e053';
  color: #ffffff;
}

.info-16-white::before {
  content: '\e053';
  color: #ffffff;
}

.info-16-gray::before {
  content: '\e053';
  color: #6e6e78;
}

.info-16-blue::before {
  content: '\e053';
  color: #1662dd;
}

.warning-16::before {
  content: '\e058';
  color: #ffffff;
}

.warning-16-yellow::before {
  content: '\e058';
  color: #ffc61c;
}

.error-16::before {
  content: '\e055';
  color: #ffffff;
}

.error-16-small::before {
  content: '\e055';
  color: #da372c;
}

.error-16-red::before {
  content: '\e055';
  color: #da372c;
}

.success-16::before {
  content: '\e051';
  color: #ffffff;
}

.success-16-green::before {
  content: '\e051';
  color: #00b478;
}

.directory-add-16::before {
  content: '\e027';
  color: #6e6e78;
}

.directory-add-16::after {
  content: '\e001';
  color: #1662dd;
}

.directory-remove-16::before {
  content: '\e029';
  color: #6e6e78;
}

.directory-remove-16::after {
  content: '\e009';
  color: #1662dd;
}

.directory-16::before {
  content: '\e028';
  color: #6e6e78;
}

.directory-16-light-gray::before {
  content: '\e028';
  color: #c1c1c8;
}

.token-add-16::before {
  content: '\e03b';
  color: #6e6e78;
}

.token-add-16::after {
  content: '\e001';
  color: #1662dd;
}

.user-provisioning-16::before {
  content: '\e011';
  color: #c1c1c8;
}

.user-provisioning-16::after {
  content: '\e007';
  color: #c1c1c8;
}

.user-provisioning-16-green::before,
.user-provisioning-16.active::before {
  content: '\e011';
  color: #6e6e78;
}

.user-provisioning-16-green::after,
.user-provisioning-16.active::after {
  content: '\e007';
  color: #00b478;
}

.user-deprovisioning-16::before {
  content: '\e013';
  color: #6e6e78;
}

.user-deprovisioning-16::after {
  content: '\e003';
  color: #1662dd;
}

.import-users-16::before {
  content: '\e010';
  color: #c1c1c8;
}

.import-users-16::after {
  content: '\e005';
  color: #c1c1c8;
}

.import-users-16-green::before,
.import-users-16-green.active::before {
  content: '\e010';
  color: #6e6e78;
}

.import-users-16-green::after,
.import-users-16-green.active::after {
  content: '\e005';
  color: #00b478;
}

.password-sync-16::before {
  content: '\e034';
  color: #c1c1c8;
}

.password-sync-16::after {
  content: '\e035';
  color: #c1c1c8;
}

.password-sync-16-green::before,
.password-sync-16-green.active::before {
  content: '\e034';
  color: #6e6e78;
}

.password-sync-16-green::after,
.password-sync-16-green.active::after {
  content: '\e035';
  color: #00b478;
}

.user-deactivation-16::before {
  content: '\e00f';
  color: #c1c1c8;
}

.user-deactivation-16::after {
  content: '\e000';
  color: #c1c1c8;
}

.user-deactivation-16-green::before,
.user-deactivation-16-green.active::before {
  content: '\e00f';
  color: #6e6e78;
}

.user-deactivation-16-green::after,
.user-deactivation-16-green.active::after {
  content: '\e000';
  color: #00b478;
}

.swa-16::before {
  content: '\e03d';
  color: #c1c1c8;
}

.swa-16::after {
  content: '\e002';
  color: #c1c1c8;
}

.swa-16-green::before,
.swa-16-green.active::before {
  content: '\e03d';
  color: #6e6e78;
}

.swa-16-green::after,
.swa-16-green.active::after {
  content: '\e002';
  color: #00b478;
}

.advanced-sso-16::before {
  content: '\e017';
  color: #c1c1c8;
}

.advanced-sso-16::after {
  content: '\e018';
  color: #c1c1c8;
}

.advanced-sso-16-green::before,
.advanced-sso-16-green.active::before {
  content: '\e017';
  color: #00b478;
}

.advanced-sso-16-green::after,
.advanced-sso-16-green.active::after {
  content: '\e018';
  color: #6e6e78;
}

.advanced-sso-16-blue::before {
  content: '\e017';
  color: #1662dd;
}

.advanced-sso-16-blue::after {
  content: '\e018';
  color: #6e6e78;
}

.bookmark-16::before {
  content: '\e02a';
  color: #c1c1c8;
}

.bookmark-16-green::before,
.bookmark-16-green.active::before {
  content: '\e02a';
  color: #00b478;
}

.run-16::before {
  content: '\e04b';
  color: #1662dd;
}

.run-16-gray::before {
  content: '\e04b';
  color: #6e6e78;
}

.run-16-white::before {
  content: '\e04b';
  color: #ffffff;
}

.download-16::before {
  content: '\e03f';
  color: #1662dd;
}

.download-16-white::before {
  content: '\e03f';
  color: #ffffff;
}

.download-16-gray::before {
  content: '\e03f';
  color: #6e6e78;
}

.group-16::before {
  content: '\e019';
  color: #6e6e78;
}

.group-add-16::before {
  content: '\e01a';
  color: #6e6e78;
}

.group-add-16::after {
  content: '\e001';
  color: #1662dd;
}

.group-remove-16::before {
  content: '\e01d';
  color: #6e6e78;
}

.group-remove-16::after {
  content: '\e00a';
  color: #1662dd;
}

.group-member-add-16::before {
  content: '\e00d';
  color: #6e6e78;
}

.group-member-add-16::after {
  content: '\e001';
  color: #1662dd;
}

.group-member-remove-16::before {
  content: '\e00e';
  color: #6e6e78;
}

.group-member-remove-16::after {
  content: '\e009';
  color: #1662dd;
}

.config-16::before {
  content: '\e024';
  color: #6e6e78;
}

.group-override-16::before {
  content: '\e01e';
  color: #6e6e78;
}

.group-override-16::after {
  content: '\e006';
  color: #1662dd;
}

.search-add-16::before {
  content: '\e050';
  color: #c1c1c8;
}

.search-green-add-16::before {
  content: '\e050';
  color: #00b478;
}

.magnifying-glass-16::before {
  content: '\e041';
  color: #c1c1c8;
}

.location-16::before {
  content: '\e039';
  color: #6e6e78;
}

.time-16::before {
  content: '\e057';
  color: #6e6e78;
}

.time-alt-16::before {
  content: '\e082';
  color: #c1c1c8;
}

.user-clock-16::before {
  content: '\e0ad';
}

.user-clock-16::after {
  content: '\e0ae';
  color: #c1c1c8;
}

.calendar-16::before {
  content: '\e083';
  color: #c1c1c8;
}

.calendar-16-gray::before {
  content: '\e083';
  color: #6e6e78;
}

.people-16::before {
  content: '\e019';
  color: #6e6e78;
}

.conversation-16::before {
  content: '\e023';
  color: #6e6e78;
}

.conversation-16-white::before {
  content: '\e023';
  color: #ffffff;
}

.megaphone-16::before {
  content: '\e065';
  color: #6e6e78;
}

.active-sync-16::before {
  content: '\e01c';
  color: #6e6e78;
}

.active-sync-16::after {
  content: '\e007';
  color: #00b478;
}

.active-sync-16-reverse::before {
  content: '\e01c';
  color: #ffffff;
}

.active-sync-16-reverse::after {
  content: '\e007';
  color: #00b478;
}

.inactive-sync-16::before {
  content: '\e01c';
  color: #c1c1c8;
}

.inactive-sync-16::after {
  content: '\e007';
  color: #c1c1c8;
}

.error-sync-16::before {
  content: '\e01c';
  color: #6e6e78;
}

.error-sync-16::after {
  content: '\e007';
  color: #da372c;
}

.tasks-16-pending::before {
  content: '\e032';
  color: #6e6e78;
}

.tasks-16-pending::after {
  content: '\e033';
  color: #ffc61c;
}

.password-reset-16-red::before {
  content: '\e034';
  color: #6e6e78;
}

.password-reset-16-red::after {
  content: '\e035';
  color: #da372c;
}

.person-activate-16-yellow::before {
  content: '\e00f';
  color: #6e6e78;
}

.person-activate-16-yellow::after {
  content: '\e000';
  color: #ffc61c;
}

.person-import-16-yellow::before {
  content: '\e010';
  color: #6e6e78;
}

.person-import-16-yellow::after {
  content: '\e005';
  color: #ffc61c;
}

.apps-16-red::before {
  content: '\e042';
  color: #da372c;
}

.code-brackets-16::before {
  content: '\e038';
  color: #6e6e78;
}

.code-brackets-16-white::before {
  content: '\e038';
  color: #ffffff;
}

.refresh-16::before {
  content: '\e03e';
  color: #6e6e78;
}

.refresh-16-blue::before {
  content: '\e03e';
  color: #1662dd;
}

.refresh-16-white::before {
  content: '\e03e';
  color: #ffffff;
}

.back-16::before {
  transform: rotate(180deg);
  content: '\e02c';
  color: #ffffff;
}

.filter-16::before {
  content: '\e04a';
  color: #6e6e78;
}

.filter-16-reverse::before {
  content: '\e04a';
  color: #ffffff;
}

.clone-16::before {
  content: '\e036';
  color: #6e6e78;
}

.clone-16::after {
  content: '\e037';
  color: #1662dd;
}

.duo-push-16::before {
  content: '\e051';
  color: #6e6e78;
}

.okta-push-16::before {
  content: '\e051';
  color: #6e6e78;
}

.duo-sms-16::before {
  content: '\e02e';
  color: #6e6e78;
}

.duo-call-16::before {
  content: '\e021';
  color: #6e6e78;
}

.factory-reset-16::before {
  content: '\e04c';
  color: #6e6e78;
}

.wipe-device-16::before {
  content: '\e0b4';
  color: #6e6e78;
}

.no-16::before {
  content: '\e04d';
  color: #6e6e78;
}

.expression-16::before {
  content: '\e068';
  color: #1662dd;
}

.omm-enrolling-16::before {
  content: '\e05a';
  color: #00b478;
}

.remote-lock-16::before {
  content: '\e05d';
  color: #6e6e78;
}

.asterisk-16::before {
  content: '\e071';
  color: #1662dd;
  font-size: 12px;
}

.asterisk-16-white::before {
  content: '\e071';
  color: #ffffff;
}

.configure-16::before {
  content: '\e076';
  color: #6e6e78;
}

.configure-16-white::before {
  content: '\e076';
  color: #ffffff;
}

.instructions-16::before {
  content: '\e064';
  color: #ffffff;
}

.instructions-16-gray::before {
  content: '\e064';
  color: #6e6e78;
}

.tombstone-16::before {
  content: '\e084';
  color: #6e6e78;
}

.send-16::before {
  content: '\e094';
  color: #6e6e78;
}

.question-16::before {
  content: '\e096';
  color: #6e6e78;
}

.hourglass-16::before {
  content: '\e090';
  color: #6e6e78;
}

.device-16::before {
  content: '\e069';
  color: #6e6e78;
}

.wifi-16::before {
  content: '\e09b';
  color: #6e6e78;
}

.shape-16::before {
  content: '\e0da';
  color: #6e6e78;
}

.envelope-16::before {
  content: '\e0c4';
  color: #6e6e78;
}

.add::before {
  content: '\e050';
  display: block;
  position: absolute;
  color: #00b478;
  font-family: "okticon";
  font-size: 16px;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-smoothing: antialiased;
  font-style: normal !important;
  font-weight: 300 !important;
  text-indent: 0;
  white-space: normal;
  speak: none;
}

.success-icon::before {
  content: '\e051';
  display: block;
  position: absolute;
  color: #00b478;
  font-family: "okticon";
  font-size: 16px;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-smoothing: antialiased;
  font-style: normal !important;
  font-weight: 300 !important;
  text-indent: 0;
  white-space: normal;
  speak: none;
}

.encrypted-16-green::before {
  content: '\e098';
  color: #00b478;
}

.encrypted-16-red::before {
  content: '\e098';
  color: #da372c;
}

.icon-options-16::before {
  content: '\e09f';
  color: #6e6e78;
}

.icon-laptop-16::before {
  content: '\e08d';
  color: #6e6e78;
}

.icon-iphone-16::before {
  content: '\e08c';
  color: #6e6e78;
}

.icon-server-16::before {
  content: '\e0a0';
  color: #6e6e78;
}

.icon-webapp-16::before {
  content: '\e09d';
  color: #6e6e78;
}

.icon-aura-16::before {
  content: '\e09e';
  color: #6e6e78;
}

.icon-aura-16-blue::before {
  content: '\e09e';
  color: #1662dd;
}

.person-add-24::before {
  content: '\e00d';
  color: #6e6e78;
}

.person-add-24::after {
  content: '\e001';
  color: #1662dd;
}

.app-add-24::before {
  content: '\e043';
  color: #6e6e78;
}

.app-add-24::after {
  content: '\e001';
  color: #1662dd;
}

.app-add-24-gray::before {
  content: '\e043';
  color: #6e6e78;
}

.app-add-24-gray::after {
  content: '\e001';
  color: #6e6e78;
}

.app-refresh-24::before {
  content: '\e047';
  color: #6e6e78;
}

.app-refresh-24::after {
  content: '\e008';
  color: #1662dd;
}

.person-import-24::before {
  content: '\e010';
  color: #6e6e78;
}

.person-import-24::after {
  content: '\e005';
  color: #1662dd;
}

.person-import-24-yellow::before {
  content: '\e010';
  color: #6e6e78;
}

.person-import-24-yellow::after {
  content: '\e005';
  color: #ffc61c;
}

.admin-add-24::before {
  content: '\e012';
  color: #6e6e78;
}

.admin-add-24::after {
  content: '\e001';
  color: #1662dd;
}

.logo-upload-24::before {
  content: '\e016';
  color: #6e6e78;
}

.logo-upload-24::after {
  content: '\e00b';
  color: #1662dd;
}

.person-activate-24::before {
  content: '\e00f';
  color: #6e6e78;
}

.person-activate-24::after {
  content: '\e000';
  color: #1662dd;
}

.person-activate-24-yellow::before {
  content: '\e00f';
  color: #6e6e78;
}

.person-activate-24-yellow::after {
  content: '\e000';
  color: #ffc61c;
}

.person-edit-24::before {
  content: '\e066';
  color: #6e6e78;
}

.person-edit-24::after {
  content: '\e004';
  color: #1662dd;
}

.app-assign-24::before {
  content: '\e046';
  color: #6e6e78;
}

.app-assign-24::after {
  content: '\e002';
  color: #1662dd;
}

.apps-24::before {
  content: '\e042';
  color: #6e6e78;
}

.apps-24-green::before {
  content: '\e042';
  color: #00b478;
}

.apps-24-red::before {
  content: '\e042';
  color: #da372c;
}

.app-unassign-24::before {
  content: '\e045';
  color: #6e6e78;
}

.app-unassign-24::after {
  content: '\e00a';
  color: #1662dd;
}

.app-unassign-24-yellow::before {
  content: '\e045';
  color: #6e6e78;
}

.app-unassign-24-yellow::after {
  content: '\e00a';
  color: #ffc61c;
}

.person-deactivate-24::before {
  content: '\e00e';
  color: #6e6e78;
}

.person-deactivate-24::after {
  content: '\e009';
  color: #1662dd;
}

.password-reset-24::before {
  content: '\e034';
  color: #6e6e78;
}

.password-reset-24::after {
  content: '\e035';
  color: #1662dd;
}

.password-reset-24-red::before {
  content: '\e034';
  color: #6e6e78;
}

.password-reset-24-red::after {
  content: '\e035';
  color: #da372c;
}

.feedback-24::before {
  content: '\e02f';
  color: #6e6e78;
}

.person-24::before {
  content: '\e00c';
  color: #6e6e78;
}

.person-24-green::before {
  content: '\e00c';
  color: #00b478;
}

.person-24-red::before {
  content: '\e00c';
  color: #da372c;
}

.people-24::before {
  content: '\e019';
  color: #6e6e78;
}

.instructions-24::before {
  content: '\e064';
  color: #ffffff;
}

.plugin-required-24::before {
  content: '\e063';
  color: #6e6e78;
}

.info-24::before {
  content: '\e053';
  color: #ffffff;
}

.info-24-blue::before {
  content: '\e053';
  color: #1662dd;
}

.warning-24::before {
  content: '\e058';
  color: #ffffff;
}

.warning-24-yellow::before {
  content: '\e058';
  color: #ffc61c;
}

.error-24::before {
  content: '\e055';
  color: #ffffff;
}

.success-24::before {
  content: '\e051';
  color: #ffffff;
}

.directory-add-24::before {
  content: '\e027';
  color: #6e6e78;
}

.directory-add-24::after {
  content: '\e001';
  color: #1662dd;
}

.directory-remove-24::before {
  content: '\e029';
  color: #6e6e78;
}

.directory-remove-24::after {
  content: '\e009';
  color: #1662dd;
}

.directory-24::before {
  content: '\e028';
  color: #6e6e78;
}

.directory-24-green::before {
  content: '\e028';
  color: #00b478;
}

.directory-24-red::before {
  content: '\e028';
  color: #da372c;
}

.preview-24::before {
  content: '\e022';
  color: #da372c;
}

.token-add-24::before {
  content: '\e03b';
  color: #6e6e78;
}

.token-add-24::after {
  content: '\e002';
  color: #1662dd;
}

.group-24::before {
  content: '\e019';
  color: #6e6e78;
}

.group-add-24::before {
  content: '\e01a';
  color: #6e6e78;
}

.group-add-24::after {
  content: '\e001';
  color: #1662dd;
}

.settings-24::before {
  content: '\e025';
  color: #6e6e78;
}

.settings-24::after {
  content: '\e026';
  color: #6e6e78;
}

.reports-24::before {
  content: '\e048';
  color: #6e6e78;
}

.reports-24::after {
  content: '\e049';
  color: #1662dd;
}

.security-24::before {
  content: '\e05d';
  color: #6e6e78;
}

.wifi-24::before {
  content: '\e09b';
  color: #6e6e78;
}

.wifi-add-16::before {
  content: '\e09c';
  color: #6e6e78;
}

.wifi-add-16::after {
  content: '\e001';
  color: #1662dd;
}

.credentials-24::before {
  content: '\e03c';
  color: #6e6e78;
}

.dashboard-24::before {
  content: '\e05e';
  color: #6e6e78;
}

.dashboard-24::after {
  content: '\e05f';
  color: #1662dd;
}

.tasks-notepad-24::before {
  content: '\e060';
  color: #6e6e78;
}

.tasks-notepad-24::after {
  content: '\e061';
  color: #1662dd;
}

.profile-sync-24::before {
  content: '\e067';
  color: #6e6e78;
}

.profile-sync-24::after {
  content: '\e004';
  color: #1662dd;
}

.light-bulb-24::before {
  content: '\e062';
  color: #ffffff;
}

.warning-important-24::before {
  content: '\e058';
  color: #ffffff;
}

.download-24::before {
  content: '\e03f';
  color: #6e6e78;
}

.icon-devices-24::before {
  content: '\e069';
  color: #6e6e78;
}

.icon-options-24::before {
  content: '\e09f';
  color: #6e6e78;
}

.icon-laptop-24::before {
  content: '\e08d';
  color: #6e6e78;
}

.icon-iphone-24::before {
  content: '\e08c';
  color: #6e6e78;
}

.icon-server-24::before {
  content: '\e0a0';
  color: #6e6e78;
}

.icon-webapp-24::before {
  content: '\e09d';
  color: #6e6e78;
}

.icon-aura-24::before {
  content: '\e09e';
  color: #6e6e78;
}

.icon-aura-24-blue::before {
  content: '\e09e';
  color: #1662dd;
}

.swa-24-green::before,
.swa-24-green.active::before {
  content: '\e03d';
  color: #6e6e78;
}

.swa-24-green::after,
.swa-24-green.active::after {
  content: '\e002';
  color: #00b478;
}

.remote-lock-24::after {
  content: '\e05d';
  color: #6e6e78;
}

.cancel-24::before {
  content: '\e02b';
  color: #6e6e78;
}

.apps-32-gray::before {
  content: '\e042';
  color: #6e6e78;
}

.icon-browser-32::before {
  content: '\e0b1';
  color: #6e6e78;
}

.icon-web-32::before {
  content: '\e0b3';
  color: #6e6e78;
}

.icon-server-2-32::before {
  content: '\e0b2';
  color: #6e6e78;
}

.icon-all-devices-32::before {
  content: '\e08a';
  color: #6e6e78;
}

.icon-laptop-32::before {
  content: '\e08d';
  color: #6e6e78;
}

.icon-iphone-32::before {
  content: '\e08c';
  color: #6e6e78;
}

.icon-ipad-32::before {
  content: '\e08b';
  color: #6e6e78;
}

.icon-ipod-touch-32::before {
  content: '\e08c';
  color: #6e6e78;
}

.icon-unknown-32::before {
  content: '\e08c';
  color: #6e6e78;
}

.icon-android-phone-32::before {
  content: '\e086';
  color: #6e6e78;
}

.icon-android-tab-32::before {
  content: '\e087';
  color: #6e6e78;
}

.warning-32::before {
  content: '\e058';
  color: #ffffff;
}

.icon-options-32::before {
  content: '\e09f';
  color: #6e6e78;
}

.icon-server-32::before {
  content: '\e0a0';
  color: #6e6e78;
}

.icon-webapp-32::before {
  content: '\e09d';
  color: #6e6e78;
}

.icon-aura-32::before {
  content: '\e09e';
  color: #6e6e78;
}

.icon-aura-32-blue::before {
  content: '\e09e';
  color: #1662dd;
}

.file-cert-32::before {
  content: '\e09a';
  color: #6e6e78;
}

.code-python-32::after {
  content: '\e0b5';
  color: #1662dd;
}

.code-php-32::after {
  content: '\e0b6';
  color: #00297a;
}

.code-javascript-32::after {
  content: '\e0b7';
  color: #ffc61c;
}

.code-java-32::after {
  content: '\e0b8';
  color: #e97107;
}

.code-ios-32::after {
  content: '\e0be';
  color: #c1c1c8;
}

.code-android-32::after {
  content: '\e0bc';
  color: #00b478;
}

.code-dotnet-32::after {
  content: '\e0b9';
  color: #8d6e97;
}

.code-angular-32::after {
  content: '\e0bd';
  color: #da372c;
}

.code-node-32::after {
  content: '\e0bf';
  color: #00b478;
}

.code-react-32::after {
  content: '\e0c0';
  color: #1662dd;
}

.code-python-32::before,
.code-php-32::before,
.code-javascript-32::before,
.code-java-32::before,
.code-ios-32::before,
.code-android-32::before,
.code-dotnet-32::before,
.code-angular-32::before,
.code-node-32::before,
.code-react-32::before {
  content: '\e0ba';
  color: #ffffff;
}

.people-32-gray::before {
  content: '\e019';
  color: #6e6e78;
}

.teach-48::before {
  content: '\e074';
  color: #ffffff;
}

.file-cert-48::before {
  content: '\e09a';
  color: #6e6e78;
}

.icon-devices-70::before {
  content: '\e069';
  color: #c1c1c8;
}

[class^=-light]::before,
[class*=-light]::before,
[class^=-light]::after,
[class*=-light]::after {
  display: block;
  position: absolute;
  font-family: "okticon";
  font-size: 14px;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-smoothing: antialiased;
  font-style: normal !important;
  font-weight: 300 !important;
  text-indent: 0;
  white-space: normal;
  speak: none;
}

.green-light::before {
  content: '\e072';
  color: #00b478;
}

.yellow-light::before {
  content: '\e072';
  color: #ffc61c;
}

.red-light::before {
  content: '\e072';
  color: #da372c;
}

.gray-light::before {
  content: '\e072';
  display: block;
  position: absolute;
  color: #c1c1c8;
  font-family: "okticon";
  font-size: 14px;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-smoothing: antialiased;
  font-style: normal !important;
  font-weight: 300 !important;
  text-indent: 0;
  white-space: normal;
  speak: none;
}

.legend-light::before {
  content: '\e072';
  color: #f5f5f6;
}

.legend-light::after {
  content: '\e073';
  color: #6e6e78;
}

.link-button.button-error .icon.info-16-gray::before {
  color: #ffffff;
}

.link-button.button-primary .icon.active-sync-16::before {
  color: #ffffff;
}

.link-button.button-primary .icon.active-sync-16::after {
  color: #ffffff;
}

.single-click-edit-controls .icon.cancel-16-small::before {
  left: 2px;
  font-size: 12px;
}

.search-box .clear-input-16::before {
  font-size: 12px;
}

.microsoft-16 {
  background-image: url(../img/icons/login/microsoft_logo.58396185c00bfdba4203.png);
  background-repeat: no-repeat;
  background-size: contain;
}

.apple-16 {
  background-image: url(../img/icons/login/apple_logo.5770c0079f5cb8ce27fb.png);
  background-repeat: no-repeat;
  background-size: contain;
}

.facebook-square-16::before {
  content: '\e077';
  color: #1662dd;
}

.facebook-16::before {
  content: '\e078';
  color: #1662dd;
}

.google-16 {
  background-image: url(../img/icons/login/google_logo.323a3df9563b4c9566c8.png);
  background-repeat: no-repeat;
  background-size: contain;
}

.twitter-square-16::before {
  content: '\e07c';
  color: #6e6e78;
}

.twitter-16::before {
  content: '\e07b';
  color: #6e6e78;
}

.linkedin-square-16::before {
  content: '\e07e';
  color: #6e6e78;
}

.linkedin-16::before {
  content: '\e07d';
  color: #6e6e78;
}

.openid-16::before {
  content: '\e07a';
  color: #6e6e78;
}

.smartcard-16 {
  margin: 2px 0 0;
  background-image: url(../img/icons/16x16/smart_card16.6d10d7dc5fb2fa410e5c.png);
  background-repeat: no-repeat;
}

/* stylelint-disable declaration-no-important, selector-no-qualifying-type, no-descending-specificity, selector-max-compound-selectors */
.icon-16 span.icon,
.icon-list-16 li,
.icon-16.icon,
.icon-16.icon-only {
  display: inline-block;
  width: 14px;
  height: 1.7142857rem;
}

.icon-16 span.icon,
.icon-16.icon {
  margin-right: 0.428571425rem;
}

.icon-24 span.icon,
.icon-24.icon {
  display: inline-block;
  width: 24px;
  height: 41.1428568px;
}

.icon-32.icon {
  display: inline-block;
  width: 32px;
  height: 54.8571424px;
}

.icon-48.icon {
  display: inline-block;
  width: 48px;
  height: 82.2857136px;
}

.icon-128.icon {
  display: inline-block;
  width: 78px;
  height: 128px;
}

.icon-128 span.icon {
  position: absolute;
}

.icon-16.icon-only,
.icon-24.icon-only,
.icon-32.icon-only {
  position: relative;
  padding: 0;
}

/* stylelint-disable font-family-no-missing-generic-family-keyword */
.icon-dm::before {
  content: "▾";
  display: block;
  position: absolute;
  font-family: "okticon";
  font-size: 1.1487rem;
  line-height: 1;
}

.search-box .clear-input-16 {
  line-height: 16px;
}

.bullets,
.no-bullets {
  margin: 0 27px;
}

.bullets li,
.no-bullets li,
.border-list li {
  line-height: 18px;
}

ul.bullets {
  list-style-type: disc;
}

ul.bullets li > ul > li {
  list-style-type: circle;
}

ol.bullets {
  list-style-type: decimal;
}

.float-l {
  float: left !important;
}

.float-r {
  float: right !important;
}

.clearfix {
  display: block;
}

.clearfix::after {
  content: ".";
  display: block;
  visibility: hidden;
  height: 0;
  clear: both;
}

/* Required for helper to work with Opera */
* html .clearfix {
  height: 1%;
}

.margin-btm-5 {
  margin-bottom: 5px !important;
}

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

.margin-btm-15 {
  margin-bottom: 15px !important;
}

.margin-btm-30 {
  margin-bottom: 30px !important;
}

.margin-top-15 {
  margin-top: 15px !important;
}

.hide {
  display: none !important;
}

.disable-pointer-events {
  pointer-events: none;
}

.header-visually-hidden {
  position: absolute;
  width: 1px;
  height: 1px;
  overflow: hidden;
  clip: rect(0 0 0 0);
  white-space: nowrap;
  -webkit-clip-path: inset(50%);
          clip-path: inset(50%);
}

/* stylelint-disable declaration-no-important */
.infobox-before-common, .infobox-xl::before, .infobox-compact::before, .infobox-md::before, .infobox::before {
  content: "";
  position: absolute;
  top: -1px;
  bottom: -1px;
  left: -1px;
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
}

.infobox {
  position: relative;
  min-height: 1.7142857rem;
  padding: 0.85714285rem 1.7142857rem 0.85714285rem calc(1.7142857rem + 1.1487rem + 1.7142857rem);
  word-wrap: break-word;
  overflow-wrap: break-word;
}
.infobox::before {
  width: calc(1.7142857rem + 1.1487rem);
  background-color: #1662dd;
}
.infobox.infobox-no-icon {
  padding-left: 1.7142857rem !important;
}
.infobox.infobox-no-icon::before {
  display: none;
}
.infobox > .icon {
  position: absolute;
  top: 0.6428571375rem;
  left: 0.85714285rem;
}
.infobox > .icon::before {
  position: static;
}
.infobox a {
  line-height: 1.7142857;
}
.infobox .link-button {
  line-height: 1.7142857;
}
.infobox p {
  margin-bottom: 0;
  max-width: initial;
}
.infobox + .infobox,
.infobox + h2 {
  margin-top: 1.7142857rem;
}
.infobox .two_col_left {
  width: 80%;
}
.infobox .two_col_right {
  width: 19%;
  margin-left: 1%;
  padding-left: 0;
}
.infobox .two_col_right .button-primary {
  box-sizing: border-box;
  width: 100% !important;
  float: right;
}

.infobox[style="display: none;"] + .infobox,
.infobox[style="display:none;"] + .infobox {
  margin-top: 0;
}

.infobox.infobox-confirm-fixed + .infobox.infobox-confirm-fixed {
  margin-top: 0;
}

.infobox h2,
.infobox h3,
.infobox h4,
.infobox h2 *,
.infobox h3 *,
.infobox h4 * {
  margin: 0;
  padding: 0;
  font-size: 1rem;
  font-weight: bold;
  line-height: 1.3;
}

.infobox h2 span,
.infobox h3 span {
  color: #212126;
}

.infobox h2 + *,
.infobox h3 + *,
.infobox p + *,
.infobox ul + *,
.infobox ol + *,
.infobox li + * {
  margin-top: 0.85714285rem;
}

.infobox,
.infobox-md {
  border: 1px solid #c1c1c8;
  border-radius: 4px;
  background-color: #ffffff;
}

.infobox-md {
  min-height: 1.7142857rem;
  padding: 0.85714285rem 1.7142857rem 0.85714285rem calc(1.7142857rem + 1.7411111rem + 1.7142857rem);
}
.infobox-md h2,
.infobox-md h3 {
  font-size: 1rem;
}
.infobox-md h2 *,
.infobox-md h3 * {
  margin: 0;
  line-height: 1.3;
}
.infobox-md::before {
  width: calc(1.7142857rem + 1.7411111rem);
}
.infobox-md > .icon {
  left: 0.85714285rem;
  top: 0.1428571417rem;
}
.infobox-md + .button-bar.button-bar-attached {
  width: auto;
  padding-left: 3.4285714rem;
  float: none;
}
.infobox-md + .button-bar.button-bar-attached.button-bar-l-height {
  line-height: 1.7142857;
}

.infobox-compact {
  min-height: 1.7142857rem;
  padding: 0.85714285rem 1.7142857rem 0.85714285rem calc(0.85714285rem + 1rem + 1.7142857rem) !important;
  border-width: 1px;
  border-style: solid;
  border-radius: 4px;
  border-color: #d7d7dc;
  background-color: #ffffff;
}
.infobox-compact a,
.infobox-compact p,
.infobox-compact li {
  line-height: 1.7142857;
}
.infobox-compact h2 + *,
.infobox-compact h3 + *,
.infobox-compact p + *,
.infobox-compact ul + *,
.infobox-compact ol + *,
.infobox-compact li + * {
  margin-top: 0.428571425rem;
}
.infobox-compact::before {
  width: calc(0.85714285rem + 1.1487rem);
}
.infobox-compact + p {
  margin-top: 0.428571425rem;
}
.infobox-compact > .icon {
  left: 0.428571425rem;
}

.infobox-slim {
  padding: 0.85714285rem 0.85714285rem 0.85714285rem 1.7142857rem !important;
  border: 0;
  background-color: transparent;
}
.infobox-slim::before {
  width: 0.85714285rem;
  border-radius: 0;
}

.infobox-xl {
  min-height: 1.7142857rem;
  padding: 0.85714285rem 1.7142857rem 0.85714285rem 6.8571428rem !important;
}
.infobox-xl::before {
  width: calc(3.4285714rem + 1.1487rem);
}
.infobox-xl > .icon {
  left: 0.85714285rem;
}

.infobox-teach.infobox-dismiss .button-teach {
  margin-top: 1.7142857rem;
  float: right;
}

.infobox-dismiss {
  padding-right: 2.142857125rem !important;
}

.infobox-dismiss-link {
  display: block;
  position: absolute;
  right: 0.85714285rem;
  top: 0.5714285667rem;
  color: #212126;
  line-height: 1.7142857;
  cursor: pointer;
}

.infobox-dismiss-link:hover {
  text-decoration: none;
}

.help-wrap .infobox.infobox-dismiss .infobox-dismiss-link {
  top: 0;
  right: 0;
}

.infobox-dismiss-hide {
  display: none !important;
}

.infobox-confirm {
  position: absolute !important;
  z-index: 10;
  top: 20px;
  right: 0;
  left: 0;
  width: 32em;
  margin: auto;
  box-shadow: 0 2px 0 rgba(160, 160, 160, 0.1);
}

.infobox-confirm-fixed {
  position: fixed !important;
  top: 106px;
}
.infobox-confirm-fixed .infobox-dismiss-link {
  top: 14px;
  right: 14px;
}

.infobox.infobox-subtle.infobox-success::before,
.help-wrap .infobox.infobox-success::before,
.infobox-success::before {
  background-color: #00b478;
}

.infobox.infobox-subtle.infobox-warning::before,
.help-wrap .infobox.infobox-warning::before,
.infobox-warning::before {
  background-color: #ffc61c;
}

.infobox.infobox-subtle.infobox-error::before,
.help-wrap .infobox.infobox-error::before,
.infobox-error::before {
  background-color: #da372c;
}

.infobox.infobox-subtle.infobox-tip::before,
.infobox.infobox-subtle.infobox-teach::before,
.help-wrap .infobox.infobox-tip::before,
.help-wrap .infobox.infobox-teach::before,
.infobox-tip::before,
.infobox-teach::before {
  background-color: #8d6e97;
}

.infobox-warning .icon.processing-16 {
  width: 16px;
  height: 16px;
  background: url(../img/ui/indicators/ajax-loader-processing-16.b7b6c1853fe1c245b9fa.gif) no-repeat 0 0 transparent;
}

.infobox-warning .icon.processing-24 {
  width: 24px;
  height: 24px;
  background: url(../img/ui/indicators/ajax-loader-processing-24.96b57f321b4bbf28f519.gif) no-repeat 0 0 transparent;
}

.infobox-error .icon.processing-16 {
  width: 16px;
  height: 16px;
  background: url(../img/icons/16x16/error-01.c2bd40c8d1d6afa3f4ad.png) no-repeat 0 0 transparent;
}

.infobox + .button-bar,
.infobox + .button-bar-small {
  border-top: 0;
}

.infobox-no-border + .button-bar,
.infobox-no-border + .button-bar-small {
  border-top: 1px solid #c1c1c8;
}

.infobox-no-border {
  border: 0 !important;
}

.infobox-text {
  padding: 0;
}

.infobox-header {
  font-weight: bold;
}

.infobox-divider {
  border-bottom: 1px dotted #d7d7dc;
}

.edit-form .infobox,
.read-only-form .infobox,
.ajax-form-editor .infobox,
.form-content-wrap .infobox,
.o-form .infobox,
.m-form .infobox,
.v-form .infobox,
.modal-content-wrap .infobox {
  background-color: #ffffff;
}

.infobox.infobox-subtle,
.help-wrap .infobox {
  padding: 0 0 0 1.7142857rem !important;
  border: 0;
  background: transparent;
}
.infobox.infobox-subtle::before,
.help-wrap .infobox::before {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  width: 6px;
  border-radius: 0;
  background-color: #1662dd;
}
.infobox.infobox-subtle .icon,
.help-wrap .infobox .icon {
  display: none;
}

/* stylelint-disable no-descending-specificity, no-duplicate-selectors, selector-no-qualifying-type, selector-max-compound-selectors, declaration-no-important, media-feature-name-no-vendor-prefix, media-feature-name-no-unknown, selector-class-pattern */
/*
 * Okta form styles
 */
.o-form {
  border: 1px solid #c1c1c8;
  border-radius: 4px;
  padding: 0.85714285rem;
}
.o-form p {
  max-width: initial;
}

/* Form layout and base styling */
.o-form-fieldset {
  display: flex;
  width: 100%;
  height: auto;
  margin-bottom: 1.7142857rem;
  word-wrap: break-word;
}

.o-form-fieldset:last-child {
  margin-bottom: 0;
}

/* Required for helper to work with Opera */
* html .o-form-fieldset {
  height: 1%;
}

/* end clearfix */
.o-form-label,
.o-form-input {
  display: inline-block;
}

.o-form-label {
  width: 38%;
  color: #212126;
  font-weight: 400;
  line-height: 1.7142857;
  vertical-align: top;
}
.o-form-label a.icon-16 {
  display: inline;
  top: -1px;
  margin-left: 0.428571425rem;
}

.okta-form-input-error {
  margin-bottom: 0;
}

.o-form-label + .o-form-input {
  padding-left: 1.7142857rem;
}

.o-form-input {
  width: 62%;
  /* o-form dynamic array inputs */
}
.o-form-input .o-form-input-group + .o-form-input-group,
.o-form-input .o-form-input-group + .link-button {
  margin-top: 1.7142857rem;
}
.o-form-input .o-form-input-group-compact + .o-form-input-group,
.o-form-input .o-form-input-group-compact + .link-button {
  margin-top: 0.428571425rem;
}
.o-form-input .array-inputs-button {
  clear: both;
}
.o-form-input .o-form-input-group-controls {
  width: 100%;
}
.o-form-input .o-form-input-group .o-form-control:first-child .chzn-single {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.o-form-input .o-form-input-group .chzn-container-single {
  float: none;
}
.o-form-input .o-form-input-group .link-button:last-child {
  border-radius: 0 4px 4px 0;
}
.o-form-input :last-child .custom-checkbox > label,
.o-form-input :last-child .custom-radio > label {
  margin-bottom: 0;
}

/* Input and label */
.o-form .input-fix,
.o-form .textarea-fix,
.o-form .o-form-control {
  display: block;
  position: relative;
}
.o-form .input-fix input[type=text],
.o-form .input-fix input[type=textbox],
.o-form .input-fix input[type=tel],
.o-form .input-fix input[type=number],
.o-form .input-fix input[type=password],
.o-form .textarea-fix input[type=text],
.o-form .textarea-fix input[type=textbox],
.o-form .textarea-fix input[type=tel],
.o-form .textarea-fix input[type=number],
.o-form .textarea-fix input[type=password],
.o-form .o-form-control input[type=text],
.o-form .o-form-control input[type=textbox],
.o-form .o-form-control input[type=tel],
.o-form .o-form-control input[type=number],
.o-form .o-form-control input[type=password] {
  height: calc(2.57142855em + 2px);
}
.o-form .input-fix textarea,
.o-form .textarea-fix textarea,
.o-form .o-form-control textarea {
  resize: vertical;
}
.o-form .input-fix input[type=text],
.o-form .input-fix input[type=textbox],
.o-form .input-fix input[type=tel],
.o-form .input-fix input[type=number],
.o-form .input-fix input[type=password],
.o-form .input-fix textarea,
.o-form .textarea-fix input[type=text],
.o-form .textarea-fix input[type=textbox],
.o-form .textarea-fix input[type=tel],
.o-form .textarea-fix input[type=number],
.o-form .textarea-fix input[type=password],
.o-form .textarea-fix textarea,
.o-form .o-form-control input[type=text],
.o-form .o-form-control input[type=textbox],
.o-form .o-form-control input[type=tel],
.o-form .o-form-control input[type=number],
.o-form .o-form-control input[type=password],
.o-form .o-form-control textarea {
  width: 100%;
  margin: 0;
  padding: 0.428571425em 0.85714285em;
  transition-property: border-color, background-color, box-shadow;
  transition-duration: 100ms;
  transition-timing-function: linear;
  border: 1px solid #c1c1c8;
  border-radius: 4px;
  background-color: #ffffff;
  box-shadow: 0 0 0 0 #a7b5ec;
  color: #212126;
  font-family: "Whyte", "-apple-system", "BlinkMacSystemFont", "Segoe UI", "Roboto", "Oxygen-Sans", "Ubuntu", "Cantarell", "Helvetica Neue", sans-serif;
  font-size: 1rem;
  line-height: 1.7142857;
}
.o-form .input-fix input[type=text]:hover, .o-form .input-fix input[type=text]:focus,
.o-form .input-fix input[type=textbox]:hover,
.o-form .input-fix input[type=textbox]:focus,
.o-form .input-fix input[type=tel]:hover,
.o-form .input-fix input[type=tel]:focus,
.o-form .input-fix input[type=number]:hover,
.o-form .input-fix input[type=number]:focus,
.o-form .input-fix input[type=password]:hover,
.o-form .input-fix input[type=password]:focus,
.o-form .input-fix textarea:hover,
.o-form .input-fix textarea:focus,
.o-form .textarea-fix input[type=text]:hover,
.o-form .textarea-fix input[type=text]:focus,
.o-form .textarea-fix input[type=textbox]:hover,
.o-form .textarea-fix input[type=textbox]:focus,
.o-form .textarea-fix input[type=tel]:hover,
.o-form .textarea-fix input[type=tel]:focus,
.o-form .textarea-fix input[type=number]:hover,
.o-form .textarea-fix input[type=number]:focus,
.o-form .textarea-fix input[type=password]:hover,
.o-form .textarea-fix input[type=password]:focus,
.o-form .textarea-fix textarea:hover,
.o-form .textarea-fix textarea:focus,
.o-form .o-form-control input[type=text]:hover,
.o-form .o-form-control input[type=text]:focus,
.o-form .o-form-control input[type=textbox]:hover,
.o-form .o-form-control input[type=textbox]:focus,
.o-form .o-form-control input[type=tel]:hover,
.o-form .o-form-control input[type=tel]:focus,
.o-form .o-form-control input[type=number]:hover,
.o-form .o-form-control input[type=number]:focus,
.o-form .o-form-control input[type=password]:hover,
.o-form .o-form-control input[type=password]:focus,
.o-form .o-form-control textarea:hover,
.o-form .o-form-control textarea:focus {
  border-color: #1662dd;
}
.o-form .input-fix input[type=text]:focus,
.o-form .input-fix input[type=textbox]:focus,
.o-form .input-fix input[type=tel]:focus,
.o-form .input-fix input[type=number]:focus,
.o-form .input-fix input[type=password]:focus,
.o-form .input-fix textarea:focus,
.o-form .textarea-fix input[type=text]:focus,
.o-form .textarea-fix input[type=textbox]:focus,
.o-form .textarea-fix input[type=tel]:focus,
.o-form .textarea-fix input[type=number]:focus,
.o-form .textarea-fix input[type=password]:focus,
.o-form .textarea-fix textarea:focus,
.o-form .o-form-control input[type=text]:focus,
.o-form .o-form-control input[type=textbox]:focus,
.o-form .o-form-control input[type=tel]:focus,
.o-form .o-form-control input[type=number]:focus,
.o-form .o-form-control input[type=password]:focus,
.o-form .o-form-control textarea:focus {
  outline: 0;
  box-shadow: 0 0 0 4px #a7b5ec;
}
.o-form .input-fix input[type=text]:disabled,
.o-form .input-fix input[type=textbox]:disabled,
.o-form .input-fix input[type=tel]:disabled,
.o-form .input-fix input[type=number]:disabled,
.o-form .input-fix input[type=password]:disabled,
.o-form .input-fix textarea:disabled,
.o-form .textarea-fix input[type=text]:disabled,
.o-form .textarea-fix input[type=textbox]:disabled,
.o-form .textarea-fix input[type=tel]:disabled,
.o-form .textarea-fix input[type=number]:disabled,
.o-form .textarea-fix input[type=password]:disabled,
.o-form .textarea-fix textarea:disabled,
.o-form .o-form-control input[type=text]:disabled,
.o-form .o-form-control input[type=textbox]:disabled,
.o-form .o-form-control input[type=tel]:disabled,
.o-form .o-form-control input[type=number]:disabled,
.o-form .o-form-control input[type=password]:disabled,
.o-form .o-form-control textarea:disabled {
  opacity: 1;
  color: #6e6e78;
  cursor: not-allowed;
}
.o-form .input-fix input[type=text]:disabled, .o-form .input-fix input[type=text][readonly],
.o-form .input-fix input[type=textbox]:disabled,
.o-form .input-fix input[type=textbox][readonly],
.o-form .input-fix input[type=tel]:disabled,
.o-form .input-fix input[type=tel][readonly],
.o-form .input-fix input[type=number]:disabled,
.o-form .input-fix input[type=number][readonly],
.o-form .input-fix input[type=password]:disabled,
.o-form .input-fix input[type=password][readonly],
.o-form .input-fix textarea:disabled,
.o-form .input-fix textarea[readonly],
.o-form .textarea-fix input[type=text]:disabled,
.o-form .textarea-fix input[type=text][readonly],
.o-form .textarea-fix input[type=textbox]:disabled,
.o-form .textarea-fix input[type=textbox][readonly],
.o-form .textarea-fix input[type=tel]:disabled,
.o-form .textarea-fix input[type=tel][readonly],
.o-form .textarea-fix input[type=number]:disabled,
.o-form .textarea-fix input[type=number][readonly],
.o-form .textarea-fix input[type=password]:disabled,
.o-form .textarea-fix input[type=password][readonly],
.o-form .textarea-fix textarea:disabled,
.o-form .textarea-fix textarea[readonly],
.o-form .o-form-control input[type=text]:disabled,
.o-form .o-form-control input[type=text][readonly],
.o-form .o-form-control input[type=textbox]:disabled,
.o-form .o-form-control input[type=textbox][readonly],
.o-form .o-form-control input[type=tel]:disabled,
.o-form .o-form-control input[type=tel][readonly],
.o-form .o-form-control input[type=number]:disabled,
.o-form .o-form-control input[type=number][readonly],
.o-form .o-form-control input[type=password]:disabled,
.o-form .o-form-control input[type=password][readonly],
.o-form .o-form-control textarea:disabled,
.o-form .o-form-control textarea[readonly] {
  border-color: #d7d7dc;
  background: #f5f5f6;
}
.o-form .input-fix input[type=text]:disabled:hover, .o-form .input-fix input[type=text][readonly]:hover,
.o-form .input-fix input[type=textbox]:disabled:hover,
.o-form .input-fix input[type=textbox][readonly]:hover,
.o-form .input-fix input[type=tel]:disabled:hover,
.o-form .input-fix input[type=tel][readonly]:hover,
.o-form .input-fix input[type=number]:disabled:hover,
.o-form .input-fix input[type=number][readonly]:hover,
.o-form .input-fix input[type=password]:disabled:hover,
.o-form .input-fix input[type=password][readonly]:hover,
.o-form .input-fix textarea:disabled:hover,
.o-form .input-fix textarea[readonly]:hover,
.o-form .textarea-fix input[type=text]:disabled:hover,
.o-form .textarea-fix input[type=text][readonly]:hover,
.o-form .textarea-fix input[type=textbox]:disabled:hover,
.o-form .textarea-fix input[type=textbox][readonly]:hover,
.o-form .textarea-fix input[type=tel]:disabled:hover,
.o-form .textarea-fix input[type=tel][readonly]:hover,
.o-form .textarea-fix input[type=number]:disabled:hover,
.o-form .textarea-fix input[type=number][readonly]:hover,
.o-form .textarea-fix input[type=password]:disabled:hover,
.o-form .textarea-fix input[type=password][readonly]:hover,
.o-form .textarea-fix textarea:disabled:hover,
.o-form .textarea-fix textarea[readonly]:hover,
.o-form .o-form-control input[type=text]:disabled:hover,
.o-form .o-form-control input[type=text][readonly]:hover,
.o-form .o-form-control input[type=textbox]:disabled:hover,
.o-form .o-form-control input[type=textbox][readonly]:hover,
.o-form .o-form-control input[type=tel]:disabled:hover,
.o-form .o-form-control input[type=tel][readonly]:hover,
.o-form .o-form-control input[type=number]:disabled:hover,
.o-form .o-form-control input[type=number][readonly]:hover,
.o-form .o-form-control input[type=password]:disabled:hover,
.o-form .o-form-control input[type=password][readonly]:hover,
.o-form .o-form-control textarea:disabled:hover,
.o-form .o-form-control textarea[readonly]:hover {
  border-color: #d7d7dc;
}
.o-form .input-fix input[type=text]::-webkit-input-placeholder, .o-form .input-fix input[type=textbox]::-webkit-input-placeholder, .o-form .input-fix input[type=tel]::-webkit-input-placeholder, .o-form .input-fix input[type=number]::-webkit-input-placeholder, .o-form .input-fix input[type=password]::-webkit-input-placeholder, .o-form .input-fix textarea::-webkit-input-placeholder, .o-form .textarea-fix input[type=text]::-webkit-input-placeholder, .o-form .textarea-fix input[type=textbox]::-webkit-input-placeholder, .o-form .textarea-fix input[type=tel]::-webkit-input-placeholder, .o-form .textarea-fix input[type=number]::-webkit-input-placeholder, .o-form .textarea-fix input[type=password]::-webkit-input-placeholder, .o-form .textarea-fix textarea::-webkit-input-placeholder, .o-form .o-form-control input[type=text]::-webkit-input-placeholder, .o-form .o-form-control input[type=textbox]::-webkit-input-placeholder, .o-form .o-form-control input[type=tel]::-webkit-input-placeholder, .o-form .o-form-control input[type=number]::-webkit-input-placeholder, .o-form .o-form-control input[type=password]::-webkit-input-placeholder, .o-form .o-form-control textarea::-webkit-input-placeholder {
  color: #6e6e78;
}
.o-form .input-fix input[type=text]:-ms-input-placeholder, .o-form .input-fix input[type=textbox]:-ms-input-placeholder, .o-form .input-fix input[type=tel]:-ms-input-placeholder, .o-form .input-fix input[type=number]:-ms-input-placeholder, .o-form .input-fix input[type=password]:-ms-input-placeholder, .o-form .input-fix textarea:-ms-input-placeholder, .o-form .textarea-fix input[type=text]:-ms-input-placeholder, .o-form .textarea-fix input[type=textbox]:-ms-input-placeholder, .o-form .textarea-fix input[type=tel]:-ms-input-placeholder, .o-form .textarea-fix input[type=number]:-ms-input-placeholder, .o-form .textarea-fix input[type=password]:-ms-input-placeholder, .o-form .textarea-fix textarea:-ms-input-placeholder, .o-form .o-form-control input[type=text]:-ms-input-placeholder, .o-form .o-form-control input[type=textbox]:-ms-input-placeholder, .o-form .o-form-control input[type=tel]:-ms-input-placeholder, .o-form .o-form-control input[type=number]:-ms-input-placeholder, .o-form .o-form-control input[type=password]:-ms-input-placeholder, .o-form .o-form-control textarea:-ms-input-placeholder {
  color: #6e6e78;
}
.o-form .input-fix input[type=text]::placeholder,
.o-form .input-fix input[type=textbox]::placeholder,
.o-form .input-fix input[type=tel]::placeholder,
.o-form .input-fix input[type=number]::placeholder,
.o-form .input-fix input[type=password]::placeholder,
.o-form .input-fix textarea::placeholder,
.o-form .textarea-fix input[type=text]::placeholder,
.o-form .textarea-fix input[type=textbox]::placeholder,
.o-form .textarea-fix input[type=tel]::placeholder,
.o-form .textarea-fix input[type=number]::placeholder,
.o-form .textarea-fix input[type=password]::placeholder,
.o-form .textarea-fix textarea::placeholder,
.o-form .o-form-control input[type=text]::placeholder,
.o-form .o-form-control input[type=textbox]::placeholder,
.o-form .o-form-control input[type=tel]::placeholder,
.o-form .o-form-control input[type=number]::placeholder,
.o-form .o-form-control input[type=password]::placeholder,
.o-form .o-form-control textarea::placeholder {
  color: #6e6e78;
}
.o-form .input-fix.o-form-has-errors input[type=text],
.o-form .input-fix.o-form-has-errors input[type=textbox],
.o-form .input-fix.o-form-has-errors input[type=tel],
.o-form .input-fix.o-form-has-errors input[type=number],
.o-form .input-fix.o-form-has-errors input[type=password],
.o-form .input-fix.o-form-has-errors textarea,
.o-form .textarea-fix.o-form-has-errors input[type=text],
.o-form .textarea-fix.o-form-has-errors input[type=textbox],
.o-form .textarea-fix.o-form-has-errors input[type=tel],
.o-form .textarea-fix.o-form-has-errors input[type=number],
.o-form .textarea-fix.o-form-has-errors input[type=password],
.o-form .textarea-fix.o-form-has-errors textarea,
.o-form .o-form-control.o-form-has-errors input[type=text],
.o-form .o-form-control.o-form-has-errors input[type=textbox],
.o-form .o-form-control.o-form-has-errors input[type=tel],
.o-form .o-form-control.o-form-has-errors input[type=number],
.o-form .o-form-control.o-form-has-errors input[type=password],
.o-form .o-form-control.o-form-has-errors textarea {
  border-color: #da372c;
}
.o-form .input-fix.o-form-has-errors input[type=text]:focus,
.o-form .input-fix.o-form-has-errors input[type=textbox]:focus,
.o-form .input-fix.o-form-has-errors input[type=tel]:focus,
.o-form .input-fix.o-form-has-errors input[type=number]:focus,
.o-form .input-fix.o-form-has-errors input[type=password]:focus,
.o-form .input-fix.o-form-has-errors textarea:focus,
.o-form .textarea-fix.o-form-has-errors input[type=text]:focus,
.o-form .textarea-fix.o-form-has-errors input[type=textbox]:focus,
.o-form .textarea-fix.o-form-has-errors input[type=tel]:focus,
.o-form .textarea-fix.o-form-has-errors input[type=number]:focus,
.o-form .textarea-fix.o-form-has-errors input[type=password]:focus,
.o-form .textarea-fix.o-form-has-errors textarea:focus,
.o-form .o-form-control.o-form-has-errors input[type=text]:focus,
.o-form .o-form-control.o-form-has-errors input[type=textbox]:focus,
.o-form .o-form-control.o-form-has-errors input[type=tel]:focus,
.o-form .o-form-control.o-form-has-errors input[type=number]:focus,
.o-form .o-form-control.o-form-has-errors input[type=password]:focus,
.o-form .o-form-control.o-form-has-errors textarea:focus {
  outline: 0;
  box-shadow: 0 0 0 4px #f88c90;
}
.o-form .input-fix .input-icon,
.o-form .input-fix .input-tooltip,
.o-form .textarea-fix .input-icon,
.o-form .textarea-fix .input-tooltip,
.o-form .o-form-control .input-icon,
.o-form .o-form-control .input-tooltip {
  position: absolute;
  top: 50%;
  width: 14px;
  height: 1.7142857rem;
  transform: translateY(-50%);
}
.o-form .input-fix .input-icon,
.o-form .textarea-fix .input-icon,
.o-form .o-form-control .input-icon {
  left: 0.85714285rem;
}
.o-form .input-fix .input-tooltip,
.o-form .textarea-fix .input-tooltip,
.o-form .o-form-control .input-tooltip {
  right: 10px;
}
.o-form .input-fix .password-toggle .eyeicon,
.o-form .textarea-fix .password-toggle .eyeicon,
.o-form .o-form-control .password-toggle .eyeicon {
  position: absolute;
  top: 50%;
  right: 10px;
  width: 14px;
  height: 1.7142857rem;
  transform: translateY(-50%);
}
.o-form .input-fix .password-toggle .button-hide,
.o-form .textarea-fix .password-toggle .button-hide,
.o-form .o-form-control .password-toggle .button-hide {
  display: none;
}
.o-form .input-fix .input-icon-divider,
.o-form .textarea-fix .input-icon-divider,
.o-form .o-form-control .input-icon-divider {
  position: absolute;
  top: 0;
  right: 34px;
  height: 100%;
  border-right: 1px solid #c1c1c8;
}
.o-form .input-fix .input-icon-divider + .password-toggle .eyeicon,
.o-form .textarea-fix .input-icon-divider + .password-toggle .eyeicon,
.o-form .o-form-control .input-icon-divider + .password-toggle .eyeicon {
  right: 45px;
}
.o-form .input-fix span.input-icon + input,
.o-form .textarea-fix span.input-icon + input,
.o-form .o-form-control span.input-icon + input {
  padding: 0.428571425em 0.85714285em 0.428571425em 2.57142855em;
}
.o-form .input-fix span.input-tooltip + input,
.o-form .textarea-fix span.input-tooltip + input,
.o-form .o-form-control span.input-tooltip + input {
  padding-right: 2.57142855em;
}
.o-form .input-fix input.password-with-toggle,
.o-form .textarea-fix input.password-with-toggle,
.o-form .o-form-control input.password-with-toggle {
  padding-right: 2.57142855em;
}
.o-form .input-fix span.input-tooltip + input.password-with-toggle,
.o-form .textarea-fix span.input-tooltip + input.password-with-toggle,
.o-form .o-form-control span.input-tooltip + input.password-with-toggle {
  padding-right: 4.28571425em;
}
.o-form .input-fix,
.o-form .textarea-fix {
  box-sizing: border-box;
  width: 100%;
}
.o-form .textarea-fix textarea {
  box-sizing: border-box;
  width: 100%;
  max-width: 100% !important;
  height: auto;
  min-height: 3.4285714rem;
  margin: 0;
  padding: 0.428571425em 0.85714285em 0.85714285em;
  line-height: 1.7142857;
}
.o-form select {
  width: 62%;
}

.o-form-wide select,
.o-form-wide .o-form-input-group {
  width: 100%;
}

/* Label appears attached to an input, works best with fields and selects */
.o-form-label-attached .o-form-label {
  width: auto;
  padding: 0.428571425em 0.85714285em;
  border: 1px solid #c1c1c8;
  border-right-width: 0;
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
  background-color: #f5f5f6;
  font-weight: 400;
}
.o-form-label-attached .input-fix,
.o-form-label-attached .textarea-fix,
.o-form-label-attached .input[type=text],
.o-form-label-attached .chzn-single {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
.o-form-label-attached .link-button.option-selected {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
  box-shadow: none;
}

.data-list-toolbar .o-form-label-attached .o-form-label {
  background: transparent;
}

.o-form-label-inline {
  padding: 0.428571425em 0.85714285em;
  border: 1px solid #c1c1c8;
  background-color: #f5f5f6;
  color: #6e6e78;
  font-weight: normal;
}

.o-form-input-group,
.o-form-input-group-controls {
  display: table;
  position: relative;
  border-collapse: separate;
  vertical-align: top;
  /* Overloads the default behavior of button icons
   * when using the 'copy-clipboard-button' component.
   */
}
.o-form-input-group .o-form-control,
.o-form-input-group .link-button,
.o-form-input-group .o-form-label-inline,
.o-form-input-group-controls .o-form-control,
.o-form-input-group-controls .link-button,
.o-form-input-group-controls .o-form-label-inline {
  display: table-cell;
  float: none;
  border-radius: 0;
  white-space: nowrap;
  vertical-align: middle;
}
.o-form-input-group .o-form-control input[type=text],
.o-form-input-group .o-form-control input[type=textbox],
.o-form-input-group .o-form-control input[type=tel],
.o-form-input-group .o-form-control input[type=number],
.o-form-input-group .o-form-control input[type=password],
.o-form-input-group .link-button input[type=text],
.o-form-input-group .link-button input[type=textbox],
.o-form-input-group .link-button input[type=tel],
.o-form-input-group .link-button input[type=number],
.o-form-input-group .link-button input[type=password],
.o-form-input-group .o-form-label-inline input[type=text],
.o-form-input-group .o-form-label-inline input[type=textbox],
.o-form-input-group .o-form-label-inline input[type=tel],
.o-form-input-group .o-form-label-inline input[type=number],
.o-form-input-group .o-form-label-inline input[type=password],
.o-form-input-group-controls .o-form-control input[type=text],
.o-form-input-group-controls .o-form-control input[type=textbox],
.o-form-input-group-controls .o-form-control input[type=tel],
.o-form-input-group-controls .o-form-control input[type=number],
.o-form-input-group-controls .o-form-control input[type=password],
.o-form-input-group-controls .link-button input[type=text],
.o-form-input-group-controls .link-button input[type=textbox],
.o-form-input-group-controls .link-button input[type=tel],
.o-form-input-group-controls .link-button input[type=number],
.o-form-input-group-controls .link-button input[type=password],
.o-form-input-group-controls .o-form-label-inline input[type=text],
.o-form-input-group-controls .o-form-label-inline input[type=textbox],
.o-form-input-group-controls .o-form-label-inline input[type=tel],
.o-form-input-group-controls .o-form-label-inline input[type=number],
.o-form-input-group-controls .o-form-label-inline input[type=password] {
  border-radius: 0;
}
.o-form-input-group > :first-child,
.o-form-input-group-controls > :first-child {
  border-left-width: 1px;
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
}
.o-form-input-group > :first-child .link-button,
.o-form-input-group-controls > :first-child .link-button {
  border-radius: 4px 0 0 4px;
}
.o-form-input-group > :first-child.input-fix,
.o-form-input-group-controls > :first-child.input-fix {
  z-index: 1;
}
.o-form-input-group > :first-child input[type=text],
.o-form-input-group > :first-child input[type=textbox],
.o-form-input-group > :first-child input[type=tel],
.o-form-input-group > :first-child input[type=number],
.o-form-input-group > :first-child input[type=password],
.o-form-input-group-controls > :first-child input[type=text],
.o-form-input-group-controls > :first-child input[type=textbox],
.o-form-input-group-controls > :first-child input[type=tel],
.o-form-input-group-controls > :first-child input[type=number],
.o-form-input-group-controls > :first-child input[type=password] {
  border-radius: 4px 0 0 4px;
}
.o-form-input-group > :last-child,
.o-form-input-group-controls > :last-child {
  border-right-width: 1px;
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
}
.o-form-input-group > :last-child input[type=text],
.o-form-input-group > :last-child input[type=textbox],
.o-form-input-group > :last-child input[type=tel],
.o-form-input-group > :last-child input[type=number],
.o-form-input-group > :last-child input[type=password],
.o-form-input-group-controls > :last-child input[type=text],
.o-form-input-group-controls > :last-child input[type=textbox],
.o-form-input-group-controls > :last-child input[type=tel],
.o-form-input-group-controls > :last-child input[type=number],
.o-form-input-group-controls > :last-child input[type=password] {
  border-radius: 0 4px 4px 0;
}
.o-form-input-group > :last-child .o-form-label-inline > :first-child,
.o-form-input-group-controls > :last-child .o-form-label-inline > :first-child {
  border-right-width: 0;
}
.o-form-input-group > :last-child .o-form-label-inline > :last-child,
.o-form-input-group-controls > :last-child .o-form-label-inline > :last-child {
  border-left-width: 0;
}
.o-form-input-group .link-button-icon.icon-only.copy-clipboard-button span.icon,
.o-form-input-group-controls .link-button-icon.icon-only.copy-clipboard-button span.icon {
  float: none;
}
.o-form-input-group .o-form-control:last-child,
.o-form-input-group-controls .o-form-control:last-child {
  border-left-width: 1px;
}
.o-form-input-group .o-form-control + .o-form-control,
.o-form-input-group-controls .o-form-control + .o-form-control {
  margin: 0;
}
.o-form-input-group .link-button,
.o-form-input-group-controls .link-button {
  padding: 0 1.7142857rem;
  box-shadow: none;
}
.o-form-input-group .o-form-control .chzn-single,
.o-form-input-group-controls .o-form-control .chzn-single {
  box-shadow: none;
}
.o-form-input-group select:first-child + .o-form-control.chzn-container .chzn-single,
.o-form-input-group-controls select:first-child + .o-form-control.chzn-container .chzn-single {
  border-right-width: 0;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.o-form-input-group .o-form-control:last-child .chzn-single,
.o-form-input-group-controls .o-form-control:last-child .chzn-single {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
.o-form-input-group .o-form-control.chzn-container-active.chzn-with-drop:last-child .chzn-single,
.o-form-input-group-controls .o-form-control.chzn-container-active.chzn-with-drop:last-child .chzn-single {
  margin-left: -1px;
  border-left-width: 1px;
}
.o-form-input-group .o-form-control.chzn-container-active.chzn-with-drop:last-child .chzn-drop,
.o-form-input-group-controls .o-form-control.chzn-container-active.chzn-with-drop:last-child .chzn-drop {
  left: -1px;
  width: 101%; /* This could break with wider fields */
  border-left-width: 1px;
  border-top-right-radius: 0;
}
.o-form-input-group select:first-child + .o-form-control.chzn-container-active.chzn-with-drop .chzn-single,
.o-form-input-group-controls select:first-child + .o-form-control.chzn-container-active.chzn-with-drop .chzn-single {
  margin-right: -1px;
  border-right-width: 1px;
}
.o-form-input-group select:first-child + .o-form-control.chzn-container-active.chzn-with-drop .chzn-drop,
.o-form-input-group-controls select:first-child + .o-form-control.chzn-container-active.chzn-with-drop .chzn-drop {
  right: -1px;
  width: 101%; /* This could break with wider fields */
  border-left-width: 1px;
}
.o-form-input-group .o-form-select + .o-form-label-inline,
.o-form-input-group-controls .o-form-select + .o-form-label-inline {
  border-left-width: 1px;
}

.o-form-input-group-subtle {
  display: table;
  position: relative;
}
.o-form-input-group-subtle .o-form-control,
.o-form-input-group-subtle .link-button,
.o-form-input-group-subtle .o-form-label-inline {
  display: table-cell;
  float: none;
  white-space: nowrap;
}
.o-form-input-group-subtle .o-form-label-inline {
  border: 0;
  background-color: transparent;
  color: #212126;
}
.o-form-input-group-subtle .o-form-label-inline:first-child {
  padding-left: 0;
}
.o-form-input-group-subtle .chzn-container-single {
  float: none;
}

.o-form-input-group.o-form-input-group-2 .o-form-control {
  width: 50%;
}

.o-form-input-group-2 > .o-form-control + .o-form-label-inline {
  border-right-width: 0;
  border-left-width: 0;
}

.o-form-input-group .o-form-label-inline:first-child {
  border-right-width: 0;
}
.o-form-input-group .o-form-control + .o-form-label-inline {
  border-left-width: 0;
}

/* Multiple inputs on the separate lines */
.o-form-control + .o-form-control {
  margin-top: 1.7142857rem;
}

/* Multiple inputs on the same line */
.o-form-multi-input .o-form-control,
.o-form-multi-input-2 .o-form-control,
.o-form-multi-input-3 .o-form-control,
.o-form-multi-input-4 .o-form-control {
  box-sizing: border-box;
}

.o-form-multi-input-2 .o-form-control,
.o-form-multi-input-3 .o-form-control,
.o-form-multi-input-4 .o-form-control {
  margin-top: 0;
}

.o-form-multi-input-2 .o-form-control,
.o-form-multi-input-2 .o-form-input-group {
  width: 49%;
}

.o-form-multi-input-2 .o-form-input-group,
.o-form-multi-input-3 .o-form-input-group,
.o-form-multi-input-4 .o-form-input-group {
  float: left;
}

.o-form-multi-input-3 .o-form-control,
.o-form-multi-input-3 .o-form-input-group {
  width: 32%;
}

.o-form-multi-input-2 .o-form-input-group,
.o-form-multi-input-3 .o-form-input-group {
  margin-top: 0 !important;
}

.o-form-multi-input-2 .o-form-control:not(:first-child),
.o-form-multi-input-3 .o-form-control:not(:first-child),
.o-form-multi-input-2 .o-form-input-group:not(:first-child),
.o-form-multi-input-3 .o-form-input-group:not(:first-child) {
  margin-left: 2%;
}

.o-form-multi-input-2 .chzn-done + .o-form-control:nth-child(2),
.o-form-multi-input-3 .chzn-done + .o-form-control:nth-child(2) {
  margin-left: 0;
}

.o-form-multi-input-2 .o-form-select .chzn-container,
.o-form-multi-input-3 .o-form-select .chzn-container {
  width: 100% !important;
}

/* Temporary overrides: Uzi has this solved in the JS */
.o-form-multi-input-2 .chzn-container {
  width: 49% !important;
}

.o-form-multi-input-3 .chzn-container {
  width: 32% !important;
}

.o-form-wide .chzn-container {
  width: 100% !important;
}

.o-form-select {
  display: inline-block;
  width: 100%;
  float: left;
}

/*
 * Custom input/select hybrid
 */
.text-select input[type=text].input-fix {
  width: 84%;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}

.chzn-container-single.text-select .chzn-single {
  box-sizing: border-box;
  width: 16%;
  height: 2.72142855rem;
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
  border-color: #c1c1c8;
  cursor: pointer;
  font-size: 1.1487rem;
  line-height: 1.7142857;
}

.text-select.chzn-with-drop input[type=text] {
  border-bottom-left-radius: 0;
  border-color: #c1c1c8;
}

/*
 * Custom checkboxes, radios
 */
.custom-checkbox,
.custom-radio {
  position: relative;
  clear: both;
}
.custom-checkbox input,
.custom-radio input {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  overflow: hidden;
  clip: rect(0 0 0 0);
  border: 0;
}
.custom-checkbox .infobox,
.custom-radio .infobox {
  margin-bottom: 0.428571425rem;
  margin-top: 0.428571425rem;
}
.custom-checkbox label,
.custom-radio label {
  display: block;
  position: relative;
  min-height: 1em;
  padding: 0 0 0 1.9999999929em;
  font-size: 1rem;
  font-weight: 400;
  text-align: left;
  margin-bottom: 0.85714285rem;
}
.custom-checkbox label::before, .custom-checkbox label::after,
.custom-radio label::before,
.custom-radio label::after {
  content: "";
  display: block;
  position: absolute;
  top: 0.85714285em;
  left: 0;
  width: 1.1428571429em;
  height: 1.1428571429em;
  transition-property: border-color, background, opacity, box-shadow;
  transition-duration: 100ms;
  transition-timing-function: linear;
  border: 2px solid transparent;
}
.custom-checkbox label::before,
.custom-radio label::before {
  transform: translateY(-50%);
  border-color: #c1c1c8;
  box-shadow: 0 0 0 0 #a7b5ec;
}
.custom-checkbox label::after,
.custom-radio label::after {
  background-repeat: no-repeat;
  background-position: center;
}
.custom-checkbox label:hover::before,
.custom-radio label:hover::before {
  border-color: #1662dd;
}
.custom-checkbox label.checked::before,
.custom-radio label.checked::before {
  border-color: #1662dd;
  background-color: #1662dd;
}
.custom-checkbox label.focus::before,
.custom-radio label.focus::before {
  border-color: #1662dd;
  box-shadow: 0 0 0 2px #a7b5ec;
}
.custom-checkbox label.disabled, .o-form-read-mode .custom-checkbox label,
.custom-radio label.disabled,
.o-form-read-mode .custom-radio label {
  color: #212126;
  cursor: not-allowed;
}
.custom-checkbox label.disabled::before, .o-form-read-mode .custom-checkbox label::before,
.custom-radio label.disabled::before,
.o-form-read-mode .custom-radio label::before {
  border-color: #d7d7dc;
  background-color: #f5f5f6;
}
.custom-checkbox label.disabled.checked::before, .o-form-read-mode .custom-checkbox label.checked::before,
.custom-radio label.disabled.checked::before,
.o-form-read-mode .custom-radio label.checked::before {
  border-color: #a7b5ec;
  background-color: #a7b5ec;
}
.custom-checkbox label[data-invalid] + .checkbox--label::before,
.custom-radio label[data-invalid] + .checkbox--label::before {
  border-color: #da372c;
}
.custom-checkbox label[data-invalid]:checked + .checkbox--label::before,
.custom-radio label[data-invalid]:checked + .checkbox--label::before {
  background-color: #da372c;
}
.custom-checkbox label[data-invalid]:focus + .checkbox--label::before,
.custom-radio label[data-invalid]:focus + .checkbox--label::before {
  border-color: #da372c;
  box-shadow: 0 0 0 2px #a7b5ec;
}
.custom-checkbox label[data-invalid]:disabled + .checkbox--label,
.custom-radio label[data-invalid]:disabled + .checkbox--label {
  color: #6e6e78;
}
.custom-checkbox label[data-invalid]:disabled + .checkbox--label::before,
.custom-radio label[data-invalid]:disabled + .checkbox--label::before {
  border-color: #f88c90;
}
.custom-checkbox label[data-invalid]:disabled:checked + .checkbox--label::before,
.custom-radio label[data-invalid]:disabled:checked + .checkbox--label::before {
  border-color: #f88c90;
  background-color: #f88c90;
}
.custom-checkbox.o-form-read-mode label,
.custom-radio.o-form-read-mode label {
  color: #6e6e78;
  cursor: not-allowed;
}
.custom-checkbox.o-form-read-mode label::before,
.custom-radio.o-form-read-mode label::before {
  border-color: #d7d7dc;
  background-color: #f5f5f6;
}
.custom-checkbox.o-form-read-mode label.checked::before,
.custom-radio.o-form-read-mode label.checked::before {
  border-color: #a7b5ec;
  background-color: #a7b5ec;
}

.custom-checkbox label::before, .custom-checkbox label::after {
  border-radius: 4px;
}
.custom-checkbox label::after {
  transform: translateY(-50%) scale(0.9);
  background-image: url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 12 12%27%3E%3Cpath fill=%27transparent%27 d=%27M0 5.6L1.6 4l3.2 3.3 5.6-5.7L12 3.1l-7.2 7.4L0 5.6z%27/%3E%3C/svg%3E");
}
.custom-checkbox label.checked::after {
  background-image: url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 12 12%27%3E%3Cpath fill=%27%23ffffff%27 d=%27M0 5.6L1.6 4l3.2 3.3 5.6-5.7L12 3.1l-7.2 7.4L0 5.6z%27/%3E%3C/svg%3E");
}

.custom-radio label::before, .custom-radio label::after {
  border-radius: 1em;
}
.custom-radio label::after {
  transform: translateY(-50%) scale(0.4);
  background-color: #ffffff;
}

/* Style for radio disposed inline */
.custom-radio.inline {
  padding-right: 1.7142857rem;
  float: left;
  clear: none;
}

.custom-checkbox + .o-form-explain,
.custom-radio + .o-form-explain,
.custom-checkbox + input + .o-form-explain,
.custom-radio + input + .o-form-explain {
  padding-top: 0;
}

/* Miscellaneous input types */
.o-form-input kbd {
  display: block;
  padding: 0.85714285rem;
  border: 1px solid #c1c1c8;
  border-radius: 4px;
  background: #ffffff;
}

/* Button bar */
.o-form-button-bar,
.o-form-toolbar,
.o-form-toolbar.ui-tabs {
  padding: 0.85714285rem;
  border-radius: 0 0 4px 4px;
  text-align: right;
}
.o-form-button-bar .button + .button,
.o-form-toolbar .button + .button,
.o-form-toolbar.ui-tabs .button + .button {
  margin-left: 0.85714285rem;
}

.o-form-button-bar-no-border {
  border-width: 1px 0 0;
}

/* Pillbar: tabs styled like buttons, place in a toolbar */
/* TODO: Convert to SASS */
.o-form-toolbar.ui-tabs {
  margin: 0;
}

.o-form-toolbar.ui-tabs .o-form-pillbar.ui-tabs-nav {
  padding: 0;
  border-top: 0;
  border-bottom: 0;
}

.o-form-toolbar.ui-tabs .o-form-pillbar.ui-tabs-nav li a {
  display: block;
  margin: 0;
  padding: 0.428571425rem 0.85714285rem;
  float: none;
  overflow: hidden;
  border-width: 1px 0 1px 1px;
  border-style: solid;
  border-color: #c1c1c8;
  background: #ffffff;
  color: #6e6e78;
  font-size: 1rem;
  font-weight: 600;
  line-height: 1.7142857;
  text-align: center;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.o-form-toolbar.ui-tabs .o-form-pillbar.ui-tabs-nav li + li {
  margin-left: 0;
}

.o-form-toolbar.ui-tabs .o-form-pillbar.ui-tabs-nav li:first-child a {
  border-radius: 4px 0 0 4px;
}

.o-form-toolbar.ui-tabs .o-form-pillbar.ui-tabs-nav li:last-child > a {
  border-right-width: 1px;
  border-radius: 0 4px 4px 0;
}

.o-form-toolbar.ui-tabs .o-form-pillbar.ui-tabs-nav li.ui-state-active a {
  padding-right: 1.7142857rem;
  border-right-width: 1px;
  border-color: #1662dd;
  background-color: #1662dd;
  color: #ffffff;
}

.o-form-toolbar.ui-tabs .o-form-pillbar.ui-tabs-nav li.ui-state-active:last-child > a {
  border-right-color: #1662dd;
}

.o-form-toolbar.ui-tabs .o-form-pillbar.ui-tabs-nav li.ui-state-active + li > a {
  padding-left: 1.7142857rem;
  border-left-width: 0;
}

.o-form-pillbar.ui-tabs-nav > .ui-corner-top {
  border-top: 0;
  background: transparent;
}

.o-form-pillbar.ui-tabs-nav li + li {
  margin-left: 0;
}

/* Edit/read toggle variant */
/* The primary heading for the form and can contain the edit-toggle button */
.o-form-title-bar {
  display: flex;
  justify-content: space-between;
  align-items: center;
  position: relative;
  margin: 0;
  padding: 0.85714285rem;
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
  color: #212126;
  font-size: 1.31951169rem;
  font-weight: 600;
  line-height: 1.3;
}

/* data list overrides: data list does not use the dark heading */
.data-list .o-form {
  border: 0;
  border-radius: initial;
}
.data-list .o-form-title-bar {
  margin: 0 0 1.7142857rem;
  padding: 0;
  border: 0;
  border-radius: 0;
  background: transparent;
  box-shadow: none;
  color: #212126;
}
.data-list .o-form-toggle {
  right: 0;
}
.data-list .o-form-button-bar {
  padding: 1.7142857rem 0 0;
  border-width: 1px 0 0;
  border-color: #c1c1c8;
  background: transparent;
  box-shadow: none;
}

/* Headings and explain text */
/* A sub section within a form, not the title bar */
.o-form-head {
  margin: 0 0 1.7142857rem;
  padding: 0;
  color: #212126;
  font-size: 1.1487rem;
  font-weight: 600;
  line-height: 1.3;
}

/* A variant of the o-form-head, should be used as a level beneath o-form-head */
.o-form-subhead {
  margin: 0 0 0.85714285rem;
  padding: 0;
  color: #6e6e78;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.3;
}

.o-form-fieldset + .o-form-head,
.o-form-explain + .o-form-head,
.o-form-separator {
  margin-top: 1.7142857rem;
  padding-top: 1.7142857rem;
  border-top: 1px solid #c1c1c8;
}

.o-form-explain + .o-form-fieldset {
  margin-top: 1.7142857rem;
}

.o-form-explain {
  color: #6e6e78;
  font-weight: normal;
}
.o-form-explain .o-form-text-counter-over {
  color: #da372c;
}

.o-form-explain + .o-form-explain {
  margin-top: 0;
}

.o-form-input .o-form-explain {
  clear: both;
  line-height: 1.7142857;
}

.o-form-explain.o-form-input-error {
  display: none;
  position: relative;
  color: #da372c;
}

.o-form-has-errors .o-form-explain.o-form-input-error {
  display: block;
}

.okta-form-subtitle {
  color: #212126;
}

.o-form-input-error .icon-16 {
  margin-right: 0.428571425rem;
}

.o-form-tooltip.icon-only {
  margin-left: 0.428571425rem;
}

/*
 * Themes and layouts
 */
.o-form-theme {
  padding: 0.85714285rem;
}

/* o-form in a modal */
.simplemodal-wrap .o-form-wrap {
  padding: 0.85714285rem;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

.simplemodal-wrap .o-form {
  border: 0;
  border-radius: 4px;
  padding: 0;
}

.simplemodal-wrap .o-form-toolbar,
.simplemodal-container .o-form-toolbar,
.simplemodal-container-new .o-form-toolbar {
  border-width: 0 1px 1px;
  border-radius: 0;
}

/* 3:4 proportion */
.o-form-3-4 .o-form-label {
  width: 25%;
}

.o-form-3-4 .o-form-input {
  width: 75%;
}

/*
 * States
 */
.o-form .o-form-focus {
  border: 1px solid #c1c1c8;
  box-shadow: 0 1px 1px #ffffff;
}

/* Read mode overrides */
.o-form-read-mode .o-form-input,
.o-form-read-mode.o-form-input {
  line-height: 1.7142857;
  word-wrap: anywhere;
  word-break: normal;
  overflow-wrap: anywhere;
}

/* OKTA-211949 Fix Secret Key input field not aligned with other fields */
.o-form.o-form-edit-mode .o-form-read-mode .o-form-input,
.o-form.o-form-edit-mode .o-form-read-mode.o-form-input {
  padding-right: 0;
}

/* list input specifics */
.o-form-list-input table {
  width: 100%;
}
.o-form-list-input table tfoot tr td {
  padding-top: 0.85714285rem;
}
.o-form-list-input table tbody th {
  padding: 0 0 0.428571425rem;
}
.o-form-list-input table tbody tr td {
  padding-bottom: 0.85714285rem;
}
.o-form-list-input table tbody td {
  padding-right: 0.85714285rem;
}
.o-form-list-input table tbody .list-input-gripper-cell {
  padding-right: 0;
}
.o-form-list-input table tbody td:last-child {
  padding-right: 0;
}
.o-form-list-input table tbody tr:last-child td {
  padding-bottom: 0;
}
.o-form-list-input table tr.list-input-items-2 > * {
  width: 50%;
}
.o-form-list-input table tr.list-input-items-3 > * {
  width: 33%;
}
.o-form-list-input table tr.list-input-items-4 > * {
  width: 25%;
}
.o-form-list-input table tr th {
  font-weight: bold;
  line-height: 1.7142857;
  text-align: left;
}
.o-form-list-input table tr .list-input-cell {
  vertical-align: middle;
}
.o-form-list-input table tr .list-input-button {
  width: 20px;
  vertical-align: middle;
}
.o-form-list-input table tr .list-input-gripper-cell,
.o-form-list-input table tr .list-input-gripper-header {
  position: relative;
  width: 1px;
}
.o-form-list-input table tr .list-input-gripper-header {
  padding: 0;
}
.o-form-list-input table tr .list-input-gripper {
  color: #c1c1c8;
  font-size: 1.31951169rem;
  line-height: 1.7142857;
  cursor: -webkit-grab;
  cursor: grab;
  padding-right: 0.428571425rem;
}
.o-form-list-input table tr .list-input-gripper:active {
  cursor: -webkit-grabbing;
  cursor: grabbing;
}
.o-form-list-input table tr.list-input-sortable-placeholder {
  height: 36px;
}
.o-form-list-input table tr.list-input-sortable-placeholder > td:first-child {
  width: 1px;
  float: left;
}
.o-form-list-input table tr .list-input-sortable-background {
  background-color: #ffffff;
}

/* End list input specifics */
/* Edit mode */
.o-form-edit-mode .o-form-content {
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
}

/* Label top */
.o-form-label-top {
  flex-direction: column;
}

.o-form-label-top .o-form-label,
.o-form-label-top .o-form-input {
  width: 100%;
}

.o-form-label-top .o-form-label + .o-form-input {
  padding-left: 0;
}

.o-form-read-mode .o-form-label-top .o-form-input,
.o-form-label-top .o-form-read-mode.o-form-input {
  padding-right: 0;
  padding-left: 0;
}

/* Read only mode */
.o-form-read-mode .o-form-list-input-item .o-form-control,
.o-form-read-mode .o-form-input-group .o-form-control {
  float: left;
}

.o-form-read-mode .o-form-control:empty::after {
  content: " ";
}

.o-form-pre {
  display: block;
  font-family: monospace;
  white-space: pre;
  unicode-bidi: embed;
}

.o-form-read-mode .o-form-list-input-item {
  float: left;
  clear: both;
}

.o-form-read-mode .custom-radio label, .o-form-read-mode.custom-radio label {
  cursor: text;
}

/* Styles for group picker in read mode */
.o-form-read-mode .group-picker-wrap .as-selections {
  border-width: 0;
  background: transparent;
  box-shadow: none;
}

/* disabled state */
.o-form-disabled,
.o-form-saving .o-form-input > *:not(.o-form-disabled) {
  display: block;
  opacity: 0.4;
  pointer-events: none;
}

.o-form-saving .o-form-content {
  overflow: hidden;
}
.o-form-saving .o-form-content * {
  cursor: default !important;
}

/* checkbox and radio disabled */
.o-form-disabled.custom-checkbox label,
.o-form-disabled .custom-checkbox label {
  background-position: -16px -13px; /* prevents change on hover */
}

.o-form-disabled.custom-radio label::before,
.o-form-disabled .custom-radio label::before {
  background-position: -16px -20px; /* prevents change on hover */
}

.o-form-disabled .custom-checkbox label.checked,
.o-form-disabled.custom-checkbox label.checked,
.o-form-disabled.custom-checkbox label.checked.hover {
  background-position: -16px -213px; /* prevents change on hover */
}

.o-form-disabled.custom-radio label.checked::before,
.o-form-disabled.custom-radio label.checked::before.hover {
  background-position: -16px -220px; /* prevents change on hover */
}

.o-form-disabled.custom-radio label.checked::before,
.o-form-disabled .custom-radio label.checked::before {
  background-position: -16px -520px; /* prevents change on hover */
}

/* error state */
.o-form-has-errors .o-form-input-list-wrap .inputs-wrap .input-fix,
.o-form-has-errors .o-form-input-list-wrap .inputs-wrap .textarea-fix,
.o-form-has-errors .o-form-input-list-wrap .inputs-wrap .link-button,
.o-form-has-errors .file-upload-wrap .file-name-text-field,
.o-form-has-errors .file-upload-wrap .browse-file-button,
.o-form-has-errors .selectize-control,
.o-form-has-errors .group-picker-wrap .as-selections, .o-form-has-errors.input-fix, .o-form-has-errors.textarea-fix, .o-form-has-errors.chzn-container-single .chzn-single, .o-form-has-errors.link-button {
  border-color: #da372c;
}
.o-form-has-errors > .chzn-container-single .chzn-single {
  border-right-width: 1px !important;
  border-color: #da372c !important;
}
.o-form-has-errors .file-upload-wrap .browse-file-button {
  border-left-color: #c1c1c8;
}
.o-form-has-errors .o-form-control.o-form-focus,
.o-form-has-errors .link-button:hover {
  border-color: #c1c1c8;
}
.o-form-has-errors .custom-radio label::before {
  background-position: -16px -620px;
}
.o-form-has-errors .custom-checkbox label {
  background-position: -16px -813px;
}
.o-form-has-errors .custom-checkbox label.hover,
.o-form-has-errors .custom-checkbox label.focus {
  background-position: -16px -113px;
}
.o-form-has-errors .custom-radio label.hover::before,
.o-form-has-errors .custom-radio label.focus::before {
  background-position: -16px -120px;
}
.o-form-has-errors .custom-checkbox label.checked {
  background-position: -16px -913px;
}
.o-form-has-errors .custom-radio label.checked::before {
  background-position: -16px -720px;
}
.o-form-has-errors .o-form-input-group .o-form-control .chzn-single {
  border-right-width: 0;
  border-color: #c1c1c8;
}
.o-form-has-errors .o-form-input-group .chzn-container-active.chzn-with-drop .chzn-single {
  border-color: #c1c1c8;
}
.o-form-has-errors .chzn-container-active .chzn-single {
  border: 1px solid #c1c1c8;
}
.o-form-has-errors .infobox-error {
  display: block !important;
  margin-bottom: 0.85714285rem;
}

/* o-form + ajax-form hybrid */
.o-form .infobox-error + form .o-form-focus {
  border-color: #c1c1c8 !important;
}

/* data-list styles */
.data-list-inline-form .o-form-head {
  color: #212126;
  font-size: 1rem;
}

.data-list-inline-form .o-form-button-bar {
  margin: -2.999999975rem;
  border-width: 1px 0 0;
}

/* o-form used in a data-list sidebar as a filter */
.data-list-sidebar-wrap {
  /* Remove .data-list-sidebar-wrap from rule in final version, workaround for Devices page which mixes and matches implementations */
}
.data-list-sidebar-wrap .data-list-sidebar-filter-form .o-form-head {
  padding-right: 0;
  padding-left: 0;
  border-bottom: 0;
}
.data-list-sidebar-wrap .data-list-sidebar-filter-form .o-form-content {
  padding: 0 0.85714285rem;
}
.data-list-sidebar-wrap .data-list-sidebar-filter-form .o-form-fieldset {
  margin-bottom: 0.85714285rem;
}
.data-list-sidebar-wrap .data-list-sidebar-filter-form .o-form-label {
  padding-top: 0.428571425rem;
  padding-bottom: 0.428571425rem;
}
.data-list-sidebar-wrap .data-list-sidebar-filter-form .chzn-container {
  width: 100% !important; /* TODO: remove inline style at framework level */
  margin: 0;
}

/* searchable select specific */
.selectize-dropdown.multi .dropdown-footer,
.selectize-dropdown.single .dropdown-footer {
  padding: 0.85714285rem;
  background-color: #ffffff;
  color: #6e6e78;
}

/* form level explain text  */
.o-form-content > .o-form-explain {
  margin-bottom: 1.7142857rem;
}

/* Copy to clipboard input */
.copy-input-element {
  float: none !important;
}

.copy-text-element {
  min-height: 1rem;
  margin: 0;
  line-height: 1.7142857;
}

/* Dependency UI */
.dependency-callout .o-form-explain {
  margin-left: 0.85714285rem;
  line-height: 1.7142857;
}
.dependency-callout .spinner {
  position: relative;
  width: 50px;
  height: 50px;
}
.dependency-callout .openinnewtab-16::before {
  color: #212126;
}

table.auto {
  width: 100%;
  border-collapse: separate;
}
table.fixed {
  table-layout: fixed;
}
table.auto th, table.fixed th {
  line-height: 1.7142857;
  color: #212126;
  font-weight: 400;
  padding: 0.428571425rem 0.85714285rem;
  text-align: left;
  border-right: 1px solid #d7d7dc;
  border-bottom: 1px solid #d7d7dc;
  color: #212126;
  background: #f5f5f6;
}
table.auto th:first-child, table.fixed th:first-child {
  border-top-left-radius: 4px;
}
table.auto th:last-child, table.fixed th:last-child {
  border-right: none;
  border-top-right-radius: 4px;
}
table.auto tr:last-child td, table.fixed tr:last-child td {
  border-bottom: none;
}
table.auto td, table.fixed td {
  padding: 10px 12px;
  border-bottom: 1px solid #d7d7dc;
}
table.auto td.priority-cell, table.fixed td.priority-cell {
  padding: 0.85714285rem;
}
table.auto td.check-col, table.fixed td.check-col {
  text-align: center;
}
table.row-header th {
  border-bottom: 1px solid #d7d7dc;
}
table.row-borders tr:last-child td {
  border-bottom: none;
}
table.row-borders td {
  border-bottom: 1px solid #d7d7dc;
}
table.dark-headers {
  border-collapse: separate;
}
table.dark-headers th {
  color: #ffffff;
  border-width: 1px 0 1px 1px;
  border-style: solid;
  border-color: #d7d7dc;
  box-shadow: inset 0 1px 0 #6e6e78;
  background-color: #212126;
}
table.dark-headers th:first-child {
  border-top-left-radius: 4px;
}
table.dark-headers th:last-child {
  border-top-right-radius: 4px;
  border-right: 1px solid #d7d7dc;
}
table.dark-headers tr:last-child td {
  border-right: 1px solid #d7d7dc;
}
table.dark-headers tr:last-child td:first-child {
  border-bottom-left-radius: 4px;
}
table.dark-headers tr:last-child td:last-child {
  border-bottom-right-radius: 4px;
}
table.dark-headers td:first-child {
  border-left: 1px solid #d7d7dc;
}
table.dark-headers td:last-child {
  border-right: 1px solid #d7d7dc;
}
table.transparent-bg th {
  padding: 0.428571425rem 0;
  background: transparent !important;
  font-weight: 600 !important;
  border-right: 1px solid #d7d7dc !important;
  color: #212126 !important;
  border-left: none !important;
}
table.transparent-bg td {
  padding: 0.428571425rem 0;
  background: transparent !important;
}
table.display {
  border-bottom: 1px solid #d7d7dc;
}
table.display th div,
table.display td div {
  font-size: 1rem;
  line-height: 1.7142857;
  text-align: left;
  vertical-align: middle;
  color: #212126;
}
table.display th div {
  font-weight: 600;
}
table.display td div {
  font-weight: normal;
}
table.display thead th {
  padding: 0.428571425rem 0.85714285rem;
  border-top-color: #d7d7dc !important;
  border-left: none !important;
  border-bottom: 1px solid #d7d7dc !important;
  background: #ffffff;
  vertical-align: middle;
  max-width: 32em;
}
table.display thead th + th {
  border-top-color: #d7d7dc !important;
  border-left-color: #d7d7dc !important;
  border-left: none !important;
}
table.display thead th:first-child {
  border-left-width: 0 !important;
}
table.display tbody tr:hover td {
  background: #f5f5f6;
}
table.display tbody tr:hover td.dataTables_empty {
  background: #ffffff;
}
table.display tbody td {
  padding: 0.428571425rem 0.85714285rem;
  border-right: none;
  border-bottom: 1px solid #d7d7dc;
  vertical-align: top;
  max-width: 32em;
  word-break: break-all;
  text-overflow: initial;
  overflow: initial;
}
table.display tbody td.check-col + td {
  border-left: none;
}
table.display .check-col-hdr,
table.display .check-col {
  width: 2.2rem !important;
  text-overflow: initial;
  background: #ffffff;
}

.dataTables_paginate.paging_full_numbers .fg-button {
  cursor: default;
  display: inline-block;
  position: relative;
  height: auto;
  margin: 0;
  padding: 0.428571425em 0.85714285em;
  transition-property: color, background-color, border-color, box-shadow;
  transition-duration: 100ms;
  transition-timing-function: linear;
  border-radius: 1px;
  box-shadow: 0 0 0 0 #a7b5ec;
  font-family: "Whyte", "-apple-system", "BlinkMacSystemFont", "Segoe UI", "Roboto", "Oxygen-Sans", "Ubuntu", "Cantarell", "Helvetica Neue", sans-serif;
  font-size: 1rem;
  font-weight: 600;
  line-height: 1.7142857;
  background-color: #ffffff;
  color: #1662dd;
  border: 1px solid #1662dd;
  box-shadow: 0 0 0 0 #a7b5ec;
  text-align: center;
}
.dataTables_paginate.paging_full_numbers .fg-button:hover, .dataTables_paginate.paging_full_numbers .fg-button:focus, .dataTables_paginate.paging_full_numbers .fg-button.ui-state-disabled {
  text-decoration: none;
  background-color: #1662dd !important;
  color: #ffffff !important;
}
.dataTables_paginate.paging_full_numbers .fg-button.ui-state-disabled.first, .dataTables_paginate.paging_full_numbers .fg-button.ui-state-disabled.previous, .dataTables_paginate.paging_full_numbers .fg-button.ui-state-disabled.next, .dataTables_paginate.paging_full_numbers .fg-button.ui-state-disabled.last {
  opacity: 1;
  border-color: #a7b5ec;
  background-color: #ffffff !important;
  color: #a7b5ec !important;
  cursor: not-allowed !important;
}
.dataTables_paginate.paging_full_numbers .fg-button.ui-state-disabled.first:active, .dataTables_paginate.paging_full_numbers .fg-button.ui-state-disabled.previous:active, .dataTables_paginate.paging_full_numbers .fg-button.ui-state-disabled.next:active, .dataTables_paginate.paging_full_numbers .fg-button.ui-state-disabled.last:active {
  pointer-events: none;
}
.dataTables_paginate.paging_full_numbers > :first-child {
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
}
.dataTables_paginate.paging_full_numbers > :last-child {
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
}

/* stylelint-disable declaration-no-important, no-descending-specificity, selector-no-qualifying-type, selector-max-id, no-duplicate-selectors, selector-max-compound-selectors */
.sort-asc-16::before {
  content: "▾";
  margin-top: 3px;
  margin-left: 5px;
  transform: rotate(180deg);
}

.sort-desc-16::before {
  content: "▾";
  margin-top: -3px;
  margin-left: 5px;
  transform: rotate(0deg);
}

/* Layout */
.data-list {
  border-width: 1px;
  border-style: solid;
  border-radius: 4px;
  border-color: #d7d7dc #d7d7dc #d7d7dc;
  box-shadow: none;
  background: #ffffff;
}

.data-list-sidebar-left {
  display: flex;
  flex-flow: row wrap;
}
.data-list-sidebar-left.clearfix {
  display: flex;
}
.data-list-sidebar-left > .data-list-toolbar {
  flex: 0 0 100%;
  max-width: 100%;
}
.data-list-sidebar-left > .data-list-content-wrap {
  width: 80%;
  float: left;
}

.data-list-sidebar-wrap {
  width: 20%;
  padding-bottom: 1.7142857rem;
  float: left;
}

.data-list-3-4 > .data-list-sidebar-wrap {
  width: 25%;
}
.data-list-3-4 > .data-list-content-wrap {
  width: 75%;
}

/* Typography */
.data-list-head {
  margin: 0;
  padding: 0;
  color: #ffffff;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.3;
}

/*
 * Module
 */
/* Toolbar */
.data-list-toolbar {
  padding: 0.85714285rem 1.7142857rem;
  border-bottom: 1px solid #d7d7dc;
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
  background: #f5f5f6;
}
.data-list-toolbar .header {
  color: #212126;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.3;
}

.data-list-toolbar.outside {
  margin-bottom: 1.7142857rem;
  padding: 0;
  border: 0;
  background: none;
}

.data-list-sidebar + .data-list-sidebar {
  padding-top: 0.85714285rem;
  border-radius: 0 !important;
}

.data-list-sidebar-left .data-list-sidebar {
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
}

.data-list-sidebar-right .data-list-sidebar {
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
}

.data-list-content {
  position: relative;
  min-height: 400px;
  border-radius: 4px;
  background: #ffffff;
  overflow-x: auto;
}

.data-list-sidebar-left .data-list-content {
  border-left: 1px solid #d7d7dc;
  border-radius: 0 0 4px 0;
  height: 100%;
}
.data-list-sidebar-left .data-list-content-wrap .data-list-toolbar {
  border-left: 1px solid #d7d7dc;
  border-top-right-radius: 4px;
  background: #ffffff;
}

.data-list-sidebar-right .data-list-content {
  border-right: 1px solid #d7d7dc;
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
}

.data-list-no-sidebar .data-list-content {
  width: 100%;
  float: none;
}

.data-list-sidebar-heading {
  margin: 0;
  padding: 0.428571425rem 0.85714285rem;
  color: #212126;
  font-size: 1rem;
  font-weight: 600;
  line-height: 1.3;
}

/* Sidebar Elements */
.data-list-nav {
  margin: 0;
  padding: 0;
}

.data-list-nav-link {
  position: relative;
  padding: 0.428571425rem 0.85714285rem;
  color: #212126;
  font-size: 1rem;
  line-height: 1.7142857;
  display: flex;
}
.data-list-nav-link:visited {
  color: inherit;
}

.data-list-filter-count {
  margin-left: auto;
}

/* Table styles */
.data-list-table {
  width: 100%;
  border-collapse: separate;
  border-radius: 4px;
}

.data-list-sidebar-left .data-list-table {
  border-radius: 0 0 4px 0;
}

.data-list-sidebar-right .data-list-table {
  border-radius: 0 0 0 4px;
}

.data-list-table th,
.data-list-table td {
  font-size: 1rem;
  font-weight: normal;
  line-height: 1.7142857;
  text-align: left;
  max-width: 25em;
}

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

.data-list-table th {
  padding: 0.428571425rem 0.85714285rem;
  border-bottom: 1px solid #d7d7dc;
  font-weight: 600;
  vertical-align: top;
}
.data-list-table tr {
  background: #ffffff;
}
.data-list-table th:first-child {
  border-top-left-radius: 4px;
}
.data-list-table th:last-child {
  border-top-right-radius: 4px;
}
.data-list-table td {
  padding: 0.428571425rem 0.85714285rem;
  border-right: 1px solid transparent;
  border-bottom: 1px solid #d7d7dc;
  vertical-align: top;
  overflow-wrap: break-word;
  word-wrap: break-word;
}

.data-list-sidebar-left .data-list-table th:first-child {
  border-top-left-radius: 0;
}

.data-list-sidebar-left .data-list-table th:last-child {
  border-top-right-radius: 0;
}

#app .data-list-table td.error { /* hack: needed to override infobox-error bg color change */
  color: #212126 !important;
}

.data-list-table th:last-child,
.data-list-table td:last-child {
  border-right: 0;
}

.data-list-table tfoot td {
  border-bottom: 0;
}

.data-list-row-expander td {
  background: #ffffff;
}

.data-list-table tbody:last-child .data-list-row-expander td {
  border-top: 1px solid #d7d7dc;
}

/*
 * Context Bar
 */
.data-list-context-bar {
  position: relative;
  padding: 1.7142857rem 0;
  background: #ffffff;
  line-height: 1.3;
  text-align: center;
}
.data-list-context-bar h3 {
  margin-bottom: 0;
  padding: 0.428571425rem 0;
  color: #212126;
  font-size: 1rem;
  font-weight: 600;
  line-height: 1.3;
}
.data-list-context-bar .infobox.icon-16 {
  padding-top: 0;
  padding-bottom: 0;
  background: #ffffff;
}
.data-list-context-bar .infobox.icon-16 .icon {
  left: 10px;
}

/* Result set pager */
.data-list-pager-footer td {
  padding: 0;
  text-align: center;
}
.data-list-pager-footer a {
  display: block;
  margin: 0.428571425rem 0.85714285rem;
  border: 0;
  border-radius: 4px;
  background-color: #ffffff;
  font-size: 1rem;
  font-weight: 600;
  line-height: 1.7142857;
  text-align: center;
  color: #1662dd;
  padding: 0.428571425em 0.85714285em;
}
.data-list-pager-footer a:hover {
  background: #f2f5ff;
  text-decoration: none;
}

.data-list-sidebar-left .data-list-pager-footer a {
  border-bottom-right-radius: 4px;
}

/*
 * Alpha Pager
 */
.data-list-pager-alpha {
  margin: 4px 0 0;
}

.data-list-pager-alpha li {
  float: left;
}

.data-list-pager-nav-link {
  margin: 0;
  padding: 0.428571425rem;
  border: 0;
  border-radius: 4px;
  line-height: 1.3;
}

/*
 * States
 */
/* Empty content */
.data-list-empty-msg {
  margin: 0 auto;
  padding: 3.4285714rem 0;
}

.data-list-empty-msg.data-list-content {
  border-radius: 0 4px 4px 0;
}

.data-list-loading .data-list-empty-msg {
  visibility: hidden;
}

.data-list-empty-img {
  position: absolute;
  top: 2.2em;
  left: 50%;
  width: 48px;
  height: 48px;
  margin-left: -24px;
  background-image: url(../img/ui/backgrounds/data-list-empty.843ea1f80ea23792730c.png);
}

.data-list-empty-binary {
  position: relative;
  width: 5em;
  margin: 0 auto;
  color: #6e6e78;
  font-family: "Courier New", serif;
  font-size: 1.1487rem;
  line-height: 1;
  word-wrap: break-word;
}

.data-list-empty-head {
  margin-top: 0.85714285rem;
  text-align: center;
  color: #212126;
  margin-right: auto;
  margin-left: auto;
}

.data-list-empty-subhead {
  width: 60%;
  margin-top: 0.428571425rem;
  margin-right: auto;
  margin-left: auto;
  color: #212126;
  font-size: 1rem;
  font-weight: 400;
}

.data-list-empty-msg .page-toolbar {
  margin-top: 1.7142857rem;
  margin-bottom: 0;
  text-align: center;
}

.data-list-empty-msg .page-toolbar a {
  display: inline-block;
  margin: 0 auto;
  float: none;
}

.data-list-empty-msg-compact {
  padding: 1.7142857rem 0;
}

.data-list-empty-msg-compact h4.data-list-empty-head {
  margin-top: 0;
}

/* Loading msg */
.data-list-load-wrap,
.data-list-load-mask {
  position: absolute;
  z-index: 2;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  min-height: 385px;
}

.data-list-load-mask {
  opacity: 0.9;
  background: #ffffff;
}

.data-list-sidebar-left .data-list-load-mask {
  border-bottom-right-radius: 4px;
}

/* Text used to provide more detailed feedback when spinner is displayed. */
.data-list-load-wrap .data-list-head {
  display: none; /* Hiding for now */
  position: absolute;
  z-index: 3;
  top: 228px;
  width: 100%;
  text-align: center;
}

.data-list-spinner {
  top: 180px !important;
  left: 50% !important;
  margin-left: -5px !important; /* Overrides inline style */
}

/* Retry spinner */
.data-list-retry-spinner {
  position: absolute;
  z-index: 10000;
  left: 50% !important;
  width: 180px;
  height: 92px;
  margin-left: -131px;
  padding: 0.85714285rem 1.7142857rem;
  border: 1px solid #d7d7dc;
  border-radius: 4px;
  background: #ffffff;
  box-shadow: 0 6px 24px rgba(33, 33, 38, 0.2);
  text-align: center;
}

.data-list-retry-spinner .spinner {
  width: 46px;
  height: 46px;
  margin: 0.85714285rem auto 0;
}

.data-list-retry-spinner .spinner > .spinner {
  left: 0 !important;
}

/* Nav links */
.data-list-nav-link:hover {
  border-color: #d7d7dc;
  background: #f5f5f6;
  text-decoration: none;
  color: #212126;
}

.data-list-nav-link-active,
.data-list-nav-link-active:hover {
  background: #f2f5ff;
  color: #212126 !important;
}

/* Tables */
.data-list-table td.column-no-wrap,
.data-list-table td div.column-no-wrap {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.data-list-table td.column-no-wrap:hover,
.data-list-table td div.column-no-wrap:hover {
  white-space: normal;
}

/* Commenting out until we can solve the last row border issue -- for now we put space and this isn't needed
.data-list-table tbody:last-child tr:hover td:last-child,
.data-list-table tfoot:last-child tr:hover td:last-child{
    border-bottom-right-radius: 4px;
}
*/
.data-list-pager-footer tr:hover td {
  background: transparent;
}

.data-list-no-pager .data-list-table tr:last-child td {
  border-bottom: 0;
}

.data-list-no-pager .data-list-table tr:last-child td:first-child {
  border-bottom-left-radius: 4px;
}

.data-list-no-pager .data-list-table tr:last-child td:last-child {
  border-bottom-right-radius: 4px;
}

.data-list-context-bar-error,
.data-list-context-bar-error td,
.data-list-context-bar-error:hover td,
.data-list-context-bar-error tr:hover td {
  background-color: #f5f5f6 !important;
}

.data-list-context-bar-highlight,
.data-list-context-bar-highlight td,
.data-list-context-bar-highlight:hover td,
.data-list-context-bar-highlight tr:hover td {
  background-color: #f5f5f6 !important;
}

.data-list-table th.check-all,
.data-list-table td.checkbox {
  width: 16px;
  vertical-align: middle;
}

.data-list-table th.check-all input[type=checkbox],
.data-list-table td.checkbox input[type=checkbox] {
  margin: 0 1px;
}

.data-list-table td.checkbox {
  border-right: 1px solid #d7d7dc;
  background-color: #ffffff;
}

/* Expandable row details */
.data-list-row-expander-wrap {
  position: relative;
}

.data-list-row-details {
  margin: 0;
  padding-top: 0.85714285rem;
}

.data-list-row-details dt,
.data-list-row-details dd {
  margin: 0 0 0.85714285rem;
  float: left;
  line-height: 1.7142857;
}

.data-list-row-details dt {
  width: 38%; /* override based on max label length for specific UI */
  clear: left;
  font-weight: 600;
}

.data-list-row-arrow-up {
  display: block;
  position: absolute;
  z-index: 2;
  top: -15px; /* override based on parent's padding */
  right: 10px; /* override based on parent's padding and desired location */
  width: 17px;
  height: 9px;
  background: url(../img/ui/indicators/data-list-row-arrow-up.7a6c0cae8f27556908b2.png) no-repeat 0 0 transparent;
}

/* Stand-alone table */
.data-list-table-only .data-list-table {
  table-layout: fixed;
  border-collapse: separate;
  box-shadow: 0 6px 24px rgba(33, 33, 38, 0.2);
}

.data-list-table-only th,
.data-list-table-only td {
  color: #6e6e78;
  text-align: center;
}

.data-list-table-only .data-list-table th,
.data-list-table-only .data-list-table td {
  padding: 0.85714285rem;
  border-right: 0;
}

.data-list-table-only thead tr:first-child th:first-child {
  border-top-left-radius: 4px;
}

.data-list-table-only thead tr:first-child th:last-child {
  border-top-right-radius: 4px;
}

.data-list-table-only tbody:last-child th {
  border-bottom-left-radius: 4px;
}

.data-list-table-only tbody:last-child td:last-child {
  border-bottom-right-radius: 4px;
}

.data-list-table-only td:last-child {
  border-right: 1px solid #d7d7dc;
}

.data-list-table-only tbody:last-child td,
.data-list-table-only tbody:last-child th {
  border-bottom: 1px solid #d7d7dc;
}

.data-list-primary-header th {
  position: relative;
  border-width: 1px 0;
  border-style: solid;
  border-color: #1662dd;
  background: #1662dd;
  color: #ffffff;
  font-weight: 600;
  text-align: center;
}

.data-list-primary-header th:first-child {
  border-left: 1px solid #1662dd;
}

.data-list-primary-header th:last-child {
  border-right: 1px solid #1662dd;
}

.data-list-secondary-header .data-list-vertical-header {
  position: relative;
  border-left: 1px solid #d7d7dc !important;
  color: #212126;
  font-weight: 600;
}

.data-list-table-only .data-list-secondary-header th:first-child,
.data-list-table-only .data-list-numbers th:first-child {
  border-radius: 0;
}
.data-list-table-only tbody:last-child .data-list-numbers th:first-child {
  border-bottom-left-radius: 4px;
}
.data-list-table-only .data-list-secondary-header .data-list-called-out-header {
  position: relative;
  border: 1px solid #1662dd;
  border-top-width: 0;
  background: #a7b5ec;
  color: #212126;
  font-weight: 600;
}
.data-list-table-only .data-list-secondary-header th:last-child {
  border-radius: 0;
}
.data-list-table-only .data-list-secondary-header .data-list-called-out-header + th {
  border-left: 1px solid transparent;
}
.data-list-table-only .data-list-secondary-header th {
  border-left: 1px solid #d7d7dc;
}
.data-list-table-only .data-list-numbers th {
  position: relative;
  border-bottom: 1px solid #ffffff;
  border-left: 1px solid #d7d7dc;
  background: #f5f5f6;
  color: #212126;
  font-weight: 600;
}
.data-list-table-only .data-list-numbers th + td {
  border-left: 1px solid #f5f5f6;
}

.data-list-numbers .data-list-called-out-number {
  border-bottom: 1px solid #1662dd;
  background: #1662dd;
  color: #212126;
  font-weight: 600;
}

/* Data list form that displays in content */
.data-list-inline-form {
  padding: 1.7142857rem 1.7142857rem 0.85714285rem;
  border-left: 1px solid #d7d7dc;
  background: #ffffff;
}

.data-list-sidebar-left .data-list-inline-form-wrap .data-list-toolbar {
  padding: 0 30px 30px;
  border-left: 0;
  border-radius: 0;
  background: #ffffff;
}

.data-list-inline-form + .data-list-toolbar {
  border-top: 1px solid #d7d7dc;
}

.data-list-nav-link-arrow {
  display: none;
  position: absolute;
  z-index: 2;
  top: 6px;
  right: -2px;
  width: 10px;
  height: 19px;
  background: url(../img/ui/indicators/data-list-nav-link-arrow-01.2f37e51ba8ac0ecf488c.png) no-repeat 0 0 transparent;
}

/* Datalist in a modal */
.simplemodal-wrap .data-list {
  border: 0;
  border-radius: 0;
}

.pill {
  padding: 0 0.428571425rem;
  border-radius: 4px;
}
.pill.is-pill-success {
  background: #00b478;
  color: #212126;
}
.pill.is-pill-error {
  background: #da372c;
  color: #ffffff;
}
.pill.is-pill-standard {
  background: #ebebed;
  color: #212126;
}

.instructions-list {
  counter-reset: li;
}
.instructions-list > li {
  position: relative;
  margin: 0 0 0.428571425rem 1.7142857rem;
  padding: 0.428571425rem 0 0.428571425rem;
  line-height: 1.7142857;
}
.instructions-list > li::before {
  content: counter(li);
  position: absolute;
  left: -2.2em;
  box-sizing: border-box;
  width: 24px;
  height: 24px;
  border-radius: 50%;
  background: #aaaab4;
  color: #ffffff;
  font-size: 14px;
  font-weight: normal;
  line-height: 24px;
  text-align: center;
  counter-increment: li;
}
.instructions-list li ol,
.instructions-list li ul {
  margin-top: 0.428571425rem;
}
.instructions-list li:last-child {
  margin-bottom: 0;
}
.instructions-list code {
  display: block;
  margin-top: 0.428571425rem;
  padding: 0.428571425rem;
  border: 1px dashed #c1c1c8;
  background: #ffffff;
  word-wrap: break-word;
}
.instructions-list .toggle-control {
  display: inline-block;
  padding-right: 1.7142857rem;
}
.instructions-list .toggle-section {
  padding: 0.85714285rem 0;
}

/* stylelint-disable selector-max-compound-selectors, selector-no-qualifying-type, no-duplicate-selectors, declaration-no-important, no-descending-specificity, selector-max-id */
.dropdown {
  border-radius: 4px;
  background: #ffffff;
  font-size: 1rem;
}

.dropdown .options {
  position: relative;
}
.dropdown .options a {
  color: #212126;
}

.dropdown .option-selected {
  display: block;
  position: relative;
}

.dropdown .options .okta-dropdown-list .option-disabled {
  color: #6e6e78;
  text-shadow: none;
}
.dropdown .options .okta-dropdown-list .option-disabled a {
  color: #6e6e78;
}

.dropdown .options .okta-dropdown-list .option-disabled:hover {
  cursor: default;
}

.dropdown .options .okta-dropdown-list .option-hidden {
  display: none;
}

.dropdown .option-selected span.more-options {
  display: block;
  position: absolute;
  top: 4px;
  right: 0;
  width: 30px;
  height: 30px;
}

.dropdown .option-selected:hover span.more-options {
  display: block;
}

.dropdown .options {
  display: none;
}

.dropdown .options-wrap {
  position: absolute;
  z-index: 4;
  left: 0;
  width: 417px;
  padding: 0;
  overflow: hidden;
  border-width: 1px;
  border-style: solid;
  border-radius: 4px;
  border-color: #c1c1c8;
  background: #ffffff;
  box-shadow: 0 6px 24px rgba(33, 33, 38, 0.2);
  list-style: none;
}

.dropdown .options li.option.hidden {
  display: none;
}

.dropdown .options li.option {
  display: block;
  position: relative;
  padding: 0.428571425rem;
  border-bottom: 1px solid #c1c1c8;
  background: #ffffff;
  word-break: initial;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

.dropdown .options li.option:last-child {
  border-bottom: 0;
}

.dropdown .options li.error {
  padding: 0.85714285rem 0.428571425rem 0.85714285rem 1.7142857rem;
  background: url(../img/icons/16x16/error-01.c2bd40c8d1d6afa3f4ad.png) 5px 8px no-repeat !important;
  background-color: #f5f5f6 !important;
}

.dropdown .options li.error:hover:not(.option-disabled) {
  background-color: #f88c90 !important;
  cursor: pointer;
}

.dropdown .options li.option:hover:not(.option-disabled) {
  background: #f5f5f6;
  cursor: pointer;
}

.dropdown .options li.option:focus-within:not(.option-disabled) {
  background: #f2f5ff;
}

.dropdown.more-actions:not(.hide) ~ .dropdown.more-actions:not(.hide) {
  margin: 0 0 0 0.85714285rem;
}

/**
 *  More actions variant
 */
.dropdown.more-actions .option-selected {
  position: relative;
  float: none !important;
  overflow: hidden;
  white-space: nowrap;
}

.page-links .dropdown.more-actions .option-selected {
  margin: 0 !important;
}

.dropdown.more-actions .option-selected span.icon-dm {
  width: 9px;
  height: 1.1487rem;
  margin: 0 0 0 0.428571425rem;
  display: inline-block;
}

.dropdown.more-actions .button-primary.option-selected span.icon-dm::before {
  content: "▾";
  color: #ffffff;
}

.dropdown.more-actions .options-wrap {
  width: 200px;
  margin: 0;
  border-style: solid;
}

.dropdown.more-actions .options {
  position: absolute;
  z-index: 5;
}

.dropdown.more-actions .options .option {
  padding: 0;
}

.dropdown.more-actions .option a {
  display: block;
  padding: 0.428571425em 0.85714285em;
}

.dropdown.more-actions .option a:hover,
.dropdown.more-actions .option a:focus {
  text-decoration: none;
}

.dropdown.more-actions .option a .icon:not(:only-child) {
  position: absolute;
}

/* Editable drop down variant (Drop down control associated with a button) */
.dropdown-edit {
  background: transparent;
}

.dropdown-edit .option-selected {
  width: 300px;
  margin: 0;
  border-right: 0;
  border-radius: 4px 0 0 4px;
}

#customize-user-account-dropdown .option-selected.dropdown-disabled,
#customize-user-account-dropdown .option-selected.dropdown-disabled:hover {
  border-color: #c1c1c8;
  opacity: 0.5;
  background: transparent !important;
  box-shadow: none;
  cursor: default;
}

#custom_links\.cancel_link {
  margin-left: 0;
}

.dropdown-edit .option-selected.dropdown-disabled .dropdown-selected-text {
  color: #6e6e78;
}

.dropdown-edit .option-selected.dropdown-disabled .icon-dm {
  opacity: 0.4;
}

.dropdown-edit .option-selected.dropdown-disabled span:hover {
  cursor: default;
}

.dropdown-edit .option-selected.dropdown-disabled:hover,
.dropdown-edit .option-selected.dropdown-disabled:active {
  background: url(../img/ui/button/okta-buttons-sprite-001.709317affd945eb60fbc.png) repeat-x scroll 0 0 #d7d7dc !important;
}

.dropdown.dropdown-edit .options-wrap {
  left: 0;
  width: 330px;
}

.dropdown.dropdown-edit .option .option-link {
  padding: 0.428571425rem;
}

.link-button.dropdown-edit-button {
  margin: 0;
  border-radius: 0 4px 4px 0;
}

/* Dropdown option content */
.option-title {
  padding-left: 1.7142857em;
  margin-bottom: 0.428571425rem;
}

.option-subtitle {
  padding-left: 1.7142857em;
  color: #6e6e78;
  font-size: 14px;
  font-weight: normal;
}

.no-icon .option-title {
  padding-left: 0;
}
.no-icon .option-subtitle {
  padding-left: 0;
}

.off-screen {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  overflow: hidden;
  clip: rect(0 0 0 0);
  border: 0;
}

/* stylelint-disable font-family-no-missing-generic-family-keyword */
.help-link {
  display: inline-block;
  position: relative;
  padding-left: 0.428571425rem;
}

.help-link:hover {
  text-decoration: underline;
}

.help-link-icon::before {
  content: "\e054";
  position: absolute;
  top: -1px;
  left: -1.1rem;
  font-family: "okticon";
  font-size: 1rem;
}

.documentation-link-icon::before {
  content: url(../img/ui/documentation.b8da8783311436ab4d09.svg);
  position: absolute;
  top: -1px;
  left: -1.1rem;
  font-family: "okticon";
  font-size: 1rem;
}

/* stylelint-disable selector-max-compound-selectors, no-descending-specificity, declaration-no-important */
.o-wizard {
  position: relative;
  width: 640px;
  margin: 3.4285714rem auto;
}
.o-wizard-progressbar-wrap {
  position: relative;
  margin-bottom: 1.7142857rem;
  padding: 3.4285714rem 0;
  border-top: 1px solid #c1c1c8;
  border-bottom: 1px solid #c1c1c8;
}
.o-wizard-progressbar {
  counter-reset: step;
  display: flex;
  justify-content: center;
  font-size: 1.1487rem;
}
.o-wizard-step {
  position: relative;
  list-style-type: none;
  flex: 1 1;
  text-align: center;
  line-height: calc(38px - 2px);
  color: #c1c1c8;
}
.o-wizard-step .icon {
  margin-right: 0;
}
.o-wizard-step::before {
  position: absolute;
  margin: 0 auto;
  left: 0;
  right: 0;
  content: counter(step);
  display: block;
  counter-increment: step;
  border: 2px solid;
  width: 38px;
  height: 38px;
  border-radius: 50%;
  line-height: calc(38px - 2px * 2);
  background-color: white;
}
.o-wizard-step:not(:last-child)::after {
  position: absolute;
  content: "";
  height: 2px;
  left: calc(50% + 38px / 2);
  background-color: currentColor;
  top: calc((38px - 2px) / 2);
}
.o-wizard-substeps-1-2::after {
  width: calc((100% - 38px) / 2 * 1);
}
.o-wizard-substeps-1-3::after {
  width: calc((100% - 38px) / 3 * 1);
}
.o-wizard-substeps-2-3::after {
  width: calc((100% - 38px) / 3 * 2);
}
.o-wizard-substeps-1-4::after {
  width: calc((100% - 38px) / 4 * 1);
}
.o-wizard-substeps-2-4::after {
  width: calc((100% - 38px) / 4 * 2);
}
.o-wizard-substeps-3-4::after {
  width: calc((100% - 38px) / 4 * 3);
}
.o-wizard-substeps-1-5::after {
  width: calc((100% - 38px) / 5 * 1);
}
.o-wizard-substeps-2-5::after {
  width: calc((100% - 38px) / 5 * 2);
}
.o-wizard-substeps-3-5::after {
  width: calc((100% - 38px) / 5 * 3);
}
.o-wizard-substeps-4-5::after {
  width: calc((100% - 38px) / 5 * 4);
}
.o-wizard-progressbar-line::after {
  position: absolute;
  content: "";
  height: 2px;
  width: 100%;
  background-color: #c1c1c8;
  margin: calc((38px - 2px) / 2) auto;
  left: 0;
  right: 0;
}
.o-wizard-progressbar-steps-1 .o-wizard-progressbar-line::after {
  width: calc(100% - 100% / 1);
}
.o-wizard-progressbar-steps-2 .o-wizard-progressbar-line::after {
  width: calc(100% - 100% / 2);
}
.o-wizard-progressbar-steps-3 .o-wizard-progressbar-line::after {
  width: calc(100% - 100% / 3);
}
.o-wizard-progressbar-steps-4 .o-wizard-progressbar-line::after {
  width: calc(100% - 100% / 4);
}
.o-wizard-progressbar-steps-5 .o-wizard-progressbar-line::after {
  width: calc(100% - 100% / 5);
}
.o-wizard-step-label {
  margin: 0.85714285em 0;
  padding: 0;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.7142857;
}
.o-wizard-step:not(.o-wizard-complete):not(.o-wizard-active):not(.o-wizard-error) .o-wizard-step-label {
  color: #c1c1c8;
}
.o-wizard-active {
  color: #1662dd;
}
.o-wizard-complete {
  color: #00b478;
}
.o-wizard-error {
  color: #da372c;
}
.o-wizard-complete::after {
  width: calc(100% - 38px);
}
.o-wizard-complete::before, .o-wizard-error::before {
  content: "";
}
.o-wizard-step-title h2 {
  margin-left: 0.428571425rem;
  color: #212126;
  font-size: 1.1487rem;
  font-weight: 400;
}
.o-wizard-step-content {
  min-height: 150px;
}
.o-wizard-content-wrap {
  margin: 0.428571425rem;
}
.o-wizard-button-bar {
  margin-top: 1.7142857rem;
  padding-top: 1.7142857rem;
  border-top: 1px solid #c1c1c8;
}
.o-wizard-button-bar .link-button {
  min-width: 100px;
}
.o-wizard-button-bar .link-button.save-and-continue-later, .o-wizard-button-bar .link-button.next {
  float: right;
}

/* stylelint-disable declaration-no-important, no-descending-specificity, selector-max-compound-selectors */
.o-form-read-mode .file-upload .file-upload-wrap,
.o-form-read-mode .file-upload .file-upload-cancel {
  display: none !important;
}

form:not(.o-form-read-mode) .file-upload-wrap:not(.hide) + .file-upload-preview-wrap:not(:empty) {
  margin-top: 1.7142857rem;
}

.file-upload .file-name {
  margin: 0;
  padding: 0 0.85714285rem 0.85714285rem;
}
.file-upload .file-upload-cancel {
  padding: 0 0.85714285rem;
  float: right;
  clear: none;
}
.file-upload .file-upload-cancel.file-upload-uploading {
  padding: 0.428571425rem;
}
.file-upload .file-upload-cancel::after {
  content: "X";
  color: #6e6e78;
  cursor: pointer;
}
.file-upload .facade {
  position: relative;
}
.file-upload .file-name-text-field {
  width: 100%;
  cursor: pointer;
}
.file-upload .browse-file-button {
  position: absolute;
  top: 0;
  right: 0;
  height: 100%;
}
.file-upload .file-upload-progress-indicator-wrap {
  float: none;
  border-color: #1662dd;
}
.file-upload .file-upload-progress-indicator {
  padding: 0.428571425rem;
  float: left;
  transition: width 1s ease-in-out, height 300ms ease-in-out;
  background-color: #1662dd;
  word-break: keep-all;
  white-space: nowrap;
}
.file-upload .file-upload-preview {
  position: relative;
  width: 100%;
  min-height: 50px;
  padding: 0.85714285rem 0;
  float: left;
  border-top: 1px solid #c1c1c8;
  border-right: 1px solid #c1c1c8;
  border-left: 1px solid #c1c1c8;
}
.file-upload .file-upload-preview:first-child {
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
}
.file-upload .file-upload-preview:last-child {
  border-bottom: 1px solid #c1c1c8;
  border-bottom-right-radius: 4px;
  border-bottom-left-radius: 4px;
}

.file-input-facade .facade .browse,
.facade .browse-file-button {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}

.o-form-read-mode .file-upload-preview {
  background-color: #ffffff;
}

.public-key-file-upload .public-key-details-header .file-download, .cert-file-upload .cert-details-header .file-download, .image-file-upload .image-file-info .file-download {
  cursor: pointer;
}
.public-key-file-upload .public-key-details-header .file-download:hover, .cert-file-upload .cert-details-header .file-download:hover, .image-file-upload .image-file-info .file-download:hover {
  text-decoration: underline;
}
.public-key-file-upload .public-key-details-header .file-download .download-icon, .cert-file-upload .cert-details-header .file-download .download-icon, .image-file-upload .image-file-info .file-download .download-icon {
  padding: 0 0.428571425rem;
}
.public-key-file-upload .public-key-details-header .file-download .download-icon::before, .cert-file-upload .cert-details-header .file-download .download-icon::before, .image-file-upload .image-file-info .file-download .download-icon::before {
  color: #6e6e78;
}

.image-file-upload .image-content {
  display: flex;
  justify-content: center;
}
.image-file-upload .image-file-info li {
  line-height: 1.3;
  padding: 0 0.85714285rem;
}
.image-file-upload .image-file-thumbnail {
  padding: 0 0.85714285rem;
  overflow: hidden;
}
.image-file-upload .image-file-thumbnail img {
  width: auto;
  max-width: 150px;
  height: auto;
  max-height: 60px;
  margin: 0.85714285rem 0.428571425rem 0.85714285rem 0;
}

.cert-file-upload .cert-details, .cert-file-upload .cert-details-header, .cert-file-upload .cert-expand-details {
  display: block;
  margin-left: 3.4285714rem;
  padding: 0.428571425rem 0.85714285rem 0;
}

.cert-file-upload .cert-thumbnail {
  position: absolute;
  padding: 0 0.85714285rem;
}
.cert-file-upload .cert-expand-details {
  padding-top: 0.85714285rem;
  color: #1662dd;
}
.cert-file-upload .cert-details-header .cert-names {
  margin: 0 0 0.85714285rem;
  font-weight: 600;
}
.cert-file-upload .cert-details-header .file-download .download-icon {
  vertical-align: bottom;
}
.cert-file-upload .cert-details .cert-name {
  margin: 0.85714285rem 0 0.428571425rem;
  font-weight: 600;
}
.cert-file-upload .cert-details .cert-fingerprint .cert-fingerprint-header,
.cert-file-upload .cert-details .cert-fingerprint .cert-signature-header,
.cert-file-upload .cert-details .cert-signature .cert-fingerprint-header,
.cert-file-upload .cert-details .cert-signature .cert-signature-header {
  margin-top: 0.428571425rem;
  font-weight: 600;
}
.cert-file-upload .cert-details .cert-name,
.cert-file-upload .cert-details .cert-issuer,
.cert-file-upload .cert-details .cert-upload-info,
.cert-file-upload .cert-details .cert-valid-date,
.cert-file-upload .cert-details .cert-signature {
  color: #6e6e78;
}
.cert-file-upload .cert-details .cert-expiration {
  margin-top: 0.428571425rem;
  color: #00b478;
}
.cert-file-upload .cert-details .cert-expiration.cert-expired {
  color: #da372c;
}
.cert-file-upload .upload-success {
  margin-left: 3.4285714rem;
  padding-top: 0.85714285rem;
  padding-left: 0.85714285rem;
}

.private-key-reader .file-upload-preview {
  padding: 0.85714285rem;
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: auto 1fr;
  grid-template-columns: auto 1fr;
  -ms-grid-rows: auto;
  grid-template-rows: auto;
}
.private-key-reader .file-upload-preview > * {
  -ms-grid-row-align: center;
      align-self: center;
}
.private-key-reader .file-upload-cancel {
  position: absolute;
  top: 0;
  right: 0;
  padding: 0.428571425rem;
}
.private-key-reader .file-cert-32 {
  -ms-grid-column: 1;
  grid-column: 1;
  margin-right: 0.85714285rem;
}
.private-key-reader .preview-message {
  -ms-grid-column: 2;
  grid-column: 2;
  max-width: 32em;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

.public-key-file-upload .public-key-details, .public-key-file-upload .public-key-details-header, .public-key-file-upload .public-key-expand-details {
  display: block;
  margin-left: 3.4285714rem;
  padding: 0.428571425rem 0.85714285rem 0;
}

.public-key-file-upload .public-key-thumbnail {
  position: absolute;
  padding: 0 0.85714285rem;
}
.public-key-file-upload .public-key-expand-details {
  padding-top: 0.85714285rem;
  color: #1662dd;
}
.public-key-file-upload .public-key-details-header .public-key-names {
  margin: 0 0 0.85714285rem;
  font-weight: 600;
  height: 38px;
  line-height: 38px;
}
.public-key-file-upload .public-key-details {
  color: #6e6e78;
}

/**
 * selectize.default.css (v0.12.4) - Default Theme
 * Copyright (c) 2013–2015 Brian Reavis & contributors
 *
 * Licensed under the Apache License, Version 2.0 (the "License"); you may not use this
 * file except in compliance with the License. You may obtain a copy of the License at:
 * http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software distributed under
 * the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF
 * ANY KIND, either express or implied. See the License for the specific language
 * governing permissions and limitations under the License.
 *
 * @author Brian Reavis <brian@thirdroute.com>
 */
.selectize-control.plugin-drag_drop.multi > .selectize-input > div.ui-sortable-placeholder {
  visibility: visible !important;
  background: #f5f5f6 !important;
  background: rgba(0, 0, 0, 0.06) !important;
  border: 0 none !important;
  box-shadow: inset 0 0 12px 4px #ffffff;
}

.selectize-control.plugin-drag_drop .ui-sortable-placeholder::after {
  content: "!";
  visibility: hidden;
}

.selectize-control.plugin-drag_drop .ui-sortable-helper {
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2);
}

.selectize-dropdown-header {
  position: relative;
  padding: 5px 8px;
  border-bottom: 1px solid #d7d7dc;
  background: #f5f5f6;
  border-radius: 3px 3px 0 0;
}

.selectize-dropdown-header-close {
  position: absolute;
  right: 8px;
  top: 50%;
  color: #212126;
  opacity: 0.4;
  margin-top: -12px;
  line-height: 20px;
  font-size: 20px !important;
}

.selectize-dropdown-header-close:hover {
  color: #212126;
}

.selectize-dropdown.plugin-optgroup_columns .optgroup {
  border-right: 1px solid #f5f5f6;
  border-top: 0 none;
  float: left;
  box-sizing: border-box;
}

.selectize-dropdown.plugin-optgroup_columns .optgroup:last-child {
  border-right: 0 none;
}

.selectize-dropdown.plugin-optgroup_columns .optgroup:before {
  display: none;
}

.selectize-dropdown.plugin-optgroup_columns .optgroup-header {
  border-top: 0 none;
}

.selectize-control.plugin-remove_button [data-value] {
  position: relative;
  padding-right: 24px !important;
}

.selectize-control.plugin-remove_button [data-value] .remove {
  z-index: 1;
  /* fixes ie bug (see #392) */
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  width: 17px;
  text-align: center;
  font-weight: bold;
  font-size: 12px;
  color: inherit;
  text-decoration: none;
  vertical-align: middle;
  display: inline-block;
  padding: 2px 0 0 0;
  border-left: 1px solid #1662dd;
  border-radius: 0 2px 2px 0;
  box-sizing: border-box;
}

.selectize-control.plugin-remove_button [data-value] .remove:hover {
  background: rgba(0, 0, 0, 0.05);
}

.selectize-control.plugin-remove_button [data-value].active .remove {
  border-left-color: #00297a;
}

.selectize-control.plugin-remove_button .disabled [data-value] .remove:hover {
  background: none;
}

.selectize-control.plugin-remove_button .disabled [data-value] .remove {
  border-left-color: #c1c1c8;
}

.selectize-control.plugin-remove_button .remove-single {
  position: absolute;
  right: 28px;
  top: 6px;
  font-size: 23px;
}

.selectize-control {
  position: relative;
}

.selectize-dropdown,
.selectize-input,
.selectize-input input {
  color: #212126;
  font-family: inherit;
  font-size: 13px;
  line-height: 18px;
  -webkit-font-smoothing: inherit;
}

.selectize-input,
.selectize-control.single .selectize-input.input-active {
  background: #ffffff;
  cursor: text;
  display: inline-block;
}

.selectize-input {
  border: 1px solid #d7d7dc;
  padding: 8px 8px;
  display: inline-block;
  width: 100%;
  overflow: hidden;
  position: relative;
  z-index: 1;
  box-sizing: border-box;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.1);
  border-radius: 3px;
}

.selectize-control.multi .selectize-input.has-items {
  padding: 5px 8px 2px;
}

.selectize-input.full {
  background-color: #ffffff;
}

.selectize-input.disabled,
.selectize-input.disabled * {
  cursor: default !important;
}

.selectize-input.focus {
  box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.15);
}

.selectize-input.dropdown-active {
  border-radius: 3px 3px 0 0;
}

.selectize-input > * {
  vertical-align: baseline;
  display: -moz-inline-stack;
  display: inline-block;
  zoom: 1;
  *display: inline;
}

.selectize-control.multi .selectize-input > div {
  cursor: pointer;
  margin: 0 3px 3px 0;
  padding: 2px 6px;
  background: #1662dd;
  color: #ffffff;
  border: 1px solid #1662dd;
}

.selectize-control.multi .selectize-input > div.active {
  background: #00b478;
  color: #ffffff;
  border: 1px solid #00297a;
}

.selectize-control.multi .selectize-input.disabled > div,
.selectize-control.multi .selectize-input.disabled > div.active {
  color: #ffffff;
  background: #d7d7dc;
  border: 1px solid #c1c1c8;
}

.selectize-input > input {
  display: inline-block !important;
  padding: 0 !important;
  min-height: 0 !important;
  max-height: none !important;
  max-width: 100% !important;
  margin: 0 1px !important;
  text-indent: 0 !important;
  border: 0 none !important;
  background: none !important;
  line-height: inherit !important;
  -webkit-user-select: auto !important;
  box-shadow: none !important;
}

.selectize-input > input::-ms-clear {
  display: none;
}

.selectize-input > input:focus {
  outline: none !important;
}

.selectize-input::after {
  content: " ";
  display: block;
  clear: left;
}

.selectize-input.dropdown-active::before {
  content: " ";
  display: block;
  position: absolute;
  background: #d7d7dc;
  height: 1px;
  bottom: 0;
  left: 0;
  right: 0;
}

.selectize-dropdown {
  position: absolute;
  z-index: 10;
  border: 1px solid #d7d7dc;
  background: #ffffff;
  margin: -1px 0 0 0;
  border-top: 0 none;
  box-sizing: border-box;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
  border-radius: 0 0 3px 3px;
}

.selectize-dropdown [data-selectable] {
  cursor: pointer;
  overflow: hidden;
}

.selectize-dropdown [data-selectable] .highlight {
  background: rgba(125, 168, 208, 0.2);
  border-radius: 1px;
}

.selectize-dropdown [data-selectable],
.selectize-dropdown .optgroup-header {
  padding: 5px 8px;
}

.selectize-dropdown .optgroup:first-child .optgroup-header {
  border-top: 0 none;
}

.selectize-dropdown .optgroup-header {
  color: #212126;
  background: #ffffff;
  cursor: default;
}

.selectize-dropdown .active {
  background-color: #f5f5f6;
  color: #00297a;
}

.selectize-dropdown .active.create {
  color: #00297a;
}

.selectize-dropdown .create {
  color: rgba(48, 48, 48, 0.5);
}

.selectize-dropdown-content {
  overflow-y: auto;
  overflow-x: hidden;
  max-height: 200px;
  -webkit-overflow-scrolling: touch;
}

.selectize-control.single .selectize-input,
.selectize-control.single .selectize-input input {
  cursor: pointer;
}

.selectize-control.single .selectize-input.input-active,
.selectize-control.single .selectize-input.input-active input {
  cursor: text;
}

.selectize-control.single .selectize-input:after {
  content: " ";
  display: block;
  position: absolute;
  top: 50%;
  right: 15px;
  margin-top: -3px;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 5px 5px 0 5px;
  border-color: #aaaab4 transparent transparent transparent;
}

.selectize-control.single .selectize-input.dropdown-active:after {
  margin-top: -4px;
  border-width: 0 5px 5px 5px;
  border-color: transparent transparent #aaaab4 transparent;
}

.selectize-control.rtl.single .selectize-input:after {
  left: 15px;
  right: auto;
}

.selectize-control.rtl .selectize-input > input {
  margin: 0 4px 0 -2px !important;
}

.selectize-control .selectize-input.disabled {
  opacity: 0.5;
  background-color: #f5f5f6;
}

.selectize-control.multi .selectize-input.has-items {
  padding-left: 5px;
  padding-right: 5px;
}

.selectize-control.multi .selectize-input.disabled [data-value] {
  color: #c1c1c8;
  text-shadow: none;
  background: none;
  box-shadow: none;
}

.selectize-control.multi .selectize-input.disabled [data-value],
.selectize-control.multi .selectize-input.disabled [data-value] .remove {
  border-color: #d7d7dc;
}

.selectize-control.multi .selectize-input.disabled [data-value] .remove {
  background: none;
}

.selectize-control.multi .selectize-input [data-value] {
  text-shadow: 0 1px 0 rgba(0, 51, 83, 0.3);
  border-radius: 3px;
  background-color: #1662dd;
  background-image: linear-gradient(to bottom, #1662dd, #1662dd);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ff1da7ee", endColorstr="#ff178ee9", GradientType=0);
  box-shadow: 0 1px 0 rgba(0, 0, 0, 0.2), inset 0 1px rgba(255, 255, 255, 0.03);
}

.selectize-control.multi .selectize-input [data-value].active {
  background-color: #1662dd;
  background-image: linear-gradient(to bottom, #1662dd, #1662dd);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ff008fd8", endColorstr="#ff0075cf", GradientType=0);
}

.selectize-control.single .selectize-input {
  box-shadow: 0 1px 0 rgba(0, 0, 0, 0.05), inset 0 1px 0 rgba(255, 255, 255, 0.8);
  background-color: #f5f5f6;
  background-image: linear-gradient(to bottom, #f5f5f6, #f5f5f6);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#fffefefe", endColorstr="#fff2f2f2", GradientType=0);
}

.selectize-control.single .selectize-input,
.selectize-dropdown.single {
  border-color: #c1c1c8;
}

.selectize-dropdown .optgroup-header {
  padding-top: 7px;
  font-weight: bold;
  font-size: 0.85em;
}

.selectize-dropdown .optgroup {
  border-top: 1px solid #d7d7dc;
}

.selectize-dropdown .optgroup:first-child {
  border-top: 0 none;
}

/* stylelint-disable no-descending-specificity, selector-max-compound-selectors, declaration-no-important */
.help-sidebar .form-group-wrap {
  padding: 0 !important;
}
.help-sidebar .help-wrap {
  width: 28%;
  padding: 0 0 0.85714285rem 1.7142857rem;
  float: left;
}
.help-sidebar .help-wrap h4,
.help-sidebar .help-wrap h5,
.help-sidebar .help-wrap h6 {
  margin-bottom: 0.85714285rem;
  padding: 0;
  color: #212126;
  font-weight: 600;
  font-size: 1rem;
  line-height: 1.3;
}
.help-sidebar .help-wrap p,
.help-sidebar .help-wrap li,
.help-sidebar .help-wrap dt,
.help-sidebar .help-wrap dd,
.help-sidebar .help-wrap strong {
  color: #212126;
}
.help-sidebar .help-wrap p {
  margin: 0;
}
.help-sidebar .help-wrap ul {
  margin: 0 0 0 1.7142857rem;
  list-style: disc outside none;
}
.help-sidebar .help-wrap li {
  padding-left: 0.428571425rem;
}
.help-sidebar .help-wrap .info-wrap,
.help-sidebar .help-wrap p + h4,
.help-sidebar .help-wrap ul + h4,
.help-sidebar .help-wrap div + h4,
.help-sidebar .help-wrap p + h5,
.help-sidebar .help-wrap ul + h5,
.help-sidebar .help-wrap div + h5,
.help-sidebar .help-wrap p + h6,
.help-sidebar .help-wrap ul + h6,
.help-sidebar .help-wrap div + h6,
.help-sidebar .help-wrap p + .infobox,
.help-sidebar .help-wrap ul + .infobox,
.help-sidebar .help-wrap div + .infobox {
  margin-top: 1.7142857rem;
}
.help-sidebar .help-wrap dd,
.help-sidebar .help-wrap dd li + li,
.help-sidebar .help-wrap li + li,
.help-sidebar .help-wrap p + p,
.help-sidebar .help-wrap h4 + .infobox,
.help-sidebar .help-wrap h5 + .infobox,
.help-sidebar .help-wrap .infobox + p {
  margin-top: 0.85714285rem;
}
.help-sidebar .help-wrap dt p {
  color: #212126;
  font-weight: 600;
}
.help-sidebar .help-wrap p + dl,
.help-sidebar .help-wrap dl + p,
.help-sidebar .help-wrap p + ul,
.help-sidebar .help-wrap ul + ul,
.help-sidebar .help-wrap dd + dt {
  margin-top: 1.7142857rem;
}
.help-sidebar .help-wrap dd ul {
  margin: 0.85714285rem 0 0 1.7142857rem;
}
.help-sidebar .help-wrap *:first-child {
  margin-top: 0 !important;
}
.help-sidebar .form-wrap {
  position: relative;
  width: 72%;
  float: left;
}

.help-sidebar.no-help-wrap {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.help-sidebar.no-help-wrap .form-group-wrap {
  width: 72%;
}
.help-sidebar.no-help-wrap .form-group-wrap .form-wrap {
  position: relative;
  width: 100%;
  float: none;
}

.m-form select,
.edit-form select,
.dataTables_length select,
.o-native-select {
  display: block;
  position: relative;
  width: 100%;
  max-width: 32em;
  margin: 0;
  padding: 0.428571425em 0.85714285em;
  transition-property: border-color, background-color, box-shadow;
  transition-duration: 100ms;
  transition-timing-function: linear;
  border: 1px solid #c1c1c8;
  border-radius: 4px;
  background-color: #ffffff;
  box-shadow: 0 0 0 0 #f2f5ff;
  color: #212126;
  font-family: "Whyte", "-apple-system", "BlinkMacSystemFont", "Segoe UI", "Roboto", "Oxygen-Sans", "Ubuntu", "Cantarell", "Helvetica Neue", sans-serif;
  font-size: 1rem;
  line-height: 1.7142857;
  padding-right: 2.142857125rem;
  background-image: url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 fill=%27none%27 viewBox=%270 0 16 16%27%3E%3Cpath fill=%27%23212126%27 fill-rule=%27evenodd%27 d=%27M8.73105 9.21673c-.39533.42357-1.06677.42357-1.46211 0L3.13105 4.78327c-.39533-.42357-1.06677-.42357-1.46211 0l-.03211.03441c-.35859.38421-.35859.98043 0 1.36464l5.62704 6.02898c.3972.4256 1.07254.4232 1.4668-.0051l5.62423-6.11001c.3604-.39146.3473-.99759-.0295-1.37318-.3967-.39541-1.042-.38376-1.4242.02572l-4.17015 4.468z%27 clip-rule=%27evenodd%27/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: right 0.85714285em center;
  background-size: 0.8705493166rem;
  -webkit-appearance: none;
          appearance: none;
}
.m-form select:hover, .m-form select:focus,
.edit-form select:hover,
.edit-form select:focus,
.dataTables_length select:hover,
.dataTables_length select:focus,
.o-native-select:hover,
.o-native-select:focus {
  border-color: #1662dd;
}
.m-form select:focus,
.edit-form select:focus,
.dataTables_length select:focus,
.o-native-select:focus {
  outline: 0;
  box-shadow: 0 0 0 4px #a7b5ec;
}
.m-form select:disabled,
.edit-form select:disabled,
.dataTables_length select:disabled,
.o-native-select:disabled {
  opacity: 1;
  color: #6e6e78;
  cursor: not-allowed;
}
.m-form select:disabled, .m-form select[readonly],
.edit-form select:disabled,
.edit-form select[readonly],
.dataTables_length select:disabled,
.dataTables_length select[readonly],
.o-native-select:disabled,
.o-native-select[readonly] {
  border-color: #d7d7dc;
  background-color: #f5f5f6;
}
.m-form select:disabled:hover, .m-form select[readonly]:hover,
.edit-form select:disabled:hover,
.edit-form select[readonly]:hover,
.dataTables_length select:disabled:hover,
.dataTables_length select[readonly]:hover,
.o-native-select:disabled:hover,
.o-native-select[readonly]:hover {
  border-color: #d7d7dc;
}
.m-form select[data-invalid],
.edit-form select[data-invalid],
.dataTables_length select[data-invalid],
.o-native-select[data-invalid] {
  border-color: #da372c;
}
.m-form select[data-invalid]:focus,
.edit-form select[data-invalid]:focus,
.dataTables_length select[data-invalid]:focus,
.o-native-select[data-invalid]:focus {
  outline: 0;
  box-shadow: 0 0 0 4px #f88c90;
}
.m-form select::-webkit-input-placeholder, .edit-form select::-webkit-input-placeholder, .dataTables_length select::-webkit-input-placeholder, .o-native-select::-webkit-input-placeholder {
  color: #6e6e78;
}
.m-form select:-ms-input-placeholder, .edit-form select:-ms-input-placeholder, .dataTables_length select:-ms-input-placeholder, .o-native-select:-ms-input-placeholder {
  color: #6e6e78;
}
.m-form select::placeholder,
.edit-form select::placeholder,
.dataTables_length select::placeholder,
.o-native-select::placeholder {
  color: #6e6e78;
}
.m-form select option,
.edit-form select option,
.dataTables_length select option,
.o-native-select option {
  padding: 0;
}

.link-button,
.button,
.o-form-toggle a,
.link-bar a,
.user-search-button {
  cursor: default;
  display: inline-block;
  position: relative;
  margin: 0;
  padding: 0.428571425em 0.85714285em;
  transition-property: color, background-color, border-color, box-shadow;
  transition-duration: 100ms;
  transition-timing-function: linear;
  border-radius: 4px;
  box-shadow: 0 0 0 0 #a7b5ec;
  font-family: "Whyte", "-apple-system", "BlinkMacSystemFont", "Segoe UI", "Roboto", "Oxygen-Sans", "Ubuntu", "Cantarell", "Helvetica Neue", sans-serif;
  font-size: 1rem;
  font-weight: 600;
  line-height: 1.7142857;
  background-color: #ffffff;
  color: #1662dd;
  border: 1px solid #1662dd;
  box-shadow: 0 0 0 0 #a7b5ec;
  text-align: center;
}
.link-button:visited,
.button:visited,
.o-form-toggle a:visited,
.link-bar a:visited,
.user-search-button:visited {
  color: #1662dd;
}
.link-button:hover,
.button:hover,
.o-form-toggle a:hover,
.link-bar a:hover,
.user-search-button:hover {
  text-decoration: none;
  background-color: #1662dd;
  color: #ffffff;
}
.link-button:focus,
.button:focus,
.o-form-toggle a:focus,
.link-bar a:focus,
.user-search-button:focus {
  outline: 0;
  box-shadow: 0 0 0 4px #a7b5ec;
  background-color: #ffffff;
  color: #1662dd;
}
.link-button:disabled, .link-button.link-button-disabled, .link-button.disabled,
.button:disabled,
.button.link-button-disabled,
.button.disabled,
.o-form-toggle a:disabled,
.o-form-toggle a.link-button-disabled,
.o-form-toggle a.disabled,
.link-bar a:disabled,
.link-bar a.link-button-disabled,
.link-bar a.disabled,
.user-search-button:disabled,
.user-search-button.link-button-disabled,
.user-search-button.disabled {
  border-color: #a7b5ec;
  background-color: #ffffff;
  color: #a7b5ec;
  cursor: not-allowed;
}
.link-button:disabled:active, .link-button.link-button-disabled:active, .link-button.disabled:active,
.button:disabled:active,
.button.link-button-disabled:active,
.button.disabled:active,
.o-form-toggle a:disabled:active,
.o-form-toggle a.link-button-disabled:active,
.o-form-toggle a.disabled:active,
.link-bar a:disabled:active,
.link-bar a.link-button-disabled:active,
.link-bar a.disabled:active,
.user-search-button:disabled:active,
.user-search-button.link-button-disabled:active,
.user-search-button.disabled:active {
  pointer-events: none;
}
.link-button .icon,
.link-button .icon-svg,
.button .icon,
.button .icon-svg,
.o-form-toggle a .icon,
.o-form-toggle a .icon-svg,
.link-bar a .icon,
.link-bar a .icon-svg,
.user-search-button .icon,
.user-search-button .icon-svg {
  display: inline-block;
  width: 1em;
  height: 1em;
  margin-right: 0.428571425em;
}
.link-button .icon::before,
.link-button .icon::after,
.button .icon::before,
.button .icon::after,
.o-form-toggle a .icon::before,
.o-form-toggle a .icon::after,
.link-bar a .icon::before,
.link-bar a .icon::after,
.user-search-button .icon::before,
.user-search-button .icon::after {
  color: inherit;
}
.link-button.icon-only .icon, .link-button.icon-only .icon-svg,
.button.icon-only .icon,
.button.icon-only .icon-svg,
.o-form-toggle a.icon-only .icon,
.o-form-toggle a.icon-only .icon-svg,
.link-bar a.icon-only .icon,
.link-bar a.icon-only .icon-svg,
.user-search-button.icon-only .icon,
.user-search-button.icon-only .icon-svg {
  margin-right: 0;
}

.button-primary,
.save {
  background-color: #1662dd;
  color: #ffffff;
  border: 1px solid transparent;
  box-shadow: 0 0 0 0 #a7b5ec;
}
.button-primary:visited,
.save:visited {
  color: #ffffff;
}
.button-primary:hover,
.save:hover {
  border-color: #00297a;
  background-color: #00297a;
  color: #ffffff;
}
.button-primary:focus,
.save:focus {
  outline: 0;
  box-shadow: 0 0 0 4px #a7b5ec;
  background-color: #00297a;
  color: #ffffff;
}
.button-primary:disabled, .button-primary.link-button-disabled,
.save:disabled,
.save.link-button-disabled {
  border-color: transparent;
  background-color: #a7b5ec;
  color: #ffffff;
  cursor: not-allowed;
}

.button-error,
.button-deny {
  background-color: #da372c;
  border: 1px solid transparent;
  color: #ffffff;
}
.button-error:visited,
.button-deny:visited {
  color: #ffffff;
}
.button-error:hover,
.button-deny:hover {
  border-color: #640019;
  background-color: #640019;
  color: #ffffff;
}
.button-error:focus,
.button-deny:focus {
  outline: 0;
  box-shadow: 0 0 0 4px #f88c90;
  background-color: #640019;
  color: #ffffff;
}
.button-error:disabled, .button-error.link-button-disabled,
.button-deny:disabled,
.button-deny.link-button-disabled {
  border-color: #f88c90;
  background-color: #f88c90;
  color: #ffffff;
}

.button-clear,
.o-form-toggle a,
.link-bar a,
.cancel,
.cancel-button,
.button_no,
.data-list-table .link-button:not(.button-primary):not(.button-error) {
  background-color: transparent;
  border: 1px solid transparent;
}
.button-clear:hover,
.o-form-toggle a:hover,
.link-bar a:hover,
.cancel:hover,
.cancel-button:hover,
.button_no:hover,
.data-list-table .link-button:not(.button-primary):not(.button-error):hover {
  border-color: transparent;
  background-color: #f2f5ff;
  color: #00297a;
}
.button-clear:focus,
.o-form-toggle a:focus,
.link-bar a:focus,
.cancel:focus,
.cancel-button:focus,
.button_no:focus,
.data-list-table .link-button:not(.button-primary):not(.button-error):focus {
  background-color: #ffffff;
  color: #1662dd;
}
.button-clear:disabled, .button-clear.link-button-disabled,
.o-form-toggle a:disabled,
.o-form-toggle a.link-button-disabled,
.link-bar a:disabled,
.link-bar a.link-button-disabled,
.cancel:disabled,
.cancel.link-button-disabled,
.cancel-button:disabled,
.cancel-button.link-button-disabled,
.button_no:disabled,
.button_no.link-button-disabled,
.data-list-table .link-button:not(.button-primary):not(.button-error):disabled,
.data-list-table .link-button:not(.button-primary):not(.button-error).link-button-disabled {
  border-color: transparent;
  background-color: transparent;
  color: #a7b5ec;
}

.link-button + .link-button {
  margin: 0 0 0 0.85714285rem;
}

.data-list-toolbar .link-button,
.page-toolbar .link-button {
  float: left;
}

/* stylelint-disable selector-max-compound-selectors, selector-no-qualifying-type */
.ui-tabs .ui-tabs-nav {
  padding: 0;
  border-top: 0;
  border-bottom: 1px solid #c1c1c8;
  background: #ffffff;
}
.ui-tabs .ui-tabs-nav li {
  position: relative;
  margin: 0;
  padding: 0;
  float: left;
  border: 0;
  margin-right: 0.85714285rem;
}
.ui-tabs .ui-tabs-nav li:last-child {
  margin-right: 0;
}
.ui-tabs .ui-tabs-nav li a {
  display: block;
  padding: 0.85714285rem;
  color: #212126;
  line-height: 1.3;
  font-size: 1rem;
  font-weight: 600;
}
.ui-tabs .ui-tabs-nav li a:hover {
  text-decoration: none;
}
.ui-tabs .ui-tabs-nav li.ui-tabs-selected a {
  text-decoration: none;
  cursor: text;
}
.ui-tabs .ui-tabs-nav li.ui-tabs-selected a::before {
  content: "";
  position: absolute;
  bottom: -1px;
  left: 0;
  width: 100%;
  height: 0.2142857125rem;
  background: #1662dd;
}

.ui-tabs-margin {
  margin-bottom: 1.7142857rem;
}

.subtab-content {
  width: 85%;
  float: left;
}

.ui-subtabs {
  display: none;
  position: relative;
  float: left;
}
.ui-subtabs.subtabs-panel {
  width: 15%;
}
.ui-subtabs li.subtab {
  margin-top: 0.85714285rem;
  padding: 0.85714285rem;
  border-top: 0;
  border-right: 0;
  border-bottom: 0;
  border-left: 0.2142857125rem solid transparent;
}
.ui-subtabs li.subtab a.sub-tab-link {
  color: #6e6e78;
  text-decoration: none;
}
.ui-subtabs li.ui-state-active {
  border-left: 0.2142857125rem solid #00b478;
}
.ui-subtabs li.ui-state-active a.sub-tab-link {
  color: #212126;
  cursor: text;
}

/* stylelint-disable selector-class-pattern, declaration-no-important, no-descending-specificity */
.simplemodal-overlay {
  background-color: #212126;
  opacity: 0.75 !important;
}

.simplemodal-container,
.simplemodal-container-absolute,
.simplemodal-container-new {
  border-radius: 4px;
  box-shadow: 0 6px 24px rgba(33, 33, 38, 0.2);
  overflow: auto;
  background: #ffffff;
}
.simplemodal-container .block,
.simplemodal-container-absolute .block,
.simplemodal-container-new .block {
  font-size: 1.7411111rem;
  font-weight: 600;
  line-height: 1.3;
  word-wrap: break-word;
  overflow-wrap: break-word;
  padding: 0.85714285rem;
  border: 0;
}
.simplemodal-container .block span,
.simplemodal-container-absolute .block span,
.simplemodal-container-new .block span {
  font-size: 1.7411111rem;
  font-weight: 600;
  line-height: 1.3;
  word-wrap: break-word;
  overflow-wrap: break-word;
}
.simplemodal-container .button-bar,
.simplemodal-container-absolute .button-bar,
.simplemodal-container-new .button-bar {
  border: 0;
  border-radius: 0;
  box-shadow: none;
  padding: 0.85714285rem;
}
.simplemodal-container .modalCloseImg,
.simplemodal-container-absolute .modalCloseImg,
.simplemodal-container-new .modalCloseImg {
  position: absolute;
  z-index: 3200;
  top: 1.7142857rem;
  right: 1.7142857rem;
  height: 1rem;
  width: 1rem;
  background-color: transparent;
  background-image: url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 fill=%27none%27 viewBox=%270 0 16 16%27%3E%3Cpath fill=%27%23212126%27 fill-rule=%27evenodd%27 d=%27M13.704 2.295a1.008 1.008 0 0 0-1.426 0L8 6.574 3.722 2.295a1.008 1.008 0 1 0-1.426 1.427L6.574 8l-4.279 4.278a1.008 1.008 0 1 0 1.426 1.426L8 9.427l4.278 4.279a1.008 1.008 0 1 0 1.427-1.427L9.426 8l4.278-4.278a1.008 1.008 0 0 0 0-1.427z%27 clip-rule=%27evenodd%27/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: center center;
  font-size: 1rem;
  text-align: center;
  cursor: pointer;
}
.simplemodal-container .modalCloseImg:hover,
.simplemodal-container-absolute .modalCloseImg:hover,
.simplemodal-container-new .modalCloseImg:hover {
  text-decoration: none;
}
.simplemodal-container .modalCloseImg + .simplemodal-wrap .block,
.simplemodal-container-absolute .modalCloseImg + .simplemodal-wrap .block,
.simplemodal-container-new .modalCloseImg + .simplemodal-wrap .block {
  padding: 1.7142857rem 0.85714285rem 0.85714285rem;
}

.simplemodal-container {
  top: 50% !important;
  left: 50% !important;
  height: auto !important;
}
.simplemodal-container h3,
.simplemodal-container h4,
.simplemodal-container h5,
.simplemodal-container h6 {
  margin: 0 0 0.85714285rem;
  padding: 0;
}
.simplemodal-container .o-form-button-bar {
  background: #ffffff;
}
.simplemodal-container .m-form,
.simplemodal-container .v-form {
  border: 0;
}

.simplemodal-container-absolute {
  position: absolute !important;
  top: 1.7142857rem !important;
  height: auto !important;
  margin-bottom: 3.4285714rem;
}
.simplemodal-container-absolute .m-form,
.simplemodal-container-absolute .v-form {
  border: 0;
}

.simplemodal-wrap {
  overflow: initial !important;
}
.simplemodal-wrap .infobox-header + p {
  margin-top: 0.85714285rem;
}

.simplemodal-data,
.simplemodal-content-bg {
  background-color: #ffffff;
  padding: 0.85714285rem;
}

.no-close .simplemodal-close {
  display: none;
}

.modal-content-wrap {
  padding: 0.85714285rem;
}
.modal-content-wrap h3,
.modal-content-wrap h3 * {
  margin: 0;
  padding: 0;
  font-size: 1.1487rem;
  font-weight: 600;
  line-height: 1.3;
}
.modal-content-wrap h3:last-child,
.modal-content-wrap h3 *:last-child {
  margin-bottom: 0;
}
.modal-content-wrap h3 + p {
  margin-top: 0.85714285rem;
}

.dialog-loading-wrapper {
  position: relative;
}

.multi-view-modal-dialog-wrapper {
  visibility: hidden;
  position: absolute;
}

/* stylelint-disable selector-max-compound-selectors */
.empty-error-state .user-message {
  margin-bottom: 6.8571428rem;
  line-height: 1.7142857;
}

.empty-error-state .header-title,
.empty-state .header-title {
  position: relative;
  padding: 0 0 0 1.7142857rem;
  line-height: 1.7142857;
}
.empty-error-state .header-title .icon,
.empty-state .header-title .icon {
  position: absolute;
  left: 0;
}
.empty-error-state .container,
.empty-state .container {
  display: flex;
  justify-content: center;
  border-top: 1px solid;
  text-align: center;
}
.empty-error-state .container .content,
.empty-state .container .content {
  width: 70%;
}
.empty-error-state .container .content .illustration,
.empty-state .container .content .illustration {
  margin-top: 6.8571428rem;
  margin-bottom: 1.7142857rem;
}
.empty-error-state .container .content .description,
.empty-state .container .content .description {
  margin-bottom: 1.7142857rem;
  line-height: 1.7142857;
}
.empty-error-state .container .content .cta,
.empty-state .container .content .cta {
  display: flex;
  justify-content: center;
  margin-bottom: 1.7142857rem;
}

/* stylelint-disable declaration-no-important */
.header {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
}
.header .header-title {
  margin-bottom: 1.7142857rem !important;
}
.header .help-link {
  margin-bottom: 1.7142857rem;
}

.card {
  display: block;
  position: relative;
  -ms-grid-row-align: start;
      align-self: start;
  max-width: 32em;
  border: 1px solid #c1c1c8;
  border-radius: 4px;
}

.card--state {
  margin: -1px -1px 0;
  padding: 0.428571425rem 1.7142857rem;
  border-radius: 4px 4px 0 0;
  color: #ffffff;
  font-size: 0.8705493166rem;
  text-align: right;
}

.card--media {
  margin: -1px -1px 0;
  padding-bottom: 0.85714285rem;
  overflow: hidden;
  border-radius: 4px 4px 0 0;
}

.card--media-image {
  width: 100%;
}

.card--header {
  display: flex;
  position: relative;
  align-items: center;
  justify-content: flex-start;
  padding: 0.85714285rem 1.7142857rem 0.85714285rem;
}
.card--header:first-child {
  padding-top: 1.7142857rem;
}
.card--header:last-child {
  padding-bottom: 1.7142857rem;
}
.card--state + .card--header {
  padding-top: 1.7142857rem;
}
.card--header .card--header-action .link-button:not(.dropdown-button) {
  padding: 0;
  border: 0;
  background: initial;
  box-shadow: none;
}
.card--header .card--header-action .link-button:active {
  box-shadow: none;
}
.card--header .card--header-action .icon-options-16 {
  transform: rotate(90deg);
}

.card--header-icon {
  flex-basis: auto;
  height: 3.4285714rem;
  margin-right: 0.85714285rem;
  line-height: 1;
}
.card--header-icon svg {
  height: 100%;
}

.card--header-main {
  flex-basis: auto;
  flex-grow: 1;
  flex-shrink: 0;
  overflow: hidden;
  flex-basis: 50%;
}

.card--meta {
  color: #6e6e78;
  font-size: 14px;
}

.card--kebab {
  position: absolute;
  top: 1.7142857rem;
  right: 1.7142857rem;
}

.card--title {
  margin: 0 0 0.428571425rem 0;
  font-size: 1.31951169rem;
  font-weight: 600;
  line-height: 1.3;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.card--title:only-child {
  margin-bottom: 0;
}

.card--main {
  padding: 0.85714285rem 1.7142857rem 0.85714285rem;
  color: #212126;
}
.card--main:first-child {
  padding-top: 2.142857125rem;
}
.card--main:last-child {
  padding-bottom: 1.7142857rem;
}

.card--actions {
  display: flex;
  justify-content: flex-end;
}

.card--link {
  color: #1662dd;
}

.is-card-action .card--state {
  background: #1662dd;
}

.is-card-error .card--state {
  background: #da372c;
}

.is-card-clickable {
  transition: box-shadow 100ms linear;
  border: 0;
  box-shadow: 0 3px 6px rgba(33, 33, 38, 0.2);
  text-decoration: none;
  cursor: pointer;
}
.is-card-clickable:hover {
  box-shadow: 0 6px 24px rgba(33, 33, 38, 0.2);
}
.is-card-clickable:active {
  background: #f5f5f6;
}

.card--list {
  display: -ms-grid;
  display: grid;
  grid-auto-rows: minmax(0, auto);
  grid-gap: 1.7142857rem;
  grid-template-columns: repeat(auto-fill, minmax(27ch, 1fr));
}

/* stylelint-disable selector-no-qualifying-type */
article.card {
  display: block;
}
article.card figure,
article.card section {
  display: block;
}

/* stylelint-enable */
.card--footer {
  display: flex;
  justify-content: space-between;
  padding: 0.85714285rem 1.7142857rem 1.7142857rem;
}
.card--footer .card--ancillary-actions .card-icon {
  border: 0;
  background: inherit;
  box-shadow: inherit;
}

.cards {
  display: flex;
  flex-wrap: wrap;
}
.cards .card {
  width: 190px;
  height: 160px;
  margin: 0.428571425rem;
}
.cards .show-more .card--main {
  margin: 3.4285714rem 0 0;
  padding: 0;
  text-align: center;
}
.cards .show-more .add-16-thin {
  display: inline-block;
  top: 0.85714285rem;
  line-height: 1.3;
}
.cards .show-more .add-16-thin::before {
  font-size: 1.5157230783rem;
}
.cards .show-more .extra-count {
  display: inline-block;
  margin-left: 1.7142857rem;
  padding-left: 0.428571425rem;
  color: #1662dd;
  font-size: 2.0000143206rem;
  line-height: 1.3;
}
.cards .show-more .extra-count.no-spacing {
  margin-left: 0;
  padding-left: 0;
}
.cards .show-more .show-more-label {
  color: #1662dd;
  font-size: 1rem;
}

.tiles .tile {
  display: flex;
  position: relative;
  flex-direction: row;
  align-items: center;
  border: 1px solid #d7d7dc;
  border-radius: 4px;
  background-color: #ffffff;
}
.tiles .tile .card {
  flex-grow: 1;
  max-width: 1000px;
  height: 230px;
  padding-left: 0;
  border: 0;
}
.tiles .tile .drag-trigger {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  width: 50px;
  height: 230px;
}
.tiles .tile .okta-gripper-grey {
  display: inline-block;
  width: 10px;
  height: 26px;
  background: url(../img/icons/okta-gripper-10x26-sprite.d76289d1dc5db78086f6.png) no-repeat 0 0 transparent;
  vertical-align: middle;
}
.tiles .tile .item-index {
  position: absolute;
  top: 0;
  box-sizing: border-box;
  padding-top: 20px;
}
.tiles .tile .option-selected {
  overflow: initial;
}
.tiles .draggable-container .okta-gripper-grey {
  display: none;
}
.tiles .draggable-container .drag-trigger {
  cursor: default;
}
.tiles .draggable-container .drag-trigger:active {
  cursor: default;
}
.tiles .draggable-container.is-drag-enabled .okta-gripper-grey {
  display: inline-block;
}
.tiles .draggable-container.is-drag-enabled .drag-trigger {
  cursor: -webkit-grab;
  cursor: grab;
}
.tiles .draggable-container.is-drag-enabled .drag-trigger:active {
  cursor: -webkit-grabbing;
  cursor: grabbing;
}

.switch--figure {
  display: flex;
  align-items: center;
  width: 100%;
}

.switch--label {
  font-size: 1rem;
  font-weight: 400;
  text-align: left;
  vertical-align: middle;
}

.switch {
  display: inline-flex;
  align-items: center;
  height: 1.5rem;
  margin-left: auto;
  padding: 0.45ch;
  transition: all 300ms ease-in-out;
  border: 0;
  border-radius: 0.75rem;
  vertical-align: middle;
}
.switch .switch--dial {
  width: 1rem;
  height: 1rem;
  border-radius: 50%;
  background: #ebebed;
}
.switch:disabled {
  opacity: 0.6;
  pointer-events: none;
}
.switch:focus {
  outline: none;
  box-shadow: 0 0 0 0.25rem #a7b5ec;
}

.switch[aria-checked=false] {
  background: #6e6e78;
}
.switch[aria-checked=false] .switch--dial {
  background: url("data:image/svg+xml,%3Csvg%20width%3D%2212%22%20height%3D%2212%22%20viewBox%3D%220%200%2012%2012%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M6%209C7.65685%209%209%207.65685%209%206C9%204.34315%207.65685%203%206%203C4.34315%203%203%204.34315%203%206C3%207.65685%204.34315%209%206%209ZM6%2011C8.76142%2011%2011%208.76142%2011%206C11%203.23858%208.76142%201%206%201C3.23858%201%201%203.23858%201%206C1%208.76142%203.23858%2011%206%2011Z%22%20fill%3D%22%23FAFAFA%22%2F%3E%0A%3C%2Fsvg%3E%0A") no-repeat center;
  background-size: 70% 70%;
}
.switch[aria-checked=false]:hover {
  background: #6e6e78;
}

.switch[aria-checked=true] {
  background: #1662dd;
}
.switch[aria-checked=true] .switch--dial {
  background: url("data:image/svg+xml,%3Csvg%20width%3D%2212%22%20height%3D%2212%22%20viewBox%3D%220%200%2012%2012%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M5%2011L5%201L7%201L7%2011L5%2011Z%22%20fill%3D%22%23FAFAFA%22%2F%3E%0A%3C%2Fsvg%3E%0A") no-repeat center;
  background-size: 70% 70%;
}
.switch[aria-checked=true]:hover {
  background-color: #00297a;
}

.switch[aria-checked=false] :first-child,
.switch[aria-checked=true] :last-child {
  background: #f5f5f6;
}

.switch[aria-checked=false] :last-child,
.switch[aria-checked=true] :first-child {
  color: #f5f5f6;
}

/* stylelint-disable selector-max-compound-selectors, no-descending-specificity */
.step-progress-bar {
  display: flex;
  height: 5em;
}
.step-progress-bar .step {
  flex-basis: 0;
  flex-grow: 1;
  text-align: center;
}
.step-progress-bar .step .disabled {
  color: #6e6e78;
  pointer-events: none;
}
.step-progress-bar .step .bullet-wrapper {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  height: 80%;
}
.step-progress-bar .step .connector {
  position: relative;
  top: 40%;
  left: 50%;
  border-bottom: #d7d7dc solid 2px;
}
.step-progress-bar .step .connector.completed {
  border-color: #00b478;
}
.step-progress-bar .step .bullet {
  display: flex;
  position: relative;
  width: 2.5rem;
  height: 2.5rem;
  transition: background-color 500ms;
  border: 2px solid #d7d7dc;
  border-radius: 100%;
  background: #d7d7dc;
  background-color: #ffffff;
}
.step-progress-bar .step .bullet.completed {
  border-color: #00b478;
  background-color: #ffffff;
}
.step-progress-bar .step .bullet.in-progress {
  border-color: #1662dd;
  background-color: #ffffff;
}
.step-progress-bar .step .bullet.failed {
  border-color: #da372c;
  background-color: #ffffff;
}
.step-progress-bar .step .bullet.cancelled {
  border-color: #6e6e78;
  background-color: #ffffff;
}
.step-progress-bar .step .bullet.blocked {
  height: 3rem;
  border: 0;
  background-image: url("data:image/svg+xml,%3Csvg width=%2736%27 height=%2736%27 fill=%27none%27 xmlns=%27http://www.w3.org/2000/svg%27%3E%3Cg clip-path=%27url%28%23clip0%29%27%3E%3Cpath fill-rule=%27evenodd%27 clip-rule=%27evenodd%27 d=%27M18 .005C8.234.005.5 7.739.5 17.505c0 9.765 7.734 17.5 17.5 17.5s17.5-7.735 17.5-17.5c0-9.766-7.734-17.5-17.5-17.5zm0 3.984c2.968 0 5.78 1.016 7.968 2.735l-18.75 18.75a12.939 12.939 0 01-2.734-7.97A13.47 13.47 0 0118 3.99zm0 27.031a12.939 12.939 0 01-7.97-2.734l18.75-18.75c1.72 2.188 2.735 5 2.735 7.969A13.47 13.47 0 0118 31.02z%27 fill=%27%23DA372C%27/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id=%27clip0%27%3E%3Cpath fill=%27%23fff%27 transform=%27translate%28.5 .005%29%27 d=%27M0 0h35v35H0z%27/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: center;
}
.step-progress-bar .step .bullet .icon.icon-16 {
  margin: auto;
}
.step-progress-bar .step .name {
  display: block;
  height: 20%;
}
.step-progress-bar .step:last-child .connector {
  display: none;
}

.step-progress-bar.mini {
  height: 1.5em;
}
.step-progress-bar.mini .connector {
  top: 50%;
  border-bottom-width: 1px;
}
.step-progress-bar.mini .bullet-wrapper {
  height: 100%;
}
.step-progress-bar.mini .bullet {
  width: 1.5rem;
  height: 1.5rem;
  min-height: 1.5rem;
  background: #d7d7dc;
}
.step-progress-bar.mini .bullet.completed {
  border-color: #00b478;
  background: #00b478;
}
.step-progress-bar.mini .bullet.in-progress {
  background: #ffffff;
}
.step-progress-bar.mini .bullet.failed {
  background: #da372c;
}
.step-progress-bar.mini .bullet.cancelled {
  background: #6e6e78;
}
.step-progress-bar.mini .bullet .confirm-16-green::before {
  color: #ffffff;
}
.step-progress-bar.mini .bullet .error-16-red::before {
  display: none;
}
.step-progress-bar.mini .bullet .icon-16.icon {
  margin: auto;
  line-height: initial;
}
.step-progress-bar.mini .step .name {
  display: none;
}

/*
Example Usage :
    <div class="small">
*/
/*
Example Usage :
    <div class="font-heavy">
*/
/*
Example Usage :
    <div class="text-right">
*/
.small {
  font-size: 0.8705493166rem;
}

.regular {
  font-size: 1rem;
}

.large {
  font-size: 1.1487rem;
}

.font-light {
  font-weight: 400;
}

.font-regular {
  font-weight: 400;
}

.font-heavy {
  font-weight: 600;
}

.text-left {
  text-align: "left";
}

.text-center {
  text-align: "center";
}

.text-right {
  text-align: "right";
}

.float-left {
  float: left;
}

.float-right {
  float: right;
}

.block {
  display: block;
}

.inline {
  display: inline;
}

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

.overflow-hidden {
  overflow: hidden;
}

.clear-both {
  clear: both;
}

.vertical-align-middle {
  position: relative;
  top: 50%;
  transform: perspective(1px) translateY(-50%);
}

/*
Example Usage :
    <div class="margin-regular">
    <div class="margin-top-xx-small">
*/
.margin-none {
  margin: 0;
}

.margin-xx-small {
  margin: 0.428571425rem;
}

.margin-x-small {
  margin: 0.85714285rem;
}

.margin-small {
  margin: 1.7142857rem;
}

.margin-regular {
  margin: 1.7142857rem;
}

.margin-large {
  margin: 1.7142857rem;
}

.margin-x-large {
  margin: 3.4285714rem;
}

.margin-xx-large {
  margin: 3.4285714rem;
}

.margin-top-none {
  margin-top: 0;
}

.margin-top-xx-small {
  margin-top: 0.428571425rem;
}

.margin-top-x-small {
  margin-top: 0.85714285rem;
}

.margin-top-small {
  margin-top: 1.7142857rem;
}

.margin-top-regular {
  margin-top: 1.7142857rem;
}

.margin-top-large {
  margin-top: 1.7142857rem;
}

.margin-top-x-large {
  margin-top: 3.4285714rem;
}

.margin-top-xx-large {
  margin-top: 3.4285714rem;
}

.margin-right-none {
  margin-right: 0;
}

.margin-right-xx-small {
  margin-right: 0.428571425rem;
}

.margin-right-x-small {
  margin-right: 0.85714285rem;
}

.margin-right-small {
  margin-right: 1.7142857rem;
}

.margin-right-regular {
  margin-right: 1.7142857rem;
}

.margin-right-large {
  margin-right: 1.7142857rem;
}

.margin-right-x-large {
  margin-right: 3.4285714rem;
}

.margin-right-xx-large {
  margin-right: 3.4285714rem;
}

.margin-bottom-none {
  margin-bottom: 0;
}

.margin-bottom-xx-small {
  margin-bottom: 0.428571425rem;
}

.margin-bottom-x-small {
  margin-bottom: 0.85714285rem;
}

.margin-bottom-small {
  margin-bottom: 1.7142857rem;
}

.margin-bottom-regular {
  margin-bottom: 1.7142857rem;
}

.margin-bottom-large {
  margin-bottom: 1.7142857rem;
}

.margin-bottom-x-large {
  margin-bottom: 3.4285714rem;
}

.margin-bottom-xx-large {
  margin-bottom: 3.4285714rem;
}

.margin-left-none {
  margin-left: 0;
}

.margin-left-xx-small {
  margin-left: 0.428571425rem;
}

.margin-left-x-small {
  margin-left: 0.85714285rem;
}

.margin-left-small {
  margin-left: 1.7142857rem;
}

.margin-left-regular {
  margin-left: 1.7142857rem;
}

.margin-left-large {
  margin-left: 1.7142857rem;
}

.margin-left-x-large {
  margin-left: 3.4285714rem;
}

.margin-left-xx-large {
  margin-left: 3.4285714rem;
}

/* Example Usage :
 *     <div class="padding-regular">
 *     <div class="padding-top-xx-small">
 */
.padding-none {
  padding: 0;
}

.padding-xx-small {
  padding: 0.428571425rem;
}

.padding-x-small {
  padding: 0.85714285rem;
}

.padding-small {
  padding: 1.7142857rem;
}

.padding-regular {
  padding: 1.7142857rem;
}

.padding-large {
  padding: 1.7142857rem;
}

.padding-x-large {
  padding: 3.4285714rem;
}

.padding-xx-large {
  padding: 3.4285714rem;
}

.padding-top-none {
  padding-top: 0;
}

.padding-top-xx-small {
  padding-top: 0.428571425rem;
}

.padding-top-x-small {
  padding-top: 0.85714285rem;
}

.padding-top-small {
  padding-top: 1.7142857rem;
}

.padding-top-regular {
  padding-top: 1.7142857rem;
}

.padding-top-large {
  padding-top: 1.7142857rem;
}

.padding-top-x-large {
  padding-top: 3.4285714rem;
}

.padding-top-xx-large {
  padding-top: 3.4285714rem;
}

.padding-right-none {
  padding-right: 0;
}

.padding-right-xx-small {
  padding-right: 0.428571425rem;
}

.padding-right-x-small {
  padding-right: 0.85714285rem;
}

.padding-right-small {
  padding-right: 1.7142857rem;
}

.padding-right-regular {
  padding-right: 1.7142857rem;
}

.padding-right-large {
  padding-right: 1.7142857rem;
}

.padding-right-x-large {
  padding-right: 3.4285714rem;
}

.padding-right-xx-large {
  padding-right: 3.4285714rem;
}

.padding-bottom-none {
  padding-bottom: 0;
}

.padding-bottom-xx-small {
  padding-bottom: 0.428571425rem;
}

.padding-bottom-x-small {
  padding-bottom: 0.85714285rem;
}

.padding-bottom-small {
  padding-bottom: 1.7142857rem;
}

.padding-bottom-regular {
  padding-bottom: 1.7142857rem;
}

.padding-bottom-large {
  padding-bottom: 1.7142857rem;
}

.padding-bottom-x-large {
  padding-bottom: 3.4285714rem;
}

.padding-bottom-xx-large {
  padding-bottom: 3.4285714rem;
}

.padding-left-none {
  padding-left: 0;
}

.padding-left-xx-small {
  padding-left: 0.428571425rem;
}

.padding-left-x-small {
  padding-left: 0.85714285rem;
}

.padding-left-small {
  padding-left: 1.7142857rem;
}

.padding-left-regular {
  padding-left: 1.7142857rem;
}

.padding-left-large {
  padding-left: 1.7142857rem;
}

.padding-left-x-large {
  padding-left: 3.4285714rem;
}

.padding-left-xx-large {
  padding-left: 3.4285714rem;
}

.chzn-container {
  border-radius: 4px;
  outline: none;
  transition-duration: 100ms;
  transition-property: box-shadow;
  transition-timing-function: linear;
}

.chzn-container:focus-within {
  box-shadow: 0 0 0 4px #a7b5ec;
}

.chzn-container.o-form-has-errors:focus-within {
  box-shadow: 0 0 0 4px #f88c90;
}

.chzn-drop {
  border-radius: 4px;
  outline: none;
  transition-duration: 100ms;
  transition-property: box-shadow;
  transition-timing-function: linear;
}

.chzn-drop:focus-within {
  box-shadow: 4px 0 #a7b5ec, 0 4px #a7b5ec, -4px 0 #a7b5ec;
}

.chzn-container .chzn-drop {
  background: #ffffff;
  border: 1px solid #c1c1c8;
}

.chzn-container-single .chzn-single {
  height: auto;
  padding: 0.428571425em 0.85714285em;
  border: 1px solid #c1c1c8;
  border-radius: 4px;
  transition-property: border-color;
  transition-duration: 100ms;
  transition-timing-function: linear;
  line-height: 1.7142857;
}

.chzn-container-single .chzn-single:hover {
  border: 1px solid #1662dd;
}

.chzn-container-single .chzn-default {
  color: #212126;
}

.chzn-container-single .chzn-single span {
  margin-right: 1.7142857rem;
  color: #212126;
  text-shadow: none;
}

.chzn-container-single .chzn-single abbr {
  display: block;
  position: absolute;
  right: 1.7142857rem;
  top: 6px;
  width: 12px;
  height: 12px;
  font-size: 1px;
  background: url(../img/ui/forms/chosen-sprite.b6c637988eaf0e65d76f.png) -42px 1px no-repeat;
}

.chzn-container-single .chzn-single abbr:hover {
  background-position: -42px -10px;
}

.chzn-container-single.chzn-disabled .chzn-single abbr:hover {
  background-position: -42px -10px;
}

.chzn-container-single .chzn-single div {
  top: 40%;
  height: 1em;
  transform: translateY(-50%);
}

.chzn-container-single .chzn-single div b {
  background: url(../img/ui/forms/chosen-sprite.b6c637988eaf0e65d76f.png) no-repeat 0 2px;
  display: block;
  width: 100%;
  height: 100%;
}

.chzn-container-single .chzn-search input[type=text] {
  padding-right: 1.7142857rem;
}

.chzn-container-single .chzn-search::after {
  background-image: url(../img/ui/forms/chosen-sprite@2x.ad5aa8a695c7b0e143f0.png);
  background-position: 95% -115%;
  background-repeat: no-repeat;
  background-size: 52px 37px;
  bottom: 0;
  -webkit-clip-path: inset(15px 0 0 0);
          clip-path: inset(15px 0 0 0);
  clip: rect(15px, auto, auto, auto);
  content: "";
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
  z-index: -1;
}

.chzn-container-single .chzn-search input {
  margin: 1px 0;
  padding: 4px 20px 4px 5px;
  outline: 0;
  border: 1px solid #aaa;
  font-size: 1em;
  width: 100%;
  -ms-box-sizing: border-box;
  -khtml-box-sizing: border-box;
  box-sizing: border-box;
  border-radius: 0;
  background: none;
}

.chzn-container-single .chzn-drop {
  border-radius: 0 0 4px 4px;
}
.chzn-container-single .chzn-drop .chzn-search input:focus {
  box-shadow: none;
}

.chzn-container-single-nosearch .chzn-search {
  position: absolute;
  left: -9999px;
}

/* @end */
/* @group Multi Chosen */
.chzn-container-multi .chzn-choices {
  background-color: #fff;
  background-image: linear-gradient(#eeeeee 1%, #ffffff 15%);
  border: 1px solid #aaa;
  margin: 0;
  padding: 0;
  cursor: text;
  overflow: hidden;
  height: auto !important;
  height: 1%;
  position: relative;
  width: 100%;
  -ms-box-sizing: border-box;
  -khtml-box-sizing: border-box;
  box-sizing: border-box;
}

.chzn-container-multi .chzn-choices li {
  float: left;
  list-style: none;
}

.chzn-container-multi .chzn-choices .search-field {
  white-space: nowrap;
  margin: 0;
  padding: 0;
}

.chzn-container-multi .chzn-choices .search-field input {
  color: #666;
  background: transparent !important;
  border: 0 !important;
  font-size: 100%;
  height: 15px;
  padding: 5px;
  margin: 1px 0;
  outline: 0;
  box-shadow: none;
}

.chzn-container-multi .chzn-choices .search-field .default {
  color: #999;
}

.chzn-container-multi .chzn-choices .search-choice {
  border-radius: 3px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  background-color: #e4e4e4;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr = "#f4f4f4", endColorstr = "#eeeeee", GradientType = 0);
  background-image: linear-gradient(#f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eeeeee 100%);
  box-shadow: none;
  color: #333;
  border: 1px solid #aaaaaa;
  line-height: 13px;
  padding: 3px 20px 3px 5px;
  margin: 3px 0 3px 5px;
  position: relative;
  cursor: default;
}

.chzn-container-multi .chzn-choices .search-choice.search-choice-disabled {
  background-color: #e4e4e4;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr = "#f4f4f4", endColorstr = "#eeeeee", GradientType = 0);
  background-image: linear-gradient(top, #f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eeeeee 100%);
  color: #666;
  border: 1px solid #cccccc;
  padding-right: 5px;
}

.chzn-container-multi .chzn-choices .search-choice-focus {
  background: #d4d4d4;
}

.chzn-container-multi .chzn-choices .search-choice .search-choice-close {
  display: block;
  position: absolute;
  right: 3px;
  top: 4px;
  width: 12px;
  height: 12px;
  font-size: 1px;
  background: url(../img/ui/forms/chosen-sprite.b6c637988eaf0e65d76f.png) -42px 1px no-repeat;
}

.chzn-container-multi .chzn-choices .search-choice .search-choice-close:hover {
  background-position: -42px -10px;
}

.chzn-container-multi .chzn-choices .search-choice-focus .search-choice-close {
  background-position: -42px -10px;
}

/* @end */
/* @group Results */
.chzn-container .chzn-results {
  margin: 0.428571425rem 0;
  max-height: 240px;
  padding: 0;
  position: relative;
  overflow-x: hidden;
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
}

.chzn-container-multi .chzn-results {
  margin: 0;
  padding: 0;
}

.chzn-container .chzn-results li {
  display: none;
  line-height: 1.7142857;
  padding: 0.428571425em 0.85714285em;
  margin: 0;
  list-style: none;
  border: none;
}

.chzn-container .chzn-results .active-result {
  cursor: pointer;
  display: list-item;
}

.chzn-container .chzn-results .highlighted {
  background: #f5f5f6;
}

.chzn-container .chzn-results .result-selected {
  background-color: #f2f5ff;
}

.chzn-container .chzn-results li em {
  background: #feffde;
  font-style: normal;
}

.chzn-container .chzn-results .highlighted em {
  background: transparent;
}

.chzn-container .chzn-results .no-results {
  background: #fff;
  display: list-item;
}

.chzn-container .chzn-results .group-result {
  cursor: default;
  color: #999;
  font-weight: bold;
}

.chzn-container .chzn-results .group-option {
  padding-left: 15px;
}

.chzn-container-multi .chzn-drop .result-selected {
  display: none;
}

.chzn-container .chzn-results-scroll {
  background: white;
  margin: 0 4px;
  position: absolute;
  text-align: center;
  width: 321px; /* This should by dynamic with js */
  z-index: 1;
}

.chzn-container .chzn-results-scroll span {
  display: inline-block;
  height: 17px;
  text-indent: -5000px;
  width: 9px;
}

.chzn-container-active.chzn-with-drop .chzn-single {
  border: 1px solid #1662dd;
  box-shadow: none;
  background: #ffffff;
}

.chzn-container-active .chzn-drop {
  border-color: #1662dd;
}

.chzn-container-active .chzn-single {
  box-shadow: none;
  border: 1px solid #1662dd;
}

.chzn-container-active .chzn-choices {
  box-shadow: none;
  border: 1px solid #1662dd;
}

.chzn-container-active .chzn-choices .search-field input {
  color: #212126 !important;
}

.chzn-disabled {
  cursor: not-allowed;
}

.chzn-disabled .chzn-single {
  cursor: not-allowed;
}

.chzn-disabled .chzn-choices .search-choice .search-choice-close {
  cursor: not-allowed;
}

.chzn-rtl .chzn-single {
  padding: 0 8px 0 0;
  overflow: visible;
}

.chzn-rtl .chzn-single span {
  margin-left: 1.7142857rem;
  margin-right: 0;
  direction: rtl;
}

.chzn-rtl .chzn-single div {
  left: 3px;
  right: auto;
}

.chzn-rtl .chzn-single abbr {
  left: 1.7142857rem;
  right: auto;
}

.chzn-rtl .chzn-choices .search-field input {
  direction: rtl;
}

.chzn-rtl .chzn-choices li {
  float: right;
}

.chzn-rtl .chzn-choices .search-choice {
  padding: 3px 5px 3px 19px;
  margin: 3px 5px 3px 0;
}

.chzn-rtl .chzn-choices .search-choice .search-choice-close {
  left: 4px;
  right: auto;
}

.chzn-rtl .chzn-search {
  left: 9999px;
}

.chzn-rtl.chzn-with-drop .chzn-search {
  left: 0px;
}

.chzn-rtl .chzn-drop {
  left: 9999px;
}

.chzn-rtl.chzn-container-single .chzn-results {
  margin: 0 0 4px 4px;
  padding: 0 4px 0 0;
}

.chzn-rtl .chzn-results .group-option {
  padding-left: 0;
  padding-right: 15px;
}

.chzn-rtl.chzn-container-active.chzn-with-drop .chzn-single div {
  border-right: none;
}

.chzn-rtl .chzn-search input {
  background: #fff url(../img/ui/forms/chosen-sprite.b6c637988eaf0e65d76f.png) no-repeat -30px -20px;
  background: url(../img/ui/forms/chosen-sprite.b6c637988eaf0e65d76f.png) no-repeat -30px -20px, linear-gradient(#eeeeee 1%, #ffffff 15%);
  padding: 4px 5px 4px 20px;
  direction: rtl;
}

.chzn-container-single.chzn-rtl .chzn-single div b {
  background-position: 6px 2px;
}

.chzn-container-single.chzn-rtl.chzn-with-drop .chzn-single div b {
  background-position: -12px 2px;
}

/* @end */
/* @group Retina compatibility */
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
  .chzn-rtl .chzn-search input,
  .chzn-container-single .chzn-single abbr,
  .chzn-container-single .chzn-single div b,
  .chzn-container-multi .chzn-choices .search-choice .search-choice-close,
  .chzn-container .chzn-results-scroll-down span,
  .chzn-container .chzn-results-scroll-up span {
    background-image: url(../img/ui/forms/chosen-sprite@2x.ad5aa8a695c7b0e143f0.png) !important;
    background-repeat: no-repeat !important;
    background-size: 52px 37px !important;
  }
  .chzn-container .chzn-search input {
    background: none !important;
  }
  .chzn-container .chzn-search::after {
    background-image: url(../img/ui/forms/chosen-sprite@2x.ad5aa8a695c7b0e143f0.png);
    background-position: 95% -115%;
    background-repeat: no-repeat;
    background-size: 52px 37px;
    bottom: 0;
    -webkit-clip-path: inset(15px 0 0 0);
            clip-path: inset(15px 0 0 0);
    clip: rect(15px, auto, auto, auto);
    content: "";
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
  }
}
/* @end */
/*
 * qTip2 - Pretty powerful tooltips - v2.1.1
 * http://qtip2.com
 *
 * Copyright (c) 2013 Craig Michael Thompson
 * Released under the MIT, GPL licenses
 * http://jquery.org/license
 *
 * Date: Thu Jul 11 2013 02:03 GMT+0100+0100
 * Plugins: tips modal viewport svg imagemap ie6
 * Styles: basic css3
 */
.qtip {
  position: absolute;
  left: -28000px;
  top: -28000px;
  display: none;
  max-width: 16em;
  min-width: 50px;
  font-size: 14px;
  line-height: 1.7142857;
  direction: ltr;
  box-shadow: none;
  padding: 0;
}

.qtip-content {
  position: relative;
  padding: 0.428571425rem;
  overflow: hidden;
  text-align: left;
  word-wrap: break-word;
}

.qtip-content a, .qtip-content a:link, .qtip-content a:visited, .qtip-content a:active {
  color: #ffffff;
  text-decoration: underline;
}

.qtip-content a:hover {
  color: #ffffff;
}

.qtip-titlebar {
  position: relative;
  padding: 0.428571425rem;
  overflow: hidden;
  border-width: 0 0 1px;
  font-weight: 600;
}

.qtip-titlebar + .qtip-content {
  border-top-width: 0 !important;
}

/* Default close button class */
.qtip-close {
  position: absolute;
  right: -9px;
  top: -9px;
  cursor: pointer;
  outline: medium none;
  border-width: 1px;
  border-style: solid;
  border-color: transparent;
}

.qtip-titlebar .qtip-close {
  right: 4px;
  top: 50%;
  margin-top: -9px;
}

* html .qtip-titlebar .qtip-close {
  top: 16px;
} /* IE fix */
.qtip-titlebar .ui-icon,
.qtip-icon .ui-icon {
  display: block;
  text-indent: -1000em;
  direction: ltr;
}

.qtip-icon, .qtip-icon .ui-icon {
  border-radius: 4px;
  text-decoration: none;
}

.qtip-icon .ui-icon {
  width: 18px;
  height: 14px;
  line-height: 14px;
  text-align: center;
  text-indent: 0;
  font: normal bold 10px/13px Tahoma, sans-serif;
  color: inherit;
  background: transparent none no-repeat -100em -100em;
}

/* Applied to 'focused' tooltips e.g. most recently displayed/interacted with */
/* Applied on hover of tooltips i.e. added/removed on mouseenter/mouseleave respectively */
/* Default tooltip style */
.qtip-new.qtip-default {
  border-width: 1px;
  border-style: solid;
  border-color: #212126;
  background-color: #212126;
  color: #ffffff;
}

.qtip-new.qtip-default .qtip-titlebar {
  background-color: #212126;
}

.qtip-new.qtip-default .qtip-icon {
  border-color: #212126;
  background: #212126;
  color: #ffffff;
}

.qtip-new.qtip-default .qtip-titlebar .qtip-close {
  border-color: #ffffff;
  color: #ffffff;
}

/*! Light tooltip style */
.qtip-new.qtip-light {
  background-color: white;
  border-color: #E2E2E2;
  color: #454545;
}

.qtip-new.qtip-light .qtip-titlebar {
  background-color: #f1f1f1;
}

/*! Custom qtip styles, based on dark theme */
.qtip-new.qtip-custom {
  border-color: #212126;
  background-color: #212126;
  color: #ffffff;
  padding: 5px 8px 8px;
}

.qtip-new.qtip-custom.qtip-pos-bl {
  border-radius: 4px 4px 4px 0;
}

.qtip-new.qtip-custom.qtip-pos-br {
  border-radius: 4px 4px 0 4px;
}

.qtip-new.qtip-custom.qtip-pos-bc {
  border-radius: 4px 4px 4px 4px;
}

.qtip-new.qtip-custom .qtip-content {
  color: #f3f3f3;
}

.qtip-new.qtip-custom .qtip-titlebar {
  background-color: #404040;
}

.qtip-new.qtip-custom .qtip-icon {
  border-color: #444;
}

.qtip-new.qtip-custom .qtip-titlebar .ui-state-hover {
  border-color: #303030;
}

.qtip-new.qtip-custom .qtip-content ul {
  list-style: disc;
}

.qtip-new.qtip-custom .qtip-content ul > li {
  color: #69882A;
  font-size: 20px;
}

.qtip-new.qtip-custom .qtip-content ul > li span {
  color: #f3f3f3;
  font-size: 14px;
  vertical-align: middle;
}

/*! Dark tooltip style */
.qtip-new.qtip-dark {
  border-color: #212126;
  background-color: #212126;
  color: #ffffff;
}

.qtip-new.qtip-dark .qtip-titlebar {
  background-color: #212126;
}

.qtip-new.qtip-dark .qtip-icon {
  background-color: #212126;
}

.qtip-new.qtip-dark .qtip-titlebar .ui-state-hover {
  background-color: #212126;
}

/*! Cream tooltip style */
.qtip-new.qtip-cream {
  background-color: #FBF7AA;
  border-color: #F9E98E;
  color: #A27D35;
}

.qtip-new.qtip-cream .qtip-titlebar {
  background-color: #F0DE7D;
}

.qtip-new.qtip-cream .qtip-close .qtip-icon {
  background-position: -82px 0;
}

/*! Red tooltip style */
.qtip-new.qtip-red {
  background-color: #F78B83;
  border-color: #D95252;
  color: #912323;
}

.qtip-new.qtip-red .qtip-titlebar {
  background-color: #F06D65;
}

.qtip-new.qtip-red .qtip-close .qtip-icon {
  background-position: -102px 0;
}

.qtip-new.qtip-red .qtip-icon {
  border-color: #D95252;
}

.qtip-new.qtip-red .qtip-titlebar .ui-state-hover {
  border-color: #D95252;
}

/*! Green tooltip style */
.qtip-new.qtip-green {
  background-color: #CAED9E;
  border-color: #90D93F;
  color: #3F6219;
}

.qtip-new.qtip-green .qtip-titlebar {
  background-color: #B0DE78;
}

.qtip-green .qtip-close .qtip-icon {
  background-position: -42px 0;
}

/*! Blue tooltip style */
.qtip-new.qtip-blue {
  background-color: #E5F6FE;
  border-color: #ADD9ED;
  color: #5E99BD;
}

.qtip-new.qtip-blue .qtip-titlebar {
  background-color: #D0E9F5;
}

.qtip-new.qtip-blue .qtip-close .qtip-icon {
  background-position: -2px 0;
}

.qtip-shadow {
  box-shadow: 1px 1px 3px 1px rgba(0, 0, 0, 0.15);
}

/* Add rounded corners to your tooltips in: FF3+, Chrome 2+, Opera 10.6+, IE9+, Safari 2+ */
.qtip-rounded,
.qtip-tipsy,
.qtip-bootstrap {
  border-radius: 5px;
}

.qtip-rounded .qtip-titlebar {
  border-radius: 4px 4px 0 0;
}

/* Youtube tooltip style */
.qtip-youtube {
  border-radius: 2px;
  box-shadow: 0 0 3px #333;
  color: white;
  border-width: 0;
  background: #4A4A4A;
  background-image: -o-linear-gradient(top, #4A4A4A 0, black 100%);
}

.qtip-youtube .qtip-titlebar {
  background-color: #4A4A4A;
  background-color: rgba(0, 0, 0, 0);
}

.qtip-youtube .qtip-content {
  padding: 0.75em;
  font: 14px arial, sans-serif;
  filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr=#4a4a4a,EndColorStr=#000000);
  -ms-filter: "progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr=#4a4a4a,EndColorStr=#000000);";
}

.qtip-youtube .qtip-icon {
  border-color: #222;
}

.qtip-youtube .qtip-titlebar .ui-state-hover {
  border-color: #303030;
}

/* jQuery TOOLS Tooltip style */
.qtip-jtools {
  background: #232323;
  background: rgba(0, 0, 0, 0.7);
  background-image: -o-linear-gradient(top, #717171, #232323);
  border: 2px solid #ddd;
  border: 2px solid rgb(241, 241, 241);
  border-radius: 2px;
  box-shadow: 0 0 12px #333;
}

/* IE Specific */
.qtip-jtools .qtip-titlebar {
  background-color: transparent;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#717171,endColorstr=#4A4A4A);
  -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#717171,endColorstr=#4A4A4A)";
}

.qtip-jtools .qtip-content {
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#4A4A4A,endColorstr=#232323);
  -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#4A4A4A,endColorstr=#232323)";
}

.qtip-jtools .qtip-titlebar,
.qtip-jtools .qtip-content {
  background: transparent;
  color: white;
  border: 0 dashed transparent;
}

.qtip-jtools .qtip-icon {
  border-color: #555;
}

.qtip-jtools .qtip-titlebar .ui-state-hover {
  border-color: #333;
}

/* Cluetip style */
.qtip-new.qtip-cluetip {
  box-shadow: 4px 4px 5px rgba(0, 0, 0, 0.4);
  background-color: #D9D9C2;
  color: #111;
  border: 0 dashed transparent;
}

.qtip-cluetip .qtip-titlebar {
  background-color: #87876A;
  color: white;
  border: 0 dashed transparent;
}

.qtip-cluetip .qtip-icon {
  border-color: #808064;
}

.qtip-cluetip .qtip-titlebar .ui-state-hover {
  border-color: #696952;
  color: #696952;
}

/* Tipsy style */
.qtip-new.qtip-tipsy {
  background: black;
  background: rgba(0, 0, 0, 0.87);
  color: white;
  border: 0 solid transparent;
  font-size: 11px;
  font-weight: bold;
  line-height: 16px;
  text-shadow: 0 1px black;
}

.qtip-tipsy .qtip-titlebar {
  padding: 6px 35px 0 10px;
  background-color: transparent;
}

.qtip-tipsy .qtip-content {
  padding: 6px 10px;
}

.qtip-tipsy .qtip-icon {
  border-color: #222;
  text-shadow: none;
}

.qtip-tipsy .qtip-titlebar .ui-state-hover {
  border-color: #303030;
}

/* Tipped style */
.qtip-new.qtip-tipped {
  border: 3px solid #959FA9;
  border-radius: 3px;
  background-color: #F9F9F9;
  color: #454545;
  font-weight: normal;
}

.qtip-new.qtip-tipped .qtip-titlebar {
  border-bottom-width: 0;
  color: white;
  background: #3A79B8;
  background-image: -o-linear-gradient(top, #3A79B8, #2E629D);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#3A79B8,endColorstr=#2E629D);
  -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#3A79B8,endColorstr=#2E629D)";
}

.qtip-new.qtip-tipped .qtip-icon {
  border: 2px solid #285589;
  background: #285589;
}

.qtip-new.qtip-tipped .qtip-icon .ui-icon {
  background-color: #FBFBFB;
  color: #555;
}

/**
 * Twitter Bootstrap style.
 *
 * Tested with IE 8, IE 9, Chrome 18, Firefox 9, Opera 11.
 * Does not work with IE 7.
 */
.qtip-new.qtip-bootstrap {
  /** Taken from Bootstrap body */
  font-size: 14px;
  line-height: 20px;
  color: #5e5e5e;
  /** Taken from Bootstrap .popover */
  padding: 1px;
  background-color: #ffffff;
  border: 1px solid #ccc;
  border: 1px solid rgba(0, 0, 0, 0.2);
  border-radius: 6px;
  box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
  -webkit-background-clip: padding-box;
  -moz-background-clip: padding;
  background-clip: padding-box;
}

.qtip-new.qtip-bootstrap .qtip-titlebar {
  /** Taken from Bootstrap .popover-title */
  padding: 8px 14px;
  margin: 0;
  font-size: 14px;
  font-weight: normal;
  line-height: 18px;
  background-color: #f7f7f7;
  border-bottom: 1px solid #ebebeb;
  border-radius: 5px 5px 0 0;
}

.qtip-new.qtip-bootstrap .qtip-titlebar .qtip-close {
  right: 11px;
  top: 45%;
  border-style: none;
}

.qtip-new.qtip-bootstrap .qtip-content {
  /** Taken from Bootstrap .popover-content */
  padding: 9px 14px;
}

.qtip-new.qtip-bootstrap .qtip-icon {
  background: transparent;
}

.qtip-new.qtip-bootstrap .qtip-icon .ui-icon {
  width: auto;
  height: auto;
  /* Taken from Bootstrap .close */
  float: right;
  font-size: 20px;
  font-weight: bold;
  line-height: 18px;
  color: #000000;
  text-shadow: 0 1px 0 #ffffff;
  opacity: 0.2;
  filter: alpha(opacity=20);
}

.qtip-new.qtip-bootstrap .qtip-icon .ui-icon:hover {
  /* Taken from Bootstrap .close:hover */
  color: #000000;
  text-decoration: none;
  cursor: pointer;
  opacity: 0.4;
  filter: alpha(opacity=40);
}

/* IE9 fix - removes all filters */
.qtip:not(.ie9haxors) div.qtip-content,
.qtip:not(.ie9haxors) div.qtip-titlebar {
  filter: none;
  -ms-filter: none;
}

.qtip .qtip-tip {
  margin: 0 auto;
  overflow: hidden;
  z-index: 10;
}

/* Opera bug #357 - Incorrect tip position
https://github.com/Craga89/qTip2/issues/367 */
x:-o-prefocus, .qtip .qtip-tip {
  visibility: hidden;
}

.qtip .qtip-tip,
.qtip .qtip-tip .qtip-vml,
.qtip .qtip-tip canvas {
  position: absolute;
  color: #123456;
  background: transparent;
  border: 0 dashed transparent;
}

.qtip .qtip-tip canvas {
  top: 0;
  left: 0;
}

.qtip .qtip-tip .qtip-vml {
  behavior: url(#default#VML);
  display: inline-block;
  visibility: visible;
}

#qtip-overlay {
  position: fixed;
  left: -10000em;
  top: -10000em;
}

/* Applied to modals with show.modal.blur set to true */
#qtip-overlay.blurs {
  cursor: pointer;
}

/* Change opacity of overlay here */
#qtip-overlay div {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-color: black;
  opacity: 0.7;
  filter: alpha(opacity=70);
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
}

.qtipmodal-ie6fix {
  position: absolute !important;
}

.search-box.input-fix {
  display: inline-block;
  padding: 0.428571425em 0.85714285em;
  transition-property: border-color, background-color, box-shadow;
  transition-duration: 100ms;
  transition-delay: 20ms;
  transition-timing-function: linear;
  border: 1px solid #c1c1c8;
  border-radius: 4px;
  background-color: #ffffff;
  color: #212126;
  font-family: "Whyte", "-apple-system", "BlinkMacSystemFont", "Segoe UI", "Roboto", "Oxygen-Sans", "Ubuntu", "Cantarell", "Helvetica Neue", sans-serif;
  font-size: 1rem;
  height: calc(2.57142855em + 2px);
}
.search-box.input-fix:hover, .search-box.input-fix:focus {
  border-color: #1662dd;
}
.search-box.input-fix:focus-within {
  outline: 0;
  box-shadow: 0 0 0 4px #a7b5ec;
}
.search-box .hide-clear-icon {
  display: none;
}
.search-box .icon-only {
  top: 0;
  left: 0;
}
.search-box.input-fix .text-field-default, .search-box.input-fix input[type=text] {
  height: auto;
  padding-top: 0;
  padding-bottom: 0;
  padding-left: 0.428571425rem;
  padding-right: 1.7142857rem;
  border: 0;
  outline: none;
  background-color: #ffffff;
  box-shadow: none;
}
.search-box.input-fix .text-field-default:disabled, .search-box.input-fix input[type=text]:disabled {
  opacity: 1;
  color: #6e6e78;
  cursor: not-allowed;
}
.search-box.input-fix .text-field-default::-webkit-input-placeholder, .search-box.input-fix input[type=text]::-webkit-input-placeholder {
  color: #6e6e78;
}
.search-box.input-fix .text-field-default:-ms-input-placeholder, .search-box.input-fix input[type=text]:-ms-input-placeholder {
  color: #6e6e78;
}
.search-box.input-fix .text-field-default::placeholder, .search-box.input-fix input[type=text]::placeholder {
  color: #6e6e78;
}
.search-box .icon.clear-input-16 {
  top: 0;
  transform: none;
}
.search-box .magnifying-glass-16::before {
  font-size: 14px;
}
.search-box .clear-search {
  top: 8px;
  right: 6px;
}

.ui-widget-content {
  color: #212126;
}

.ui-widget {
  font-size: 100%;
}

.ui-datepicker .ui-datepicker-header {
  background: #1662dd;
}

.ui-datepicker .ui-datepicker-today a {
  color: inherit;
  border: 1px solid #ebebed !important;
  background: inherit;
}

.ui-datepicker-calendar .ui-state-hover {
  background: #ebebed;
}

.ui-datepicker .ui-datepicker-current-day .ui-state-active {
  color: inherit;
  background-color: #a7b5ec;
}

.ui-state-default, .ui-widget-content .ui-state-default {
  text-align: center;
  border-radius: 4px;
}

/* stylelint-disable selector-no-qualifying-type, selector-class-pattern, selector-max-compound-selectors */
.selectize-control.multi .selectize-input > div.active, .selectize-control.multi .selectize-input > div, .selectize-control.multi .selectize-input [data-value].active, .selectize-control.multi .selectize-input [data-value] {
  border-color: #1662dd;
  background: #f2f5ff;
  background-color: #f2f5ff;
  background-image: linear-gradient(to bottom, #f2f5ff, #e3e9ff);
  color: #212126;
}

.selectize-control {
  transition-property: border-color, background-color, box-shadow;
  transition-duration: 100ms;
  transition-timing-function: linear;
  border: 1px solid #c1c1c8;
  border-radius: 4px;
  background-color: #ffffff;
  box-shadow: 0 0 0 0 #a7b5ec;
  color: #212126;
}
.selectize-control:hover, .selectize-control:focus {
  border-color: #1662dd;
}
.selectize-control:focus-within {
  outline: 0;
  box-shadow: 0 0 0 4px #a7b5ec;
}
.selectize-control .selectize-input {
  padding: 0.428571425em 0.85714285em;
  border: 0;
  background-color: #ffffff;
  overflow: initial;
}
.selectize-control.single .selectize-input {
  background-color: #ffffff;
  background-image: none;
  box-shadow: none;
}
.selectize-control.single .selectize-input.dropdown-active::after {
  right: 10px;
  border-width: 0 3px 5px;
}
.selectize-control.single .selectize-input::after {
  right: 10px;
  border-width: 5px 3px 0;
}
.selectize-control.multi .selectize-input {
  background-color: #ffffff;
  background-image: none;
  box-shadow: none;
}
.selectize-control.multi .selectize-input.has-items {
  padding: 0.428571425em 0.85714285em 0 0.85714285em;
}
.selectize-control.multi .selectize-input [data-value] {
  box-shadow: none;
  text-shadow: none;
}
.selectize-control.multi .selectize-input > div {
  margin: 0 0.85714285em 0.428571425em 0;
  padding: 0 0 0 0.428571425em;
  cursor: pointer;
}
.selectize-control.plugin-remove_button [data-value] .remove {
  border-left: 0;
}
.selectize-control.plugin-remove_button [data-value] .remove {
  z-index: inherit;
  position: relative;
  top: auto;
  right: auto;
  bottom: auto;
  width: inherit;
  text-align: center;
  font-weight: bold;
  font-size: 1rem;
  color: inherit;
  text-decoration: none;
  vertical-align: baseline;
  display: inline-block;
  padding: 0 0.428571425em;
  border-left: 0;
  border-radius: 0 2px 2px 0;
  box-sizing: border-box;
}
.selectize-control .selectize-dropdown-content .option.active {
  background-color: #f5f5f6;
  color: #212126;
}
.selectize-control .selectize-dropdown-content .option .highlight {
  background-color: transparent;
  color: #6e6e78;
  font-weight: 700;
}
.selectize-control .selectize-dropdown .optgroup {
  border-top: 0;
}
.selectize-control .selectize-dropdown .optgroup-header {
  color: #c1c1c8;
  font-size: inherit;
  font-weight: inherit;
}
.selectize-control .selectize-dropdown .optgroup-header::before {
  content: "— ";
}
.selectize-control .selectize-dropdown .optgroup-header::after {
  content: " —";
}

.selectize-dropdown,
.selectize-input,
.selectize-input input {
  color: #212126;
  font-size: 1rem;
  line-height: 1.7142857;
}

.selectize-input input[type=text] {
  height: 1.7142857rem;
}

.o-form-timezone-select .selectize-control .selectize-input, .o-form-timezone-select .selectize-control .selectize-input.input-active {
  display: inline-flex;
}
.o-form-timezone-select .selectize-control .selectize-input .item, .o-form-timezone-select .selectize-control .selectize-input.input-active .item {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.selectize-control.plugin-remove_button [data-value] {
  position: relative;
  padding-right: 0 !important;
}

.selectize-dropdown [data-selectable], .selectize-dropdown .optgroup-header {
  padding: 0.428571425em 0.85714285em;
}

.group-select-wrap .selectize-control {
  min-width: 240px;
}
.group-select-wrap .selectize-control .selectize-dropdown.single .selectize-dropdown-content .group-desc {
  width: 60%;
  margin-left: 10px;
}
.group-select-wrap .selectize-control .selectize-dropdown.single .selectize-dropdown-content .group-desc .group-desc-header {
  font-size: 13px;
  margin: 2px 0;
  padding: 0;
  clear: none;
  line-height: 16px;
}
.group-select-wrap .selectize-control .selectize-dropdown.single .selectize-dropdown-content .group-desc .group-desc-info {
  color: #c1c1c8;
  font-size: 13px;
  line-height: 16px;
  padding: 0 0 2px;
}
.group-select-wrap .selectize-control .selectize-dropdown.single .selectize-dropdown-content .group-desc-stats li .icon {
  position: relative;
}
.group-select-wrap .selectize-control .selectize-dropdown.single .selectize-dropdown-content .group-desc-stats li span {
  margin: 0 5px;
}
.group-select-wrap .selectize-control .selectize-dropdown.single .selectize-dropdown-content .link-button {
  display: none;
}

ul.as-selections {
  display: flex;
  flex-wrap: wrap;
  padding: 0.428571425rem 1.7142857rem 0 0.85714285rem;
  transition-property: border-color, background-color, box-shadow;
  transition-duration: 100ms;
  transition-timing-function: linear;
  border: 1px solid #c1c1c8;
  border-radius: 4px;
  background-color: #ffffff;
  box-shadow: 0 0 0 0 #a7b5ec;
  color: #212126;
}
ul.as-selections.results-shown {
  border-bottom-left-radius: 1px;
  border-bottom-right-radius: 1px;
  box-shadow: 0 0 0 4px #a7b5ec;
}
ul.as-selections:hover, ul.as-selections:focus {
  border-color: #1662dd;
}
ul.as-selections:focus-within {
  outline: 0;
  box-shadow: 0 0 0 4px #a7b5ec;
}
ul.as-selections li {
  margin: 0 0.85714285em 0.428571425em 0;
}
ul.as-selections li.as-original {
  width: 1.7142857rem;
  flex-grow: 1;
  padding-right: 0.85714285em;
}
ul.as-selections li.as-original input {
  height: auto;
  padding: 0;
  color: #212126;
  font-size: 1rem;
  line-height: 1.7142857;
  width: 100%;
}

ul.as-selections li.as-selection-item {
  background-color: #f2f5ff;
  border-color: #1662dd;
  border-radius: 4px;
  border-style: solid;
  border-width: 1px;
  color: #212126;
  font-size: 1rem;
  line-height: 1.7142857;
  padding: 0.428571425em 0.428571425em;
}
ul.as-selections li.as-selection-item.hidden {
  display: none;
}
ul.as-selections li.as-selection-item span.icon::before {
  line-height: 1;
}
ul.as-selections li.as-selection-item .logo {
  width: 16px;
  height: 16px;
}
.o-form-read-mode ul.as-selections li.as-selection-item {
  background-color: #f5f5f6;
  border-color: #d7d7dc;
}

ul.as-selections li:hover.as-selection-item {
  background-color: #f2f5ff;
  border-color: #1662dd;
}

ul.as-selections li.as-selection-item.blur a.as-close {
  color: inherit;
}

ul.as-selections li.as-selection-item a.as-close {
  color: inherit;
}

.group-picker-wrap ul.as-selections li.as-selection-item {
  padding: 0 0.428571425em 0 1.7142857em;
}

.group-picker-wrap li.as-selection-item .logo {
  top: 4px;
}

ul.as-list {
  border: 1px solid #c1c1c8;
  border-bottom-left-radius: 4px;
  border-bottom-right-radius: 4px;
  box-shadow: 3px 3px 0 1px #a7b5ec, -3px 3px 0 1px #a7b5ec;
  margin-top: -1px;
}
ul.as-list .as-result-item {
  font-family: "Whyte", "-apple-system", "BlinkMacSystemFont", "Segoe UI", "Roboto", "Oxygen-Sans", "Ubuntu", "Cantarell", "Helvetica Neue", sans-serif;
  font-size: 1rem;
  line-height: 1.7142857;
  color: #6e6e78;
  padding: 0.85714285em 0.85714285em;
}
ul.as-list .as-result-item.active:last-child {
  border-bottom-color: transparent;
  border-bottom-width: 0;
}
ul.as-list .as-result-item:last-child {
  border-bottom-color: transparent;
  border-bottom-width: 0;
}

.group-picker-wrap ul.as-list li.as-result-item {
  padding: 0.428571425rem 0.428571425rem 0.428571425rem 3.4285714rem;
}
.group-picker-wrap ul.as-list li.as-result-item .group-desc .group-desc-header {
  font-size: 1rem;
  font-weight: 600;
  line-height: 1.3;
  color: #212126;
}
.group-picker-wrap ul.as-list li.as-result-item .group-desc .group-desc-info {
  font-size: 14px;
  font-weight: 400;
  line-height: 1.7142857;
  color: #6e6e78;
}
.group-picker-wrap ul.as-list .link-button {
  display: none;
}
.group-picker-wrap ul.as-list ul.group-desc-stats li.icon-16 {
  padding-left: 0px;
}

/*# sourceMappingURL=courage_ds.css.map*/