@charset "UTF-8";
/* stylelint-disable color-no-hex  */ /* stylelint-disable color-no-hex  */ /* stylelint-disable declaration-no-important */
/*
// @license
// MyFonts Webfont Build ID 2992011, 2015-03-16T14:28:36-0400
//
// The fonts listed in this notice are subject to the End User License
// Agreement(s) entered into by the website owner. All other parties are
// explicitly restricted from using the Licensed Webfonts(s).
//
// You may obtain a valid license at the URLs below.
//
// Webfont: ProximaNovaA-Regular by Mark Simonson
// URL: http://www.myfonts.com/fonts/marksimonson/proxima-nova/a-regular/
//
// Webfont: ProximaNovaA-Light by Mark Simonson
// URL: http://www.myfonts.com/fonts/marksimonson/proxima-nova/a-light/
//
// Webfont: ProximaNovaA-Semibold by Mark Simonson
// URL: http://www.myfonts.com/fonts/marksimonson/proxima-nova/a-semibold/
//
// Webfont: ProximaNovaS-Light by Mark Simonson
// URL: http://www.myfonts.com/fonts/marksimonson/proxima-nova/s-light/
//
// Webfont: ProximaNovaS-Regular by Mark Simonson
// URL: http://www.myfonts.com/fonts/marksimonson/proxima-nova/s-regular/
//
// Webfont: ProximaNovaS-Semibold by Mark Simonson
// URL: http://www.myfonts.com/fonts/marksimonson/proxima-nova/s-semibold/
//
// Webfont: ProximaNova-Light by Mark Simonson
// URL: http://www.myfonts.com/fonts/marksimonson/proxima-nova/light/
//
// Webfont: ProximaNova-Semibold by Mark Simonson
// URL: http://www.myfonts.com/fonts/marksimonson/proxima-nova/semibold/
//
// Webfont: ProximaNova-Regular by Mark Simonson
// URL: http://www.myfonts.com/fonts/marksimonson/proxima-nova/regular/
//
//
// License: http://www.myfonts.com/viewlicense?type=web&buildid=2992011
// Licensed pageviews: Unlimited
// Webfonts copyright: Copyright (c) Mark Simonson, 2005. All rights reserved.
//
// Copyright (c) 2015 MyFonts Inc
*/
@font-face {
  font-family: "proxima-nova";
  font-style: normal;
  font-weight: normal;
  src: url(../font/assets/proximanova-reg-webfont.9d5837512674046fa816.eot);
  src: url(../font/assets/proximanova-reg-webfont.9d5837512674046fa816.eot?#iefix) format("embedded-opentype"), url(../font/assets/proximanova-reg-webfont.353416ed0ff540352235.woff2) format("woff2"), url(../font/assets/proximanova-reg-webfont.51ac1a980f546ac17d67.woff) format("woff"), url(../font/assets/proximanova-reg-webfont.f9f2259180c0e36006aa.ttf) format("truetype"), url(../font/assets/proximanova-reg-webfont.f3b703e6dcd5c6d19922.svg#proxima_nova_rgregular) format("svg");
}
@font-face {
  font-family: "proxima-nova";
  font-style: italic;
  font-weight: normal;
  src: url(../font/assets/proximanova-regit-webfont.3f0c824b764202106b4e.eot);
  src: url(../font/assets/proximanova-regit-webfont.3f0c824b764202106b4e.eot?#iefix) format("embedded-opentype"), url(../font/assets/proximanova-regit-webfont.51be743e399dfee28e6c.woff2) format("woff2"), url(../font/assets/proximanova-regit-webfont.cda5d20fe3f8cd0ba460.woff) format("woff"), url(../font/assets/proximanova-regit-webfont.fe55183829cda0b7085b.ttf) format("truetype"), url(../font/assets/proximanova-regit-webfont.15e8ae07b638768b6c83.svg#proxima_novaregular_italic) format("svg");
}
@font-face {
  font-family: "proxima-nova";
  font-style: normal;
  font-weight: bold;
  src: url(../font/assets/proximanova-sbold-webfont.ec5a60c81d1aa5db2a5b.eot);
  src: url(../font/assets/proximanova-sbold-webfont.ec5a60c81d1aa5db2a5b.eot?#iefix) format("embedded-opentype"), url(../font/assets/proximanova-sbold-webfont.41acb8650115f83780fc.woff2) format("woff2"), url(../font/assets/proximanova-sbold-webfont.78cef0e33b9c7cebcf75.woff) format("woff"), url(../font/assets/proximanova-sbold-webfont.25ecfa3e3cee8643c95e.ttf) format("truetype"), url(../font/assets/proximanova-sbold-webfont.d1907212b9a82c27bdbf.svg#proxima_nova_ltsemibold) format("svg");
}
@font-face {
  font-family: "proxima-nova";
  font-style: normal;
  font-weight: 600;
  src: url(../font/assets/proximanova-sbold-webfont.ec5a60c81d1aa5db2a5b.eot);
  src: url(../font/assets/proximanova-sbold-webfont.ec5a60c81d1aa5db2a5b.eot?#iefix) format("embedded-opentype"), url(../font/assets/proximanova-sbold-webfont.41acb8650115f83780fc.woff2) format("woff2"), url(../font/assets/proximanova-sbold-webfont.78cef0e33b9c7cebcf75.woff) format("woff"), url(../font/assets/proximanova-sbold-webfont.25ecfa3e3cee8643c95e.ttf) format("truetype"), url(../font/assets/proximanova-sbold-webfont.d1907212b9a82c27bdbf.svg#proxima_nova_ltsemibold) format("svg");
}
@font-face {
  font-family: "proxima-nova";
  font-style: normal;
  font-weight: 300;
  src: url(../font/assets/proximanova-light-webfont.e575665f9d85ebce5a75.eot);
  src: url(../font/assets/proximanova-light-webfont.e575665f9d85ebce5a75.eot?#iefix) format("embedded-opentype"), url(../font/assets/proximanova-light-webfont.aba797dabec6686294a9.woff2) format("woff2"), url(../font/assets/proximanova-light-webfont.2d7fad787fa83b607ab0.woff) format("woff"), url(../font/assets/proximanova-light-webfont.bab6b55ab392cc61dace.ttf) format("truetype"), url(../font/assets/proximanova-light-webfont.5b4b0ec11a06ec51e2f3.svg#proxima_nova_ltlight) format("svg");
}
@font-face {
  font-family: "proxima-nova";
  font-style: italic;
  font-weight: 300;
  src: url(../font/assets/proximanova-lightitalic-webfont.e5901b2bf44424f5b952.eot);
  src: url(../font/assets/proximanova-lightitalic-webfont.e5901b2bf44424f5b952.eot?#iefix) format("embedded-opentype"), url(../font/assets/proximanova-lightitalic-webfont.d131640268247c92a76a.woff2) format("woff2"), url(../font/assets/proximanova-lightitalic-webfont.c39ab1f26be9af07bbc8.woff) format("woff"), url(../font/assets/proximanova-lightitalic-webfont.635f41c946ef1429acf9.ttf) format("truetype"), url(../font/assets/proximanova-lightitalic-webfont.65f213f85f874eb84782.svg#proxima_novalight_italic) format("svg");
}
@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: 16px;
  height: 16px;
  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: 16px;
  -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: #a7a7a7;
}

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

#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: #b0d244;
}

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

#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: #b0d244;
}

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

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

.oktaicon::before {
  content: '\e06c';
  display: block;
  position: absolute;
  top: -10px;
  color: #007dc1;
  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: #000000;
  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: #5e5e5e;
}

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

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

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

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

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

.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: #5e5e5e;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.support-16::before {
  content: '\e015';
  color: #5e5e5e;
}

.status-16::before {
  content: '\e05b';
  color: #5e5e5e;
}

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

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

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

.feedback-16::before {
  content: '\e02f';
  color: #5e5e5e;
}

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

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

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

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

.confirm-16::before {
  content: '\e030';
  color: #5e5e5e;
}

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

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

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

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

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

.visibility-16::before {
  content: '\e022';
  color: #5e5e5e;
}

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

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

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

.cancel-16::before {
  content: '\e02b';
  color: #5e5e5e;
}

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

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

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

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

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

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

.checkbox-16::before {
  content: '\e032';
  color: #5e5e5e;
}

.checkbox-16::after {
  content: '\e033';
  color: #007dc1;
}

.message-16::before {
  content: '\e02f';
  color: #5e5e5e;
}

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

.deactivate-16::before {
  content: '\e02d';
  color: #5e5e5e;
}

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

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

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

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

.edit-16::before {
  content: '\e040';
  color: #5e5e5e;
}

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

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

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

.credentials-16::before {
  content: '\e03c';
  color: #5e5e5e;
}

.launch-16::before {
  content: '\e06f';
  color: #5e5e5e;
}

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

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

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

.next-16::before {
  content: '\e020';
  color: #5e5e5e;
}

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

.openinnewtab-16::before {
  content: '\e0c9';
  color: #0074b3;
  font-size: 16px;
}

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

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

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

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

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

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

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

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

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

.reports-16::before {
  content: '\e048';
  color: #5e5e5e;
}

.reports-16::after {
  content: '\e049';
  color: #007dc1;
}

.add-16::before {
  content: '\e050';
  color: #5e5e5e;
}

.add-16-color::before {
  content: '\e050';
  color: #4cbf9c;
}

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

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

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

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

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

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

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

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

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

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

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

.trust-16::before {
  content: '\e0a1';
  color: #5e5e5e;
}

.expand-l-gray .icon::before {
  transform: rotate(180deg);
  content: '\e056';
  display: block;
  position: absolute;
  color: #a7a7a7;
  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: #a7a7a7;
  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: #a7a7a7;
  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: #5e5e5e;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.directory-16::before {
  content: '\e028';
  color: #5e5e5e;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.run-16::before {
  content: '\e04b';
  color: #007dc1;
}

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

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

.download-16::before {
  content: '\e03f';
  color: #007dc1;
}

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

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

.group-16::before {
  content: '\e019';
  color: #5e5e5e;
}

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

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

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

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

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

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

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

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

.config-16::before {
  content: '\e024';
  color: #5e5e5e;
}

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

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

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

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

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

.location-16::before {
  content: '\e039';
  color: #5e5e5e;
}

.time-16::before {
  content: '\e057';
  color: #5e5e5e;
}

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

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

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

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

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

.people-16::before {
  content: '\e019';
  color: #5e5e5e;
}

.conversation-16::before {
  content: '\e023';
  color: #5e5e5e;
}

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

.megaphone-16::before {
  content: '\e065';
  color: #5e5e5e;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.refresh-16::before {
  content: '\e03e';
  color: #5e5e5e;
}

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

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

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

.filter-16::before {
  content: '\e04a';
  color: #5e5e5e;
}

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

.clone-16::before {
  content: '\e036';
  color: #5e5e5e;
}

.clone-16::after {
  content: '\e037';
  color: #007dc1;
}

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

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

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

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

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

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

.no-16::before {
  content: '\e04d';
  color: #5e5e5e;
}

.expression-16::before {
  content: '\e068';
  color: #007dc1;
}

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

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

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

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

.configure-16::before {
  content: '\e076';
  color: #5e5e5e;
}

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

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

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

.tombstone-16::before {
  content: '\e084';
  color: #5e5e5e;
}

.send-16::before {
  content: '\e094';
  color: #5e5e5e;
}

.question-16::before {
  content: '\e096';
  color: #5e5e5e;
}

.hourglass-16::before {
  content: '\e090';
  color: #5e5e5e;
}

.device-16::before {
  content: '\e069';
  color: #5e5e5e;
}

.wifi-16::before {
  content: '\e09b';
  color: #5e5e5e;
}

.shape-16::before {
  content: '\e0da';
  color: #5e5e5e;
}

.envelope-16::before {
  content: '\e0c4';
  color: #5e5e5e;
}

.add::before {
  content: '\e050';
  display: block;
  position: absolute;
  color: #4cbf9c;
  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: #4cbf9c;
  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: #4cbf9c;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.apps-24::before {
  content: '\e042';
  color: #5e5e5e;
}

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

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

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

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

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

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

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

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

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

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

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

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

.feedback-24::before {
  content: '\e02f';
  color: #5e5e5e;
}

.person-24::before {
  content: '\e00c';
  color: #5e5e5e;
}

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

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

.people-24::before {
  content: '\e019';
  color: #5e5e5e;
}

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

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

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

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

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

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

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

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

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

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

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

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

.directory-24::before {
  content: '\e028';
  color: #5e5e5e;
}

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

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

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

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

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

.group-24::before {
  content: '\e019';
  color: #5e5e5e;
}

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

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

.settings-24::before {
  content: '\e025';
  color: #5e5e5e;
}

.settings-24::after {
  content: '\e026';
  color: #5e5e5e;
}

.reports-24::before {
  content: '\e048';
  color: #5e5e5e;
}

.reports-24::after {
  content: '\e049';
  color: #007dc1;
}

.security-24::before {
  content: '\e05d';
  color: #5e5e5e;
}

.wifi-24::before {
  content: '\e09b';
  color: #5e5e5e;
}

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

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

.credentials-24::before {
  content: '\e03c';
  color: #5e5e5e;
}

.dashboard-24::before {
  content: '\e05e';
  color: #5e5e5e;
}

.dashboard-24::after {
  content: '\e05f';
  color: #007dc1;
}

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

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

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

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

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

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

.download-24::before {
  content: '\e03f';
  color: #5e5e5e;
}

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

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

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

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

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

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

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

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

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

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

.remote-lock-24::before {
  content: '\e05d';
  color: #5e5e5e;
}

.cancel-24::before {
  content: '\e02b';
  color: #5e5e5e;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.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: #5e5e5e;
}

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

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

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

[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: #4cbf9c;
}

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

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

.gray-light::before {
  content: '\e072';
  display: block;
  position: absolute;
  color: #a7a7a7;
  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: #f9f9f9;
}

.legend-light::after {
  content: '\e073';
  color: #5e5e5e;
}

.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: #3b5998;
}

.facebook-16::before {
  content: '\e078';
  color: #3b5998;
}

.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: #5e5e5e;
}

.twitter-16::before {
  content: '\e07b';
  color: #5e5e5e;
}

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

.linkedin-16::before {
  content: '\e07d';
  color: #5e5e5e;
}

.openid-16::before {
  content: '\e07a';
  color: #5e5e5e;
}

.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 */
input,
textarea,
select, body {
  color: #5e5e5e;
  font-family: "proxima-nova", Arial, Helvetica, sans-serif;
  font-size: 13px;
}

input::-webkit-input-placeholder, textarea::-webkit-input-placeholder, select::-webkit-input-placeholder {
  opacity: 1;
  color: #a1a1a1;
  font-family: "proxima-nova", Arial, Helvetica, sans-serif;
  filter: alpha(opacity=1);
}

input:-ms-input-placeholder, textarea:-ms-input-placeholder, select:-ms-input-placeholder {
  opacity: 1;
  color: #a1a1a1;
  font-family: "proxima-nova", Arial, Helvetica, sans-serif;
  filter: alpha(opacity=1);
}

input::placeholder,
textarea::placeholder,
select::placeholder {
  opacity: 1;
  color: #a1a1a1;
  font-family: "proxima-nova", Arial, Helvetica, sans-serif;
  filter: alpha(opacity=1);
}

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

p {
  line-height: 18px;
}
p + p,
p + ol,
p + ul {
  margin-top: 9px;
}
p + .explain-text {
  margin-top: 0;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  margin: 0 0 18px;
  padding: 0.4em 0;
  clear: both;
}

h1,
h1 span {
  font-size: 23px;
  font-weight: 200;
}

h2,
h2 span {
  font-size: 20px;
  font-weight: 200;
}

h3,
h3 span {
  font-size: 17px;
}

h4,
h4 span {
  font-size: 14px;
}

h5,
h5 span {
  font-size: 13px;
}

h6,
h6 span {
  font-size: 12px;
}

.has-subheader {
  line-height: 16px !important;
}
.has-subheader .subheader {
  display: block;
  margin-top: 6px;
  color: #a7a7a7;
  font-size: 14px;
  font-weight: 200;
  line-height: 15px !important;
}

.block {
  margin: 0;
  padding: 0 0 0 20px;
  border: 1px solid #dddddd;
  font-size: 17px;
  font-weight: normal;
  line-height: 50px;
}

/* stylelint-disable declaration-no-important, selector-no-qualifying-type, no-descending-specificity, selector-max-compound-selectors */
input[type=text],
input[type=password],
textarea,
.text-field-default {
  box-sizing: border-box;
  padding: 7px 8px;
  border-width: 1px;
  border-style: solid;
  border-radius: 3px;
  border-color: #c8c8c8;
  box-shadow: 0 1px 1px rgba(160, 160, 160, 0.2) inset;
}

input[type=text]:focus,
input[type=password]:focus,
textarea:focus,
.text-field-default:focus,
.input-focus {
  border-color: #888888 !important;
  box-shadow: 0 1px 1px #ffffff;
}

/* Prevent IE10+ from displaying a clear X in inputs, interferes with our own implementation */
input[type=text]::-ms-clear {
  display: none;
}

input[type=text].disabled:focus,
input[type=password].disabled:focus,
textarea.disabled:focus,
.text-field-default.disabled:focus,
input[readonly]:focus,
textarea[readonly]:focus,
.text-field-default[readonly]:focus {
  border-color: #d1d1d1 !important;
  box-shadow: none;
  color: #777777;
}

span.input-fix,
span.input-fix input[type=text] {
  margin: 0;
  padding: 0;
}

span.input-fix,
.textarea-fix {
  display: inline-block;
  height: 28px;
  float: left;
  overflow: hidden;
  border: 1px solid #cacaca;
  background: #ffffff;
  box-shadow: 0 1px 1px rgba(160, 160, 160, 0.2) inset;
}

.textarea-fix {
  height: auto;
  min-height: 14px;
}

span.input-fix input[type=text],
span.input-fix input[type=password],
.textarea-fix textarea {
  height: 100%;
  padding: 0 8px;
  border: 0;
  background: transparent;
  box-shadow: none;
}

.input-fix.rounded-15 input[type=text] {
  padding: 0 12px;
}

.input-fix.rounded-15 .inline-label {
  left: 12px;
}

.icon-16.icon,
.icon-24.icon,
.icon-32.icon {
  position: static !important;
}

.icon-16 span.icon,
.icon-list-16 li,
.icon-16.icon,
.icon-16.icon-only {
  display: inline-block;
  position: absolute;
  width: 16px;
  height: 16px;
}

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

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

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

.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;
}

.icon-dm {
  background: url(../img/ui/indicators/drop-menu-s.bc446bdd298aac3b2d58.png) no-repeat scroll 0 0 transparent;
}

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

.qtip-content {
  font-size: 12px;
  line-height: 1.35em;
}

.qtip-content ol {
  list-style-type: decimal;
}

.qtip-content li {
  margin-left: 18px;
  color: #ffffff;
}

.qtip-content p {
  color: #ffffff;
}

.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;
}

.disabled {
  border-color: #eaeaea !important;
  background: #f9f9f9 !important;
  color: #a1a1a1 !important;
  cursor: default !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;
}

.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 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
 */
/* Form layout and base styling */
/* Build clearfix into o-form fieldset */
.o-form-fieldset::after {
  content: ".";
  display: block;
  visibility: hidden;
  height: 0;
  clear: both;
}

.o-form-fieldset {
  display: inline-block;
  height: auto;
  margin-bottom: 15px;
  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%;
}

.o-form-fieldset {
  display: block;
}

/* end clearfix */
.o-form-label-callout {
  display: inline-block;
  min-width: 32px;
  margin: -7px 10px -7px 0;
  padding: 7px;
  border-radius: 3px;
  background-color: #e5e5e5;
  color: #5e5e5e;
  font-size: 12px;
  font-weight: bold;
  text-align: center;
  text-transform: uppercase;
}

.o-form-label,
.o-form-input {
  float: left;
}

.o-form-label {
  box-sizing: border-box;
  width: 38%;
  padding: 7px 10px 7px 0;
  color: #5e5e5e;
  font-weight: bold;
  line-height: 16px;
}
.o-form-label a.icon-16 {
  display: inline;
  top: -1px;
  margin-left: 6px;
}

.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: 15px;
}
.o-form-input .o-form-input-group-compact + .o-form-input-group,
.o-form-input .o-form-input-group-compact + .link-button {
  margin-top: 8px;
}
.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-right-width: 0;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.o-form-input .o-form-input-group .chzn-container-single {
  float: none;
}

/* Input and label */
.o-form .o-form-input-group .input-fix {
  height: 28px;
}
.o-form .input-fix {
  position: relative;
  height: 30px;
}
.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] {
  box-sizing: border-box;
  width: 100%;
  height: 100%;
  margin: 0;
  padding: 6px 8px;
  border: 0;
  background: transparent;
  line-height: 16px;
}
.o-form .input-fix .input-icon,
.o-form .input-fix .input-tooltip {
  position: absolute;
  top: 50%;
  width: 16px;
  height: 16px;
  transform: translateY(-50%);
}
.o-form .input-fix .input-icon {
  left: 10px;
}
.o-form .input-fix .input-tooltip {
  right: 10px;
}
.o-form .input-fix .password-toggle .eyeicon {
  position: absolute;
  top: 50%;
  right: 10px;
  width: 16px;
  height: 16px;
  transform: translateY(-50%);
}
.o-form .input-fix .password-toggle .button-hide {
  display: none;
}
.o-form .input-fix .input-icon-divider {
  position: absolute;
  top: 0;
  right: 34px;
  height: 38px;
  border-right: 1px solid #d1d1d1;
}
.o-form .input-fix .input-icon-divider + .password-toggle .eyeicon {
  right: 45px;
}
.o-form .input-fix span.input-icon + input {
  padding: 6px 8px 8px 30px;
}
.o-form .input-fix input[type=number] {
  border: 0;
}
.o-form .input-fix,
.o-form .textarea-fix {
  box-sizing: border-box;
  width: 100%;
  border-radius: 3px;
}
.o-form .textarea-fix textarea {
  box-sizing: border-box;
  width: 100%;
  max-width: 100% !important;
  height: auto;
  min-height: 30px;
  margin: 0;
  padding: 6px 8px;
  line-height: 16px;
}
.o-form select {
  width: 62%;
  margin-top: 6px; /* For standard select boxes, not Chosen */
}

.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: 6px 10px;
  border: 1px solid #c8c8c8;
  border-right-width: 0;
  border-top-left-radius: 3px;
  border-bottom-left-radius: 3px;
  background-color: #e2e2e2;
  font-weight: normal;
}
.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: 6px 10px;
  border: 1px solid #c8c8c8;
  border-right-width: 0;
  background-color: #f2f2f2;
  color: #999999;
  font-weight: normal;
}

.o-form-input-group {
  display: table;
  position: relative;
  border-collapse: separate;
  /* 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 {
  display: table-cell;
  float: none;
  border-radius: 0;
  white-space: nowrap;
}
.o-form-input-group .o-form-control input[type=number],
.o-form-input-group .link-button input[type=number],
.o-form-input-group .o-form-label-inline input[type=number] {
  padding-bottom: 0;
}
.o-form-input-group :first-child {
  border-top-left-radius: 3px;
  border-bottom-left-radius: 3px;
}
.o-form-input-group :last-child {
  border-right-width: 1px;
  border-left-width: 0;
  border-top-right-radius: 3px;
  border-bottom-right-radius: 3px;
}
.o-form-input-group .link-button-icon.icon-only.copy-clipboard-button span.icon {
  display: inline-block;
  float: none;
}
.o-form-input-group .link-button:first-child,
.o-form-input-group .o-form-label-inline:first-child {
  border-right-width: 0;
}
.o-form-input-group .o-form-control:last-child {
  border-left-width: 1px;
}
.o-form-input-group .o-form-control + .o-form-control {
  margin: 0;
}
.o-form-input-group .link-button {
  padding: 0 16px;
  box-shadow: none;
}
.o-form-input-group .link-button-icon.icon-only {
  padding: 0 8px;
}
.o-form-input-group .o-form-control .chzn-single {
  box-shadow: none;
}
.o-form-input-group 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 {
  border-left-width: 0;
  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 {
  margin-left: -1px;
  border-left-width: 1px;
}
.o-form-input-group .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 {
  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 {
  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 {
  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: #5e5e5e;
}
.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.o-form-input-group-2 .o-form-label-inline {
  border-left-width: 0;
}

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

/* 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-fix {
  width: 84%;
  border-right: 0;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}

.chzn-container-single.text-select .chzn-single {
  box-sizing: border-box;
  width: 16%;
  height: 30px;
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
  border-color: #cccccc #cccccc #b1b1b1;
  cursor: pointer;
}

.text-select.chzn-with-drop input[type=text] {
  border-bottom-left-radius: 0;
  border-color: #888888;
  box-shadow: 0 -1px 0 0 #aaaaaa inset;
}

/*
 * Custom checkboxes, radios
 */
.custom-radio, .custom-checkbox {
  position: relative;
  clear: both;
}

.custom-radio input, .custom-checkbox input {
  /* end experimental */
  position: absolute;
  top: 7px;
  left: 0;
  margin: 0;
  /* experimental : make sure this doesn't break older browsers */
  opacity: 0;
  filter: alpha(opacity=0);
}

.custom-radio label, .custom-checkbox label {
  display: block;
  position: relative;
  min-height: 16px;
  margin: 0;
  padding: 7px 10px 7px 24px;
  line-height: 16px;
  cursor: pointer;
}

.custom-checkbox label {
  background: url(../img/ui/forms/checkbox-01.eae0329fe0b798560519.png) no-repeat;
}

@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 2dppx) {
  .custom-checkbox label {
    background: url(../img/ui/forms/checkbox-01@2x.1294dd56f87237b78100.png) no-repeat;
    background-size: 50px 1055px;
  }
}
.custom-radio label::before {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  width: 16px;
  height: 16px;
  background: url(../img/ui/forms/radiobutton-01.06ca91686a22690197da.png) no-repeat;
  background-size: 50px 820px;
}
.custom-radio label {
  position: relative;
}

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

@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 2dppx) {
  .custom-radio label::before {
    content: "";
    display: block;
    position: absolute;
    left: 0;
    width: 16px;
    height: 16px;
    background: url(../img/ui/forms/radiobutton-01@2x.2f10e12d6a124337f57b.png) no-repeat;
    background-size: 50px 820px;
  }
  .custom-radio label {
    position: relative;
  }
}
.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: 10px;
  border: 1px solid #cacaca;
  border-radius: 3px;
  background: #ffffff;
  box-shadow: 0 1px 1px rgba(150, 150, 150, 0.16) inset;
}

/* Button bar */
.o-form-button-bar,
.o-form-toolbar,
.o-form-toolbar.ui-tabs {
  margin-top: -1px;
  padding: 16px;
  border-width: 1px;
  border-style: solid;
  border-radius: 0 0 3px 3px;
  border-color: #dadada #dddddd;
  background: #f2f2f2;
  box-shadow: 0 1px 1px rgba(175, 175, 175, 0.16);
  text-align: right;
}
.o-form-button-bar .button + .button,
.o-form-toolbar .button + .button,
.o-form-toolbar.ui-tabs .button + .button {
  margin-left: 10px;
}

.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 14px;
  float: none;
  overflow: hidden;
  border-width: 1px 0 1px 1px;
  border-style: solid;
  border-color: #d1d1d1;
  background: #fbfbfb;
  color: #5e5e5e;
  font-size: 12px;
  font-weight: normal;
  line-height: 28px;
  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: 3px 0 0 3px;
}

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

.o-form-toolbar.ui-tabs .o-form-pillbar.ui-tabs-nav li.ui-state-active a {
  padding-right: 19px;
  border-right-width: 1px;
  border-color: #1b90c5;
  background-color: #46b3e9;
  color: #ffffff;
}

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

.o-form-toolbar.ui-tabs .o-form-pillbar.ui-tabs-nav li.ui-state-active + li > a {
  padding-left: 21px;
  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 {
  position: relative;
  margin: 0;
  padding: 0 20px;
  border: 1px solid #dddddd;
  border-bottom-width: 0;
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
  background: #f2f2f2;
  color: #5e5e5e;
  font-size: 17px;
  font-weight: normal;
  line-height: 44px;
}

.o-form-toggle {
  position: absolute;
  top: 8px;
  right: 8px;
  /* Differs from link-button only in height and width */
}
.o-form-toggle a {
  display: block;
  width: 60px;
  height: 26px;
  padding: 0;
  font-size: 13px;
  font-weight: normal;
  line-height: 26px;
}

/* data list overrides: data list does not use the dark heading */
.data-list .o-form-title-bar {
  margin: 0 0 15px;
  padding: 0;
  border: 0;
  border-radius: 0;
  background: transparent;
  box-shadow: none;
  color: #5e5e5e;
}
.data-list .o-form-toggle {
  right: 0;
}
.data-list .o-form-button-bar {
  margin-top: 20px;
  padding: 16px 0 0;
  border-width: 1px 0 0;
  border-color: #e1e1e1;
  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 15px;
  padding: 0;
  color: #46b090;
  font-size: 14px;
  font-weight: 200;
  line-height: 30px;
  text-transform: uppercase;
}

/* A variant of the o-form-head, should be used as a level beneath o-form-head */
.o-form-subhead {
  margin: 0 0 15px;
  padding: 0;
  color: #a7a7a7;
  font-size: 15px;
  font-weight: 200;
  line-height: 30px;
}

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

.o-form-explain + .o-form-fieldset {
  margin-top: 20px;
}

.o-form-explain {
  color: #a7a7a7;
  font-weight: normal;
}
.o-form-explain .o-form-text-counter-over {
  color: #d93934;
}

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

.o-form-input .o-form-explain {
  padding: 8px 0 6px;
  clear: both;
  line-height: 18px;
}

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

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

.okta-form-subtitle {
  color: #5e5e5e;
}

.o-form-input-error .icon-16 {
  position: absolute !important;
  top: 7px;
  left: -2px;
}

.o-form-tooltip.icon-only {
  margin-left: 4px;
  vertical-align: top;
}

/*
 * Themes and layouts
 */
.o-form-theme {
  padding: 30px;
  border: 1px solid #dddddd;
  border-radius: 4px;
  border-bottom-color: #d2d2d2;
  background: #f9f9f9;
  box-shadow: 0 1px 1px rgba(175, 175, 175, 0.16);
}

.o-form-theme-no-border {
  border: 0;
  border-radius: 0;
}

.o-form-title-bar + .o-form-theme {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}

.o-form-has-title-bar {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}

.o-form-has-button-bar {
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
}

/* o-form in a modal */
.simplemodal-wrap .o-form-wrap {
  padding: 30px;
}

.simplemodal-wrap .o-form-button-bar,
.simplemodal-container .o-form-button-bar,
.simplemodal-container-new .o-form-button-bar {
  margin-top: 0;
  padding: 16px;
  border-width: 1px 0;
  border-radius: 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;
}

.simplemodal-wrap .o-form-content,
.simplemodal-container .o-form-content,
.simplemodal-container-new .o-form-content {
  overflow: auto;
}

.simplemodal-wrap .o-form-content {
  box-sizing: border-box;
}

.simplemodal-wrap .o-form-content.o-form-theme,
.simplemodal-container .o-form-theme,
.simplemodal-container-new .o-form-theme {
  padding: 30px;
  border-width: 0;
  border-radius: 0;
  border-color: #dddddd;
}

/* 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 #888888;
  box-shadow: 0 1px 1px #ffffff;
}

/* Read mode overrides */
.o-form-read-mode .o-form-input,
.o-form-read-mode.o-form-input {
  box-sizing: border-box;
  padding: 7px 10px 7px 0;
  line-height: 16px;
  word-wrap: break-word;
}

/* 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;
}

.o-form-read-mode .custom-checkbox:first-child,
.o-form-read-mode .custom-radio:first-child,
.o-form-read-mode.custom-checkbox:first-child,
.o-form-read-mode.custom-radio:first-child {
  margin-top: -8px;
}

.o-form-read-mode .custom-radio.inline,
.o-form-read-mode.custom-radio.inline {
  margin-top: -8px;
  margin-bottom: 8px;
}

/* list input specifics */
.o-form-list-input table {
  width: 100%;
}
.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 {
  padding: 7px 0 3px;
  font-weight: bold;
  line-height: 16px;
  text-align: left;
}
.o-form-list-input table tr .list-input-cell {
  padding: 3px 3px 3px 0;
  vertical-align: middle;
}
.o-form-list-input table tr .list-input-button {
  width: 20px;
  padding: 3px 0 3px 3px;
  vertical-align: middle;
}
.o-form-list-input table tr .list-input-button:not(:last-child) {
  padding-right: 6px;
}
.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 {
  position: absolute;
  top: 6px;
  right: 6px;
  color: #c4c4c4;
  font-size: 30px;
  line-height: 26px;
  cursor: -webkit-grab;
  cursor: grab;
}
.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: #f9f9f9;
}
.o-form-list-input table .add-16-thin::before {
  color: #5e5e5e;
}

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

/* Checkbox and radio states */
.custom-checkbox label {
  background-position: -16px -13px;
}

.custom-radio label::before {
  background-position: -16px -20px;
}

.custom-checkbox label.hover,
.custom-checkbox label.focus {
  background-position: -16px -113px;
}

.custom-radio label.hover::before,
.custom-radio label.focus::before {
  background-position: -16px -120px;
}

.custom-checkbox label.checked {
  background-position: -16px -213px;
}

.custom-radio label.checked::before {
  background-position: -16px -220px;
}

.custom-checkbox label.checked.hover,
.custom-checkbox label.checked.focus {
  background-position: -16px -313px;
}

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

.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-checkbox label,
.o-form-read-mode.custom-checkbox label {
  background-position: -16px -413px !important; /* can't be sure of hierachy so using important */
}

.o-form-read-mode .custom-radio label::before,
.o-form-read-mode.custom-radio label::before {
  background-position: -16px -320px !important; /* can't be sure of hierachy so using important */
}

.o-form-read-mode .custom-checkbox label.hover,
.o-form-read-mode .custom-checkbox label.focus,
.o-form-read-mode.custom-checkbox label.hover,
.o-form-read-mode.custom-checkbox label.focus {
  background-position: -16px -513px !important; /* can't be sure of hierachy so using important */
  cursor: text !important; /* can't be sure of hierachy so using important */
}

.o-form-read-mode .custom-radio label.hover::before,
.o-form-read-mode .custom-radio label.focus::before,
.o-form-read-mode.custom-radio label.hover::before,
.o-form-read-mode.custom-radio label.focus::before {
  background-position: -16px -420px !important; /* can't be sure of hierachy so using important */
  cursor: text;
}

.o-form-read-mode .custom-checkbox label.checked,
.o-form-read-mode.custom-checkbox label.checked {
  background-position: -16px -613px !important; /* can't be sure of hierachy so using important */
}

.o-form-read-mode .custom-radio label.checked::before,
.o-form-read-mode.custom-radio label.checked::before {
  background-position: -16px -520px !important; /* can't be sure of hierachy so using important */
}

.o-form-read-mode .custom-checkbox label.checked.hover,
.o-form-read-mode .custom-checkbox label.checked.focus,
.o-form-read-mode.custom-checkbox label.checked.hover,
.o-form-read-mode.custom-checkbox label.checked.focus {
  background-position: -16px -713px;
  cursor: text;
}

.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;
}

/* Forms in a two column layout, old style form look */
.two_col_left .o-form-title-bar,
.two_col_right .o-form-title-bar {
  padding-right: 12px;
  padding-left: 20px;
  font-size: 17px;
}

.two_col_left .o-form-read-mode .o-form-content,
.two_col_right .o-form-read-mode .o-form-content {
  padding: 30px 31px;
}

.two_col_left .o-form-read-mode .o-form-theme,
.two_col_right .o-form-read-mode .o-form-theme {
  border-width: 0;
  background: none;
  box-shadow: none;
}

.two_col_left .o-form-read-mode .o-form-explain,
.two_col_right .o-form-read-mode .o-form-explain {
  margin: -30px -31px 20px;
  padding: 15px;
  border: 1px solid #dddddd;
  background: #f9f9f9;
}

.two_col_left .o-form-edit-mode .o-form-explain,
.two_col_right .o-form-edit-mode .o-form-explain {
  margin: -30px -30px 20px;
  padding: 15px;
  border: 0;
  border-bottom: 1px solid #dddddd;
}

/* 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.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: #d93934;
}
.o-form-has-errors > .chzn-container-single .chzn-single {
  border-right-width: 1px !important;
  border-color: #d93934 !important;
}
.o-form-has-errors .file-upload-wrap .browse-file-button {
  border-left-color: #dddddd;
}
.o-form-has-errors .o-form-control.o-form-focus,
.o-form-has-errors .link-button:hover {
  border-color: #888888;
}
.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: #cccccc #cccccc #b1b1b1;
}
.o-form-has-errors .o-form-input-group .chzn-container-active.chzn-with-drop .chzn-single {
  border-color: #888888;
}
.o-form-has-errors .chzn-container-active .chzn-single {
  border: 1px solid #888888;
  box-shadow: 0 1px 2px rgba(175, 175, 175, 0.3);
}
.o-form-has-errors .infobox-error {
  display: block !important;
  margin-bottom: 15px;
}

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

/* data-list styles */
.data-list-inline-form .o-form-head {
  margin: 0;
  color: #444444;
  font-size: 16px;
}

.data-list-inline-form .o-form-button-bar {
  margin: 5px -30px -20px;
  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 10px;
}
.data-list-sidebar-wrap .data-list-sidebar-filter-form .o-form-fieldset {
  margin-bottom: 10px;
}
.data-list-sidebar-wrap .data-list-sidebar-filter-form .o-form-label {
  padding-top: 5px;
  padding-bottom: 5px;
}
.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: 10px;
  background-color: #f9f9f9;
  color: #a7a7a7;
}

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

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

.copy-text-element {
  min-height: 16px;
  margin: 0;
  padding: 7px 10px 7px 0;
  line-height: 16px;
}

/* Dependency UI */
.dependency-callout .o-form-explain {
  margin-left: 8px;
  line-height: 28px;
}
.dependency-callout .spinner {
  position: relative;
  width: 50px;
  height: 50px;
}
.dependency-callout .openinnewtab-16::before {
  color: #5e5e5e;
}

/* 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: 3px;
  border-color: #dddddd #dddddd #dadada;
  background: #f2f2f2;
  box-shadow: 0 2px 0 rgba(175, 175, 175, 0.12);
}

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

.data-list-sidebar-left .data-list-content-wrap {
  width: 80%;
  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: #919191;
  font-size: 18px;
  font-weight: 200;
  line-height: 21px;
}

/*
 * Module
 */
/* Toolbar */
.data-list-toolbar {
  padding: 10px;
  border-bottom: 1px solid #dadada;
}
.data-list-toolbar .header {
  color: #5e5e5e;
  font-size: 17px;
  font-weight: normal;
  line-height: 30px;
}

.data-list-toolbar.outside {
  margin-bottom: 8px;
  padding: 0 0 10px;
  border: 0;
}

.data-list-sidebar + .data-list-sidebar {
  margin-top: 30px;
  padding-top: 15px;
  border-top: 1px solid #dddddd;
  border-radius: 0 !important;
}

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

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

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

.data-list-sidebar-left .data-list-content {
  border-left: 1px solid #d7d7d7;
  border-radius: 0 0 3px 0;
}
.data-list-sidebar-left .data-list-content-wrap .data-list-toolbar {
  border-left: 1px solid #d7d7d7;
  border-top-right-radius: 3px;
  background: #f2f2f2;
}

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

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

.data-list-sidebar-heading,
.data-list-sidebar-wrap .o-form-head {
  margin: 0;
  padding: 15px 10px;
  border-bottom: 1px solid #f2f2f2;
  color: #5e5e5e;
  font-size: 13px;
  font-weight: 200;
  line-height: 15px;
  text-transform: uppercase;
}

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

.data-list-nav-link {
  display: block;
  position: relative;
  padding: 7px 10px;
  overflow: hidden;
  border-bottom: 1px solid #f2f2f2;
  font-size: 13px;
  line-height: 16px;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.data-list-filter-count {
  display: block;
  position: absolute;
  top: 7px;
  right: 10px;
  color: #999999;
}

.data-list-nav-link-active .data-list-filter-count {
  color: #ffffff;
}

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

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

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

.data-list-table th,
.data-list-table td {
  padding: 8px 10px;
  font-size: 13px;
  font-weight: normal;
  line-height: 14px;
  text-align: left;
  vertical-align: top;
}

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

.data-list-table th {
  border-right: 1px solid #dddddd;
  border-bottom: 1px solid #dadada;
  background: #f2f2f2;
}
.data-list-table th:first-child {
  border-top-left-radius: 3px;
}
.data-list-table th:last-child {
  border-top-right-radius: 3px;
}
.data-list-table td {
  border-right: 1px solid transparent;
  border-bottom: 1px solid #eeeeee;
}

.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: #5e5e5e !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: #f9f9f9;
}

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

/*
 * Context Bar
 */
.data-list-context-bar-table td {
  padding: 0;
}

.data-list-context-bar {
  position: relative;
  padding: 22px 0;
  background: #f9f9f9;
  line-height: 16px;
  text-align: center;
}
.data-list-context-bar h3 {
  margin-bottom: 0;
  padding: 5px 0;
  color: #5e5e5e;
  font-size: 13px;
  font-weight: bold;
  line-height: 20px;
}
.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: 20px;
  border: 1px solid #e1e1e1;
  border-radius: 3px;
  background-color: #fbfbfb;
  font-size: 13px;
  line-height: 38px;
  text-align: center;
}

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

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

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

.data-list-pager-nav-link {
  margin: 0;
  padding: 5px;
  border: 0;
  border-radius: 2px;
  line-height: 1em;
}

/*
 * States
 */
/* Empty content */
.data-list-empty-msg {
  margin: 0 auto;
  padding: 90px 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: #dadada;
  font-family: "Courier New", serif;
  font-size: 18px;
  line-height: 1;
  word-wrap: break-word;
}

.data-list-empty-head {
  margin-top: 12px;
  text-align: center;
}

.data-list-empty-subhead {
  width: 60%;
  margin-top: 6px;
  margin-right: auto;
  margin-left: auto;
  color: #b1b1b1;
  font-size: 15px;
  font-weight: 200;
}

.data-list-empty-msg .page-toolbar {
  margin-top: 30px;
  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: 30px 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: 3px;
}

/* 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: 20px 40px;
  border: 1px solid #cccccc;
  border: 1px solid rgba(0, 0, 0, 0.2);
  border-radius: 3px;
  background: #ffffff;
  box-shadow: 0 2px 3px rgba(160, 160, 160, 0.4);
  text-align: center;
}

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

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

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

.data-list-nav-link-active,
.data-list-nav-link-active:hover {
  background: #007dc1;
  color: #ffffff !important;
}

/* Tables */
.data-list-table tr:hover td {
  border-bottom-color: #eaeaea;
  background: #f9f9f9;
}

.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-pager-footer a:hover {
  border: 1px solid #d1d1d1;
  background: #f9f9f9;
  color: #5e5e5e;
  text-decoration: none;
}

.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: 3px;
}

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

.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: #fff2f2 !important;
}

.data-list-context-bar-error td {
  border-bottom-color: #fedada !important;
}

.data-list-context-bar-error a {
  color: #cf3232;
}

.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: #fffbea !important;
}

.data-list-context-bar-highlight td {
  border-bottom-color: #e5e5ce !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 #eaeaea;
  background-color: #f8f8f8;
}

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

.data-list-row-details {
  margin: 0;
}

.data-list-row-details dt,
.data-list-row-details dd {
  margin: 0 0 10px;
  float: left;
  line-height: 16px;
}

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

.data-list-row-details dd {
  color: #777777;
}

.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 1px 1px rgba(175, 175, 175, 0.16);
}

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

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

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

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

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

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

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

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

.data-list-primary-header th {
  position: relative;
  border-width: 1px 0;
  border-style: solid;
  border-color: #01486e;
  background: #026ca4;
  color: #ffffff;
  font-weight: bold;
  text-align: center;
}

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

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

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

.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: 3px;
}
.data-list-table-only .data-list-secondary-header .data-list-called-out-header {
  position: relative;
  border: 1px solid #c4cddc;
  border-top-width: 0;
  background: #cce2f7;
  color: #333333;
  font-weight: bold;
}
.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 #dddddd;
}
.data-list-table-only .data-list-numbers th {
  position: relative;
  border-bottom: 1px solid #e9e9e9;
  border-left: 1px solid #dddddd;
  background: #fafafa;
  color: #333333;
  font-weight: bold;
}
.data-list-table-only .data-list-numbers th + td {
  border-left: 1px solid #e9e9e9;
}

.data-list-numbers .data-list-called-out-number {
  border-bottom: 1px solid #e6e8ec;
  background: #eef7ff;
  color: #333333;
  font-weight: bold;
}

/* Data list form that displays in content */
.data-list-inline-form {
  padding: 30px 30px 20px;
  border-left: 1px solid #d7d7d7;
  background: #fbfbfb;
}

.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 #dddddd;
}

.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;
}

.data-list-inline-form-active .data-list-nav-link-active .data-list-nav-link-arrow {
  display: block;
}

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

.instructions-list {
  counter-reset: li;
}
.instructions-list > li {
  position: relative;
  margin: 0 0 8px 24px;
  padding: 2px 0 6px 4px;
  line-height: 16px;
}
.instructions-list > li::before {
  content: counter(li);
  position: absolute;
  top: 0;
  left: -2em;
  box-sizing: border-box;
  width: 20px;
  height: 20px;
  border-radius: 50%;
  background: #919191;
  color: #ffffff;
  font-size: 12px;
  font-weight: normal;
  line-height: 20px;
  text-align: center;
  counter-increment: li;
}
.instructions-list li ol,
.instructions-list li ul {
  margin-top: 6px;
}
.instructions-list li:last-child {
  margin-bottom: 0;
}
.instructions-list code {
  display: block;
  margin-top: 5px;
  padding: 5px;
  border: 1px dashed #dddddd;
  background: #ffffff;
  word-wrap: break-word;
}
.instructions-list .toggle-control {
  display: inline-block;
  padding-right: 22px;
}
.instructions-list .toggle-section {
  padding: 10px 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;
}

.dropdown .options {
  position: relative;
}

.dropdown .option-selected {
  display: block;
  position: relative;
  padding: 5px;
  cursor: pointer;
}

.dropdown .option-selected:hover {
  cursor: pointer;
}

.dropdown .options .okta-dropdown-list .option-disabled {
  opacity: 0.4;
  text-shadow: none;
}

.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;
  top: 2px;
  left: 0;
  width: 417px;
  padding: 0;
  border-width: 1px;
  border-style: solid;
  border-color: #cccccc;
  background: #ffffff;
  box-shadow: 0 2px 0 rgba(160, 160, 160, 0.2);
  list-style: none;
}

.dropdown .options li.option {
  display: block;
  position: relative;
  padding: 5px;
  border-bottom: 1px solid #eaeaea;
  background: #ffffff;
}

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

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

.dropdown .options li.error:hover {
  background-color: #fce5e6 !important;
  cursor: pointer;
}

.dropdown .options li.option:hover {
  background: #f9f9f9;
  cursor: pointer;
}

.dropdown .options li.option:focus-within {
  background: #f9f9f9;
}

/**
 *  More actions variant
 */
.dropdown.more-actions .option-selected {
  position: relative;
  padding: 0 22px 0 8px !important;
  float: none !important;
  overflow: hidden;
  color: #333333;
  white-space: nowrap;
}

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

.dropdown.more-actions .option-selected span.icon-dm {
  position: absolute;
  top: 12px;
  right: 6px;
  width: 9px;
  height: 6px;
  margin: 0;
}

.dropdown.more-actions .button-primary.option-selected span.icon-dm {
  background: url(../img/ui/indicators/drop-menu-s-white.2a93edd743a71a22fd4d.png) no-repeat scroll 0 0 transparent;
}

.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: 10px 5px 10px 30px;
  color: #5e5e5e;
  font-size: 13px;
  line-height: 16px;
}
.dropdown.more-actions .option a.no-icon {
  padding-left: 10px;
}
.dropdown.more-actions .option a p.no-title {
  height: 16px;
}

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

.dropdown.more-actions .option a .icon {
  position: absolute;
  top: 9px;
  left: 8px;
  width: 16px;
  height: 16px;
}

/* 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: #cccccc #cccccc #b1b1b1;
  opacity: 0.5;
  background: transparent !important;
  box-shadow: none;
  cursor: default;
}

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

.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 #eaeaea !important;
}

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

.dropdown.dropdown-edit .option .option-link {
  padding: 6px 8px;
}

.dropdown-edit-button {
  width: 55px;
  margin: 0 !important;
  border-radius: 0 4px 4px 0;
  border-left-color: #cccccc !important;
}

/* Dropdown option content */
.option-subtitle {
  color: #a7a7a7;
  font-weight: normal;
}

p.option-subtitle {
  margin-top: 3px;
}

.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;
  color: #0074b3;
  font-size: 13px;
  font-weight: normal;
}

.help-link:hover {
  color: #0074b3;
  text-decoration: underline;
}

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

.pill {
  padding: 0 0.375rem;
  border-radius: 3px;
  text-transform: uppercase;
}
.pill.is-pill-success {
  background: #5ce5bc;
  color: #46545e;
}
.pill.is-pill-error {
  background: #f4e3e3;
  color: #46545e;
}
.pill.is-pill-standard {
  background: #e5e5e5;
  color: #46545e;
}

/* stylelint-disable selector-max-compound-selectors, no-descending-specificity, declaration-no-important */
.o-wizard {
  position: relative;
  width: 640px;
  margin: 40px auto;
}
.o-wizard.o-wizard-progressbar-steps-2 .o-wizard-step {
  width: 50%;
}
.o-wizard.o-wizard-progressbar-steps-2 .o-wizard-progressbar-line {
  left: 24%;
  width: 50%;
}
.o-wizard.o-wizard-progressbar-steps-3 .o-wizard-step {
  width: 33%;
}
.o-wizard.o-wizard-progressbar-steps-3 .o-wizard-progressbar-line {
  left: 14%;
  width: 68%;
}
.o-wizard.o-wizard-progressbar-steps-4 .o-wizard-step {
  width: 25%;
}
.o-wizard.o-wizard-progressbar-steps-4 .o-wizard-progressbar-line {
  left: 12%;
  width: 75%;
}
.o-wizard.o-wizard-progressbar-steps-5 .o-wizard-step {
  width: 20%;
}
.o-wizard.o-wizard-progressbar-steps-5 .o-wizard-progressbar-line {
  left: 10%;
  width: 80%;
}
.o-wizard .o-wizard-step-title h2 {
  margin-left: 5px;
  color: #5d5d5d;
  font-size: 20px;
}
.o-wizard .o-wizard-step-content {
  min-height: 150px;
  margin: 0 20px;
}
.o-wizard.o-wizard-progressbar-has-labels .o-wizard-progressbar-wrap {
  padding-bottom: 75px;
}
.o-wizard .o-wizard-step-label {
  margin: 0;
  padding: 0;
}
.o-wizard .o-wizard-progressbar-wrap {
  position: relative;
  margin-bottom: 20px;
  padding-top: 20px;
  padding-bottom: 55px;
  border-top: 1px solid #e1e1e1;
  border-bottom: 1px solid #e1e1e1;
}
.o-wizard .o-wizard-progressbar-wrap .o-wizard-progressbar-line {
  position: absolute;
  z-index: 1;
  top: 36px;
  height: 2px;
  background-color: #e1e1e1;
}
.o-wizard .o-wizard-progressbar-wrap .o-wizard-progressbar {
  counter-reset: step;
}
.o-wizard .o-wizard-progressbar-wrap .o-wizard-progressbar .o-wizard-step {
  position: relative;
  float: left;
  list-style-type: none;
  color: #d1d1d1;
  font-size: 12px;
  text-align: center;
  text-transform: uppercase;
}
.o-wizard .o-wizard-progressbar-wrap .o-wizard-progressbar .o-wizard-step::before {
  content: counter(step);
  display: block;
  position: relative;
  z-index: 3;
  width: 32px;
  height: 32px;
  margin: 0 auto 12px;
  transition: border, 100ms, ease-out, color, 600ms, linear;
  border: 2px solid #e1e1e1;
  border-radius: 50%;
  background-color: #ffffff;
  color: #d1d1d1;
  font-size: 13px;
  font-weight: bold;
  line-height: 32px;
  text-align: center;
  counter-increment: step;
}
.o-wizard .o-wizard-progressbar-wrap .o-wizard-progressbar .o-wizard-active,
.o-wizard .o-wizard-progressbar-wrap .o-wizard-progressbar .o-wizard-complete {
  color: #5e5e5e;
}
.o-wizard .o-wizard-progressbar-wrap .o-wizard-progressbar .o-wizard-step .icon {
  position: absolute !important;
  z-index: 2;
  top: 9px;
  left: 50%;
  margin-left: -8px;
  background-color: #ffffff;
}
.o-wizard .o-wizard-progressbar-wrap .o-wizard-progressbar .o-wizard-step .icon::before {
  transition: color, 600ms;
  color: #ffffff;
}
.o-wizard .o-wizard-progressbar-wrap .o-wizard-progressbar .o-wizard-error .icon::before {
  color: #e34843;
}
.o-wizard .o-wizard-progressbar-wrap .o-wizard-progressbar .o-wizard-complete .icon,
.o-wizard .o-wizard-progressbar-wrap .o-wizard-progressbar .o-wizard-error .icon {
  z-index: 4;
}
.o-wizard .o-wizard-progressbar-wrap .o-wizard-progressbar .o-wizard-complete .icon::before {
  color: #4cbf9c;
}
.o-wizard .o-wizard-progressbar-wrap .o-wizard-progressbar .o-wizard-complete::before {
  border-color: #4cbf9c;
  color: #4cbf9c;
}
.o-wizard .o-wizard-progressbar-wrap .o-wizard-progressbar .o-wizard-active::before {
  border-color: #007dc1;
  color: #007dc1;
}
.o-wizard .o-wizard-progressbar-wrap .o-wizard-progressbar .o-wizard-error::before {
  border-color: #e34843;
  color: #e34843;
}
.o-wizard .o-wizard-progressbar-wrap .o-wizard-progressbar .o-wizard-step::after {
  content: "";
  position: absolute;
  z-index: 2;
  top: 16px;
  left: -50%;
  width: 0;
  height: 2px;
  transition: width, 600ms, ease-out;
  background-color: #e1e1e1;
}
.o-wizard .o-wizard-progressbar-wrap .o-wizard-progressbar .o-wizard-complete + .o-wizard-active::after,
.o-wizard .o-wizard-progressbar-wrap .o-wizard-progressbar .o-wizard-complete + .o-wizard-complete::after {
  width: 100%;
  background-color: #4cbf9c;
}
.o-wizard .o-wizard-progressbar-wrap .o-wizard-progressbar .o-wizard-active.o-wizard-has-substep + .o-wizard-step::after {
  background-color: #007dc1;
}
.o-wizard .o-wizard-progressbar-wrap .o-wizard-progressbar .o-wizard-error.o-wizard-has-substep + .o-wizard-step::after {
  background-color: #e34843;
}
.o-wizard .o-wizard-progressbar-wrap .o-wizard-progressbar .o-wizard-substeps-1-2 + .o-wizard-step::after {
  width: 50%;
}
.o-wizard .o-wizard-progressbar-wrap .o-wizard-progressbar .o-wizard-substeps-1-3 + .o-wizard-step::after {
  width: 33%;
}
.o-wizard .o-wizard-progressbar-wrap .o-wizard-progressbar .o-wizard-substeps-2-3 + .o-wizard-step::after {
  width: 66%;
}
.o-wizard .o-wizard-progressbar-wrap .o-wizard-progressbar .o-wizard-substeps-1-4 + .o-wizard-step::after {
  width: 25%;
}
.o-wizard .o-wizard-progressbar-wrap .o-wizard-progressbar .o-wizard-substeps-2-4 + .o-wizard-step::after {
  width: 50%;
}
.o-wizard .o-wizard-progressbar-wrap .o-wizard-progressbar .o-wizard-substeps-3-4 + .o-wizard-step::after {
  width: 75%;
}
.o-wizard .o-wizard-progressbar-wrap .o-wizard-progressbar .o-wizard-substeps-1-5 + .o-wizard-step::after {
  width: 20%;
}
.o-wizard .o-wizard-progressbar-wrap .o-wizard-progressbar .o-wizard-substeps-2-5 + .o-wizard-step::after {
  width: 40%;
}
.o-wizard .o-wizard-progressbar-wrap .o-wizard-progressbar .o-wizard-substeps-3-5 + .o-wizard-step::after {
  width: 60%;
}
.o-wizard .o-wizard-progressbar-wrap .o-wizard-progressbar .o-wizard-substeps-4-5 + .o-wizard-step::after {
  width: 80%;
}
.o-wizard .o-wizard-progressbar-wrap .o-wizard-progressbar .o-wizard-step:first-child::after {
  content: none;
}
.o-wizard .o-wizard-content-wrap {
  margin: 5px;
}
.o-wizard .o-wizard-button-bar {
  margin-top: 20px;
  padding-top: 20px;
  border-top: 1px solid #d1d1d1;
}
.o-wizard .o-wizard-button-bar .link-button {
  min-width: 100px;
}
.o-wizard .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: 15px;
}

.file-upload .file-name {
  margin: 0;
  padding: 0 15px 10px;
}
.file-upload .file-upload-cancel {
  padding: 0 10px;
  float: right;
  clear: none;
}
.file-upload .file-upload-cancel.file-upload-uploading {
  padding: 8px;
}
.file-upload .file-upload-cancel::after {
  content: "X";
  color: #666666;
  cursor: pointer;
}
.file-upload .facade {
  position: relative;
}
.file-upload .file-name-text-field {
  width: 100%;
  height: 30px;
  cursor: pointer;
}
.file-upload .browse-file-button {
  position: absolute;
  top: 0;
  right: 0;
}
.file-upload .file-upload-progress-indicator-wrap {
  float: none;
  border-color: #a8e7fd;
}
.file-upload .file-upload-progress-indicator {
  padding: 8px;
  float: left;
  transition: width 1s ease-in-out, height 300ms ease-in-out;
  background-color: #a8e7fd;
  word-break: keep-all;
  white-space: nowrap;
}
.file-upload .file-upload-preview {
  position: relative;
  width: 100%;
  min-height: 50px;
  padding: 10px 0;
  float: left;
  border-top: 1px solid #dddddd;
  border-right: 1px solid #dddddd;
  border-left: 1px solid #dddddd;
}
.file-upload .file-upload-preview:first-child {
  border-top-left-radius: 3px;
  border-top-right-radius: 3px;
}
.file-upload .file-upload-preview:last-child {
  border-bottom: 1px solid #dddddd;
  border-bottom-right-radius: 3px;
  border-bottom-left-radius: 3px;
}

.file-input-facade .facade .browse {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}

.o-form-read-mode .file-upload-preview {
  background-color: #ffffff;
}

.cert-file-upload .cert-details-header .file-download, .image-file-upload .image-file-info .file-download {
  cursor: pointer;
}
.cert-file-upload .cert-details-header .file-download:hover, .image-file-upload .image-file-info .file-download:hover {
  text-decoration: underline;
}
.cert-file-upload .cert-details-header .file-download .download-icon, .image-file-upload .image-file-info .file-download .download-icon {
  padding: 0 5px;
}
.cert-file-upload .cert-details-header .file-download .download-icon::before, .image-file-upload .image-file-info .file-download .download-icon::before {
  color: #a7a7a7;
}

.image-file-upload .image-content {
  display: flex;
  justify-content: center;
}
.image-file-upload .image-file-info {
  padding: 0 10px;
}
.image-file-upload .image-file-info li {
  line-height: 20px;
}
.image-file-upload .image-file-thumbnail {
  padding: 0 10px;
  overflow: hidden;
}
.image-file-upload .image-file-thumbnail img {
  width: auto;
  max-width: 150px;
  height: auto;
  max-height: 60px;
  margin: 10px 5px 10px 0;
}

.cert-file-upload .upload-success, .cert-file-upload .cert-details, .cert-file-upload .cert-details-header, .cert-file-upload .cert-expand-details {
  display: block;
  margin-left: 45px;
  padding: 5px 10px 0;
}

.cert-file-upload .cert-thumbnail {
  position: absolute;
  padding: 0 10px;
}
.cert-file-upload .cert-expand-details {
  padding-top: 15px;
  color: #0074b3;
}
.cert-file-upload .cert-details-header .cert-names {
  margin: 0 0 10px;
  font-weight: 600;
}
.cert-file-upload .cert-details-header .file-download .download-icon {
  vertical-align: bottom;
}
.cert-file-upload .cert-details .cert-name {
  margin: 10px 0 5px;
  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 {
  color: #a7a7a7;
}
.cert-file-upload .cert-details .cert-expiration {
  margin-top: 5px;
  color: #46b090;
}
.cert-file-upload .cert-details .cert-expiration.cert-expired {
  color: #e34843;
}
.cert-file-upload .upload-success .success-message {
  margin-top: 5px;
  color: #46b090;
}

.private-key-reader .file-cert-32 {
  margin-left: 0.75rem;
}
.private-key-reader .preview-message {
  display: inline-block;
  margin-left: 0.75rem;
  line-height: 30px;
}
.private-key-reader .file-upload-preview {
  min-height: 30px;
}

/**
 * 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: #f2f2f2 !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 #d0d0d0;
  background: #f8f8f8;
  border-radius: 3px 3px 0 0;
}

.selectize-dropdown-header-close {
  position: absolute;
  right: 8px;
  top: 50%;
  color: #303030;
  opacity: 0.4;
  margin-top: -12px;
  line-height: 20px;
  font-size: 20px !important;
}

.selectize-dropdown-header-close:hover {
  color: #000000;
}

.selectize-dropdown.plugin-optgroup_columns .optgroup {
  border-right: 1px solid #f2f2f2;
  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 #0073bb;
  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: #00578d;
}

.selectize-control.plugin-remove_button .disabled [data-value] .remove:hover {
  background: none;
}

.selectize-control.plugin-remove_button .disabled [data-value] .remove {
  border-left-color: #aaaaaa;
}

.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: #303030;
  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 #d0d0d0;
  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: #1da7ee;
  color: #ffffff;
  border: 1px solid #0073bb;
}

.selectize-control.multi .selectize-input > div.active {
  background: #92c836;
  color: #ffffff;
  border: 1px solid #00578d;
}

.selectize-control.multi .selectize-input.disabled > div,
.selectize-control.multi .selectize-input.disabled > div.active {
  color: #ffffff;
  background: #d2d2d2;
  border: 1px solid #aaaaaa;
}

.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: #f0f0f0;
  height: 1px;
  bottom: 0;
  left: 0;
  right: 0;
}

.selectize-dropdown {
  position: absolute;
  z-index: 10;
  border: 1px solid #d0d0d0;
  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: #303030;
  background: #ffffff;
  cursor: default;
}

.selectize-dropdown .active {
  background-color: #f5fafd;
  color: #495c68;
}

.selectize-dropdown .active.create {
  color: #495c68;
}

.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: #808080 transparent transparent transparent;
}

.selectize-control.single .selectize-input.dropdown-active:after {
  margin-top: -4px;
  border-width: 0 5px 5px 5px;
  border-color: transparent transparent #808080 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: #fafafa;
}

.selectize-control.multi .selectize-input.has-items {
  padding-left: 5px;
  padding-right: 5px;
}

.selectize-control.multi .selectize-input.disabled [data-value] {
  color: #999999;
  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: #e6e6e6;
}

.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: #1b9dec;
  background-image: linear-gradient(to bottom, #1da7ee, #178ee9);
  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: #0085d4;
  background-image: linear-gradient(to bottom, #008fd8, #0075cf);
  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: #f9f9f9;
  background-image: linear-gradient(to bottom, #fefefe, #f2f2f2);
  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: #b8b8b8;
}

.selectize-dropdown .optgroup-header {
  padding-top: 7px;
  font-weight: bold;
  font-size: 0.85em;
}

.selectize-dropdown .optgroup {
  border-top: 1px solid #f0f0f0;
}

.selectize-dropdown .optgroup:first-child {
  border-top: 0 none;
}

/* 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: #6dbfe8;
  background: #e5f6ff;
  background-color: #e5f6ff;
  background-image: linear-gradient(to bottom, #e5f6ff, #d6f1ff);
  color: #000000;
}

.selectize-control .selectize-input {
  padding: 5px 8px;
}
.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 [data-value] {
  box-shadow: unset;
  text-shadow: unset;
}
.selectize-control.multi .selectize-input > div {
  margin: 0 3px 3px 0;
  padding: 2px 6px;
  cursor: pointer;
}
.selectize-control.plugin-remove_button [data-value] .remove {
  border-left: 0;
}
.selectize-control .selectize-dropdown-content .option.active {
  background-color: #f9f9f9;
}
.selectize-control .selectize-dropdown-content .option .highlight {
  background-color: transparent;
  color: #5e5e5e;
  font-weight: 700;
}
.selectize-control .selectize-dropdown .optgroup {
  border-top: 0;
}
.selectize-control .selectize-dropdown .optgroup-header {
  color: #a7a7a7;
  font-size: inherit;
  font-weight: inherit;
}
.selectize-control .selectize-dropdown .optgroup-header::before {
  content: "— ";
}
.selectize-control .selectize-dropdown .optgroup-header::after {
  content: " —";
}

.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: #a5a5a5;
  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;
}

/* stylelint-disable no-descending-specificity, selector-max-compound-selectors, declaration-no-important */
.help-sidebar .form-group-wrap {
  padding: 0 !important;
}
.help-sidebar .help-wrap {
  box-sizing: border-box;
  width: 28%;
  padding: 0 0 10px 30px;
  float: left;
}
.help-sidebar .help-wrap h4,
.help-sidebar .help-wrap h5,
.help-sidebar .help-wrap h6 {
  margin-bottom: 9px;
  padding: 0;
  color: #5e5e5e;
  font-weight: normal;
  line-height: 18px;
}
.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: #a7a7a7;
}
.help-sidebar .help-wrap p {
  margin: 0;
}
.help-sidebar .help-wrap ul {
  margin: 0 0 0 15px;
  list-style: disc outside none;
}
.help-sidebar .help-wrap li {
  padding-left: 3px;
}
.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: 27px;
}
.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: 9px;
}
.help-sidebar .help-wrap dt p {
  color: #a7a7a7;
  font-weight: bold;
}
.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: 18px;
}
.help-sidebar .help-wrap dd ul {
  margin: 9px 0 0 18px;
}
.help-sidebar .help-wrap *:first-child {
  margin-top: 0 !important;
}
.help-sidebar .form-wrap {
  position: relative;
  box-sizing: border-box;
  width: 72%;
  float: left;
}

/* stylelint-disable declaration-no-important */
.button-wide {
  min-width: 120px !important;
}

.button-small {
  min-width: 72px !important;
}

/* stylelint-disable selector-no-qualifying-type */
input[type=button],
input[type=submit],
input.button,
.link-button,
.link-bar a,
.o-form-toggle a {
  border: 1px solid;
  border-radius: 3px;
  border-color: #c3c3c3 #c3c3c3 #bebebe;
  background: linear-gradient(#fefefe, #f9f9f9), #f9f9f9;
  box-shadow: rgba(0, 0, 0, 0.06) 0 1px 0, rgba(255, 255, 255, 0.1) 0 1px 0 0 inset;
  color: #5e5e5e;
  text-align: center;
  cursor: pointer;
}
input[type=button].btn-disabled, input[type=button].btn-disabled:hover, input[type=button].btn-disabled:active, input[type=button].btn-disabled .button-down,
input[type=submit].btn-disabled,
input[type=submit].btn-disabled:hover,
input[type=submit].btn-disabled:active,
input[type=submit].btn-disabled .button-down,
input.button.btn-disabled,
input.button.btn-disabled:hover,
input.button.btn-disabled:active,
input.button.btn-disabled .button-down,
.link-button.btn-disabled,
.link-button.btn-disabled:hover,
.link-button.btn-disabled:active,
.link-button.btn-disabled .button-down,
.link-bar a.btn-disabled,
.link-bar a.btn-disabled:hover,
.link-bar a.btn-disabled:active,
.link-bar a.btn-disabled .button-down,
.o-form-toggle a.btn-disabled,
.o-form-toggle a.btn-disabled:hover,
.o-form-toggle a.btn-disabled:active,
.o-form-toggle a.btn-disabled .button-down {
  border-color: white white white;
  background: white;
  box-shadow: rgba(0, 0, 0, 0.06) 0 1px 0;
  color: #ababab;
  cursor: not-allowed;
}
input[type=button]:hover,
input[type=submit]:hover,
input.button:hover,
.link-button:hover,
.link-bar a:hover,
.o-form-toggle a:hover {
  border-color: #a6a6a6 #a6a6a6 #9e9e9e;
  background: linear-gradient(white, #fefefe), #fefefe;
  text-decoration: none;
}
input[type=button]:active, input[type=button].button-down,
input[type=submit]:active,
input[type=submit].button-down,
input.button:active,
input.button.button-down,
.link-button:active,
.link-button.button-down,
.link-bar a:active,
.link-bar a.button-down,
.o-form-toggle a:active,
.o-form-toggle a.button-down {
  background: linear-gradient(#fafafa, #fafafa), #fafafa;
  box-shadow: rgba(0, 0, 0, 0.12) 0 1px 1px 0 inset;
}

.chzn-container-single .chzn-single {
  border: 1px solid;
  border-radius: 3px;
  border-color: #c3c3c3 #c3c3c3 #bebebe;
  background: linear-gradient(#fefefe, #f9f9f9), #f9f9f9;
  box-shadow: rgba(0, 0, 0, 0.06) 0 1px 0, rgba(255, 255, 255, 0.1) 0 1px 0 0 inset;
  color: #5e5e5e;
  text-align: center;
  cursor: pointer;
  text-align: left;
}
.chzn-container-single .chzn-single.btn-disabled, .chzn-container-single .chzn-single.btn-disabled:hover, .chzn-container-single .chzn-single.btn-disabled:active, .chzn-container-single .chzn-single.btn-disabled .button-down {
  border-color: white white white;
  background: white;
  box-shadow: rgba(0, 0, 0, 0.06) 0 1px 0;
  color: #ababab;
  cursor: not-allowed;
}
.chzn-container-single .chzn-single:hover {
  border-color: #a6a6a6 #a6a6a6 #9e9e9e;
  background: linear-gradient(white, #fefefe), #fefefe;
  text-decoration: none;
}
.chzn-container-single .chzn-single:active, .chzn-container-single .chzn-single.button-down {
  background: linear-gradient(#fafafa, #fafafa), #fafafa;
  box-shadow: rgba(0, 0, 0, 0.12) 0 1px 1px 0 inset;
}
.chzn-container-single .chzn-single:hover {
  border-color: #888888;
}
.chzn-container-single .chzn-single:active {
  background: #ffffff;
  box-shadow: none;
}

.checkbox-wrap .option {
  border: 1px solid;
  border-radius: 3px;
  border-color: #c3c3c3 #c3c3c3 #bebebe;
  background: linear-gradient(#fefefe, #f9f9f9), #f9f9f9;
  box-shadow: rgba(0, 0, 0, 0.06) 0 1px 0, rgba(255, 255, 255, 0.1) 0 1px 0 0 inset;
  color: #5e5e5e;
  text-align: center;
  cursor: pointer;
}
.checkbox-wrap .option.btn-disabled, .checkbox-wrap .option.btn-disabled:hover, .checkbox-wrap .option.btn-disabled:active, .checkbox-wrap .option.btn-disabled .button-down {
  border-color: white white white;
  background: white;
  box-shadow: rgba(0, 0, 0, 0.06) 0 1px 0;
  color: #ababab;
  cursor: not-allowed;
}
.checkbox-wrap .option:hover {
  border-color: #a6a6a6 #a6a6a6 #9e9e9e;
  background: linear-gradient(white, #fefefe), #fefefe;
  text-decoration: none;
}
.checkbox-wrap .option:active, .checkbox-wrap .option.button-down {
  background: linear-gradient(#fafafa, #fafafa), #fafafa;
  box-shadow: rgba(0, 0, 0, 0.12) 0 1px 1px 0 inset;
}
.read-only-form .checkbox-wrap .option:hover {
  border: 1px solid;
  border-radius: 3px;
  border-color: #c3c3c3 #c3c3c3 #bebebe;
  background: linear-gradient(#fefefe, #f9f9f9), #f9f9f9;
  box-shadow: rgba(0, 0, 0, 0.06) 0 1px 0, rgba(255, 255, 255, 0.1) 0 1px 0 0 inset;
  color: #5e5e5e;
  text-align: center;
  cursor: pointer;
  cursor: default;
}
.read-only-form .checkbox-wrap .option:hover.btn-disabled, .read-only-form .checkbox-wrap .option:hover.btn-disabled:hover, .read-only-form .checkbox-wrap .option:hover.btn-disabled:active, .read-only-form .checkbox-wrap .option:hover.btn-disabled .button-down {
  border-color: white white white;
  background: white;
  box-shadow: rgba(0, 0, 0, 0.06) 0 1px 0;
  color: #ababab;
  cursor: not-allowed;
}

/* stylelint-disable selector-no-qualifying-type */
.button-primary,
.button-bar .button-primary,
.o-form-button-bar .button-primary,
.button-bar .save {
  border: 1px solid;
  border-radius: 3px;
  border-color: #328c71 #328c71 #2f856b !important;
  background: linear-gradient(#4cbf9c, #44bc98), #44bc98 !important;
  box-shadow: rgba(0, 0, 0, 0.15) 0 1px 0, rgba(255, 255, 255, 0.1) 0 1px 0 0 inset !important;
  color: #ffffff !important;
  text-align: center;
  cursor: pointer;
}
.button-primary.btn-disabled, .button-primary.btn-disabled:hover, .button-primary.btn-disabled:active, .button-primary.btn-disabled .button-down,
.button-bar .button-primary.btn-disabled,
.button-bar .button-primary.btn-disabled:hover,
.button-bar .button-primary.btn-disabled:active,
.button-bar .button-primary.btn-disabled .button-down,
.o-form-button-bar .button-primary.btn-disabled,
.o-form-button-bar .button-primary.btn-disabled:hover,
.o-form-button-bar .button-primary.btn-disabled:active,
.o-form-button-bar .button-primary.btn-disabled .button-down,
.button-bar .save.btn-disabled,
.button-bar .save.btn-disabled:hover,
.button-bar .save.btn-disabled:active,
.button-bar .save.btn-disabled .button-down {
  border-color: #90d7c1 #90d7c1 #90d7c1 !important;
  background: #90d7c1 !important;
  box-shadow: rgba(0, 0, 0, 0.15) 0 1px 0 !important;
  color: white;
  cursor: not-allowed;
}
.button-primary:hover,
.button-bar .button-primary:hover,
.o-form-button-bar .button-primary:hover,
.button-bar .save:hover {
  border-color: #28705a #28705a #246551 !important;
  background: linear-gradient(#54c2a0, #4cbf9c), #4cbf9c !important;
  text-decoration: none;
}
.button-primary:active, .button-primary.button-down,
.button-bar .button-primary:active,
.button-bar .button-primary.button-down,
.o-form-button-bar .button-primary:active,
.o-form-button-bar .button-primary.button-down,
.button-bar .save:active,
.button-bar .save.button-down {
  background: linear-gradient(#46bd99, #47bd99), #47bd99 !important;
  box-shadow: rgba(0, 0, 0, 0.12) 0 1px 1px 0 inset !important;
}

.button-deny,
input.button-deny,
.button-error,
input.button-error {
  border: 1px solid;
  border-radius: 3px;
  border-color: #bd1d1d #bd1d1d #b41c1c !important;
  background: linear-gradient(#e24545, #e13c3c), #e13c3c !important;
  box-shadow: rgba(0, 0, 0, 0.15) 0 1px 0, rgba(255, 255, 255, 0.1) 0 1px 0 0 inset !important;
  color: #ffffff !important;
  text-align: center;
  cursor: pointer;
}
.button-deny.btn-disabled, .button-deny.btn-disabled:hover, .button-deny.btn-disabled:active, .button-deny.btn-disabled .button-down,
input.button-deny.btn-disabled,
input.button-deny.btn-disabled:hover,
input.button-deny.btn-disabled:active,
input.button-deny.btn-disabled .button-down,
.button-error.btn-disabled,
.button-error.btn-disabled:hover,
.button-error.btn-disabled:active,
.button-error.btn-disabled .button-down,
input.button-error.btn-disabled,
input.button-error.btn-disabled:hover,
input.button-error.btn-disabled:active,
input.button-error.btn-disabled .button-down {
  border-color: #ee9494 #ee9494 #ee9494 !important;
  background: #ee9494 !important;
  box-shadow: rgba(0, 0, 0, 0.15) 0 1px 0 !important;
  color: white;
  cursor: not-allowed;
}
.button-deny:hover,
input.button-deny:hover,
.button-error:hover,
input.button-error:hover {
  border-color: #9c1818 #9c1818 #8f1616 !important;
  background: linear-gradient(#e34e4e, #e24545), #e24545 !important;
  text-decoration: none;
}
.button-deny:active, .button-deny.button-down,
input.button-deny:active,
input.button-deny.button-down,
.button-error:active,
.button-error.button-down,
input.button-error:active,
input.button-error.button-down {
  background: linear-gradient(#e13e3e, #e13f3f), #e13f3f !important;
  box-shadow: rgba(0, 0, 0, 0.12) 0 1px 1px 0 inset !important;
}

.button-secondary,
.o-form-button-bar .button-secondary {
  border: 1px solid;
  border-radius: 3px;
  border-color: #328c71 #328c71 #2f856b !important;
  background: linear-gradient(#4cbf9c, #44bc98), #44bc98 !important;
  box-shadow: rgba(0, 0, 0, 0.15) 0 1px 0, rgba(255, 255, 255, 0.1) 0 1px 0 0 inset !important;
  color: #ffffff !important;
  text-align: center;
  cursor: pointer;
}
.button-secondary.btn-disabled, .button-secondary.btn-disabled:hover, .button-secondary.btn-disabled:active, .button-secondary.btn-disabled .button-down,
.o-form-button-bar .button-secondary.btn-disabled,
.o-form-button-bar .button-secondary.btn-disabled:hover,
.o-form-button-bar .button-secondary.btn-disabled:active,
.o-form-button-bar .button-secondary.btn-disabled .button-down {
  border-color: #90d7c1 #90d7c1 #90d7c1 !important;
  background: #90d7c1 !important;
  box-shadow: rgba(0, 0, 0, 0.15) 0 1px 0 !important;
  color: white;
  cursor: not-allowed;
}
.button-secondary:hover,
.o-form-button-bar .button-secondary:hover {
  border-color: #28705a #28705a #246551 !important;
  background: linear-gradient(#54c2a0, #4cbf9c), #4cbf9c !important;
  text-decoration: none;
}
.button-secondary:active, .button-secondary.button-down,
.o-form-button-bar .button-secondary:active,
.o-form-button-bar .button-secondary.button-down {
  background: linear-gradient(#46bd99, #47bd99), #47bd99 !important;
  box-shadow: rgba(0, 0, 0, 0.12) 0 1px 1px 0 inset !important;
}

.button-teach {
  border: 1px solid;
  border-radius: 3px;
  border-color: #5d3d81 #5d3d81 #583a7a !important;
  background: linear-gradient(#835ab1, #7e53ae), #7e53ae !important;
  box-shadow: rgba(0, 0, 0, 0.15) 0 1px 0, rgba(255, 255, 255, 0.1) 0 1px 0 0 inset !important;
  color: #ffffff !important;
  text-align: center;
  cursor: pointer;
}
.button-teach.btn-disabled, .button-teach.btn-disabled:hover, .button-teach.btn-disabled:active, .button-teach.btn-disabled .button-down {
  border-color: #b298ce #b298ce #b298ce !important;
  background: #b298ce !important;
  box-shadow: rgba(0, 0, 0, 0.15) 0 1px 0 !important;
  color: white;
  cursor: not-allowed;
}
.button-teach:hover {
  border-color: #4b3167 #4b3167 #432c5d !important;
  background: linear-gradient(#8861b4, #835ab1), #835ab1 !important;
  text-decoration: none;
}
.button-teach:active, .button-teach.button-down {
  background: linear-gradient(#7f54ae, #7f55af), #7f55af !important;
  box-shadow: rgba(0, 0, 0, 0.12) 0 1px 1px 0 inset !important;
}
.button-teach > .icon {
  opacity: 0.5;
  filter: alpha(opacity=50);
}
.button-teach:hover > .icon {
  opacity: 1;
  filter: alpha(opacity=100);
}

/* stylelint-disable selector-no-qualifying-type */
input[type=button],
input[type=submit],
input.button {
  width: auto;
  height: 30px;
  padding: 0 10px;
  overflow: visible;
  line-height: 30px;
}

input.button {
  min-width: 100px;
}

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

input[type=button]::-moz-focus-inner {
  padding: 0;
  border: 0;
}

/* stylelint-disable selector-no-qualifying-type, declaration-no-important, no-descending-specificity */
.link-button,
.link-button-icon,
.link-button-disabled,
.link-button-disabled:hover,
.read-only .disabled-control {
  display: block;
  height: 28px;
  padding: 0 10px;
  float: left;
  line-height: 28px;
  text-decoration: none;
}

.link-button:not(.hide) ~ .link-button:not(.hide),
.link-button-icon:not(.hide) ~ .link-button-icon:not(.hide),
.link-button-disabled:not(.hide) ~ .link-button-disabled:not(.hide) {
  margin: 0 0 0 10px;
}

/* shared link and input button properties */
.link-button-icon {
  text-align: left !important;
}

.link-button-icon.rounded-16 {
  margin: 0;
  padding: 0 4px;
}

.link-button-icon-label-center {
  text-align: center !important;
}

.link-button-icon-label-wrap {
  display: inline-block;
}

.link-button-big {
  height: 36px !important;
  padding: 0 20px;
  font-size: 14px !important;
  line-height: 36px !important;
}
.link-button-big .icon-svg {
  margin-top: 10px;
}

.link-button-small {
  height: 22px !important;
  line-height: 22px !important;
}
.link-button-small .icon-svg {
  margin-top: 3px;
}

.link-button-wide {
  min-width: 80px;
}

.link-button-wide.link-button-icon {
  position: relative;
  min-width: 60px;
  padding: 0 5px 0 40px;
  text-align: center;
}

.link-button-wide.link-button-icon .icon,
.link-button-wide.link-button-icon .icon-svg {
  position: absolute;
  left: 10px;
}

.link-button span {
  color: #3b3b3b;
  cursor: pointer;
}

.button-primary span,
.button-primary:hover span {
  color: #ffffff;
}

.link-button-disabled span {
  cursor: default;
}

.link-button-icon span.icon,
.link-button-icon .icon-svg {
  display: block;
  position: relative;
  width: 16px;
  height: 16px;
  margin-right: 6px;
  float: left;
}

.link-button-icon .icon-svg {
  margin-top: 6px;
}

.link-button-icon.link-button-icon-right span.icon,
.link-button-icon.link-button-icon-right .icon-svg {
  margin-left: 6px;
  float: right;
}

.link-button-icon.disabled span.icon {
  opacity: 0.4;
}

.link-button-icon.icon-only {
  padding: 0 6px;
}

.link-button-icon.icon-only span.icon,
.link-button-icon.icon-only .icon-svg {
  margin-right: 0;
}

.link-button.active span,
.link-button.active:hover span {
  color: #5e5e5e !important;
  text-shadow: 0 1px 0 #ffffff;
}

/* stylelint-disable declaration-no-important, scss/at-extend-no-missing-placeholder, selector-class-pattern, no-descending-specificity */
.infobox-before-common, .infobox-compact::before, .infobox-md::before, .infobox::before {
  content: "";
  position: absolute;
  top: -1px;
  bottom: -1px;
  left: -1px;
  border-top-left-radius: 3px;
  border-bottom-left-radius: 3px;
}

.infobox {
  position: relative;
  min-height: 18px;
  padding: 12px 18px 12px 48px !important;
  word-wrap: break-word;
  overflow-wrap: break-word;
}
.infobox::before {
  width: 36px;
  background-color: #007dc1;
}
.infobox.infobox-no-icon {
  padding-left: 24px !important;
}
.infobox.infobox-no-icon::before {
  display: none;
}
.infobox > .icon {
  position: absolute;
  top: 13px;
  left: 9px;
}
.infobox a {
  line-height: 18px;
}
.infobox ul {
  margin-right: 0;
  margin-left: 27px;
}
.infobox .link-button {
  line-height: 28px;
}
.infobox + .infobox,
.infobox + h2 {
  margin-top: 18px;
}
.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 h2,
.infobox h3,
.infobox h2 *,
.infobox h3 * {
  margin: 0;
  padding: 0;
  font-size: 13px;
  font-weight: bold;
  line-height: 18px;
}

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

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

.infobox,
.infobox-md {
  border: 1px solid #dddddd;
  border-radius: 3px;
  background-color: #fbfbfb;
}

.infobox-md {
  min-height: 18px;
  padding: 24px 24px 24px 70px !important;
}
.infobox-md h2,
.infobox-md h3 {
  font-size: 15px;
}
.infobox-md h2 *,
.infobox-md h3 * {
  margin: 0;
  line-height: 18px;
}
.infobox-md::before {
  width: 48px;
}
.infobox-md > .icon {
  top: 20px;
  left: 11px;
}
.infobox-md + .button-bar.button-bar-attached {
  width: auto;
  padding-left: 60px;
  float: none;
}
.infobox-md + .button-bar.button-bar-attached.button-bar-l-height {
  line-height: 32px;
}

.infobox-compact {
  min-height: 16px;
  padding: 9px 9px 9px 40px !important;
  border-width: 1px;
  border-style: solid;
  border-radius: 3px;
  border-color: #dddddd;
  background-color: #fbfbfb;
}
.infobox-compact a,
.infobox-compact p,
.infobox-compact li {
  line-height: 16px;
}
.infobox-compact h2 + *,
.infobox-compact h3 + *,
.infobox-compact p + *,
.infobox-compact ul + *,
.infobox-compact ol + *,
.infobox-compact li + * {
  margin-top: 5px;
}
.infobox-compact::before {
  width: 30px;
}
.infobox-compact + p {
  margin-top: 9px;
}
.infobox-compact > .icon {
  top: 9px;
  left: 6px;
}

.infobox-slim {
  padding: 7px 9px 7px 20px !important;
  border: 0;
  background-color: transparent;
}
.infobox-slim::before {
  width: 10px;
  border-radius: 0;
}

.infobox-xl {
  min-height: 18px;
  padding: 26px 36px 26px 108px !important;
}
.infobox-xl::before {
  width: 84px;
}
.infobox-xl > .icon {
  top: 22px;
  left: 18px;
}
.infobox-xl p,
.infobox-xl ul {
  width: 75%;
  margin-top: 20px;
}
.infobox-xl p,
.infobox-xl li {
  font-size: 14px;
  line-height: 20px;
}
.infobox-xl h2,
.infobox-xl h3 {
  font-size: 18px;
}
.infobox-xl h2 *,
.infobox-xl h3 * {
  margin: 0;
  line-height: 18px;
}

.infobox-teach h2,
.infobox-teach h3 {
  color: #835ab1;
  font-weight: 200;
}
.infobox-teach.infobox-dismiss .button-teach {
  margin-top: 20px;
  float: right;
}

.infobox-dismiss {
  padding-right: 30px !important;
}

.infobox-dismiss-link {
  display: block;
  position: absolute;
  top: 10px;
  right: 8px;
  color: #5e5e5e;
  line-height: 14px;
  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: 240px;
  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: #4cbf9c;
}

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

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

.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: #835ab1;
}

.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 #dadada;
}

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

.infobox-text {
  padding: 0;
}

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

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

.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 18px !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: #007dc1;
}
.infobox.infobox-subtle .icon,
.help-wrap .infobox .icon {
  display: none;
}

/* stylelint-disable selector-max-compound-selectors, selector-no-qualifying-type */
.ui-tabs .ui-tabs-nav {
  padding: 0;
  border-top: 0;
  border-bottom: 1px solid #dadada;
  background: transparent;
}
.ui-tabs .ui-tabs-nav li {
  position: relative;
  margin: 0;
  padding: 0;
  float: left;
  border: 0;
}
.ui-tabs .ui-tabs-nav li + li {
  margin-left: 12px;
}
.ui-tabs .ui-tabs-nav li a {
  display: block;
  padding: 15px;
  color: #a7a7a7;
  line-height: 1;
}
.ui-tabs .ui-tabs-nav li a:hover {
  color: #5e5e5e;
  text-decoration: none;
}
.ui-tabs .ui-tabs-nav li.ui-tabs-selected a {
  color: #5e5e5e;
  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: 4px;
  background: #4cbf9c;
}

.ui-tabs-margin {
  margin-bottom: 27px;
}

.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: 10px;
  padding: 10px;
  border-top: 0;
  border-right: 0;
  border-bottom: 0;
  border-left: 0;
}
.ui-subtabs li.subtab a.sub-tab-link {
  color: #5e5e5e;
  text-decoration: none;
}
.ui-subtabs li.ui-state-active {
  border-left: 4px solid #4cbf9c;
}
.ui-subtabs li.ui-state-active a.sub-tab-link {
  cursor: text;
}

/* stylelint-disable selector-class-pattern, declaration-no-important, no-descending-specificity */
.simplemodal-overlay {
  background-color: #ffffff;
}

.simplemodal-container,
.simplemodal-container-absolute,
.simplemodal-container-new {
  border-radius: 6px;
  background-clip: padding-box;
  background-color: #f9f9f9;
  box-shadow: 0 0 40px 1px rgba(0, 0, 0, 0.3);
}
.simplemodal-container .block,
.simplemodal-container-absolute .block,
.simplemodal-container-new .block {
  color: #ffffff;
  font-size: 17px;
  font-weight: 200;
  line-height: 54px;
  height: 54px;
  border: #005380;
  background: #007dc1;
}
.simplemodal-container .block span,
.simplemodal-container-absolute .block span,
.simplemodal-container-new .block span {
  color: #ffffff;
  font-size: 17px;
  font-weight: 200;
  line-height: 54px;
}
.simplemodal-container .button-bar,
.simplemodal-container-absolute .button-bar,
.simplemodal-container-new .button-bar {
  border: 0;
  border-radius: 0;
  box-shadow: none;
}
.simplemodal-container .modalCloseImg,
.simplemodal-container-absolute .modalCloseImg,
.simplemodal-container-new .modalCloseImg {
  display: inline;
  position: absolute;
  z-index: 3200;
  top: 1px;
  right: 1px;
  width: 54px;
  height: 54px;
  background-color: transparent;
  background-image: url(../img/icons/16x16/modal-close-admin-001.203c9b723a0bdc126fe9.png);
  background-repeat: no-repeat;
  background-position: center center;
  font-size: 20px;
  line-height: 54px;
  text-align: center;
  cursor: pointer;
}
.simplemodal-container .modalCloseImg:hover,
.simplemodal-container-absolute .modalCloseImg:hover,
.simplemodal-container-new .modalCloseImg:hover {
  background-image: url(../img/icons/16x16/modal-close-admin-hover-001.ce274d07e470f79f2aba.png);
  text-decoration: none;
}

.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 15px;
  padding: 0;
}
.simplemodal-container .o-form-button-bar {
  background: #f9f9f9;
}
.simplemodal-container .m-form,
.simplemodal-container .v-form {
  border-right: 0;
  border-left: 0;
}

.simplemodal-container-absolute {
  position: absolute !important;
  top: 30px !important;
  height: auto !important;
  margin-bottom: 40px;
}
.simplemodal-container-absolute .m-form,
.simplemodal-container-absolute .v-form {
  border-right: 0;
  border-left: 0;
}

.simplemodal-wrap {
  height: auto !important;
}
.simplemodal-wrap .infobox-header + p {
  margin-top: 12px;
}

.simplemodal-data,
.simplemodal-content-bg {
  background-color: #f9f9f9;
}

.no-close .simplemodal-close {
  display: none;
}

.modal-content-wrap {
  padding: 30px;
  border-bottom: 1px solid #dddddd;
}
.modal-content-wrap h3,
.modal-content-wrap h3 * {
  margin: 0;
  padding: 0;
  font-size: 13px;
  font-weight: bold;
  line-height: 18px;
}
.modal-content-wrap h3 + p {
  margin-top: 12px;
}

.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: 85px;
  line-height: 1.5;
}

.empty-error-state .header-title,
.empty-state .header-title {
  position: relative;
  padding: 0 0 0 30px;
  line-height: 32px;
}
.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: 85px;
  margin-bottom: 25px;
}
.empty-error-state .container .content .description,
.empty-state .container .content .description {
  margin-bottom: 35px;
  line-height: 1.5;
}
.empty-error-state .container .content .cta,
.empty-state .container .content .cta {
  display: flex;
  justify-content: center;
  margin-bottom: 25px;
}

/* stylelint-disable declaration-no-important */
.header {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
}
.header .header-title {
  margin-bottom: 20px !important;
}
.header .help-link {
  margin-bottom: 22px;
}

.card {
  display: block;
  position: relative;
  -ms-grid-row-align: start;
      align-self: start;
  max-width: 50ch;
  border: 1px solid #e4e5e7;
  border-radius: 3px;
}

.card--state {
  margin: -1px -1px 0;
  padding: 0.375rem 1.5rem;
  border-radius: 3px 3px 0 0;
  color: #ffffff;
  font-size: 13px;
  text-align: right;
}

.card--media {
  margin: -1px -1px 0;
  padding-bottom: 0.75rem;
  overflow: hidden;
  border-radius: 3px 3px 0 0;
}

.card--media-image {
  width: 100%;
}

.card--header {
  display: flex;
  position: relative;
  align-items: center;
  justify-content: flex-start;
  padding: 0.75rem 1.5rem 0.75rem;
}
.card--header:first-child {
  padding-top: 1.5rem;
}
.card--header:last-child {
  padding-bottom: 1.5rem;
}
.card--state + .card--header {
  padding-top: 1.5rem;
}
.card--header .card--header-action .link-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: 3rem;
  margin-right: 0.75rem;
  line-height: 1;
}
.card--header-icon svg {
  height: 100%;
}

.card--header-main {
  flex-basis: auto;
  flex-basis: 50%;
  flex-grow: 1;
  flex-shrink: 0;
  overflow: hidden;
}

.card--meta {
  color: #899298;
  font-size: 13px;
}

.card--kebab {
  position: absolute;
  top: 1.5rem;
  right: 1.5rem;
}

.card--title {
  margin: 0 0 0.375rem 0;
  overflow: hidden;
  font-size: 18px;
  font-weight: 600;
  line-height: 1.25;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.card--title:only-child {
  margin-bottom: 0;
}

.card--main {
  padding: 0.75rem 1.5rem 0.75rem;
  color: #5c6971;
}
.card--main:first-child {
  padding-top: 1.875rem;
}
.card--main:last-child {
  padding-bottom: 1.5rem;
}

.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: #dd0744;
}

.is-card-clickable {
  transition: box-shadow 200ms linear;
  border: 0;
  box-shadow: 0 3px 6px rgba(47, 63, 74, 0.2);
  text-decoration: none;
  cursor: pointer;
}
.is-card-clickable:hover {
  box-shadow: 0 6px 24px rgba(47, 63, 74, 0.2);
}
.is-card-clickable:active {
  background: #fafafa;
}

.card--list {
  display: -ms-grid;
  display: grid;
  grid-auto-rows: minmax(0, auto);
  grid-gap: 1.5rem;
  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.75rem 1.5rem 1.5rem;
}
.card--footer .card--ancillary-actions .card-icon {
  border: 0;
  background: inherit;
  box-shadow: inherit;
}

.tiles .tile {
  display: flex;
  position: relative;
  flex-direction: row;
  align-items: center;
  border: 1px solid #e4e5e7;
  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: 34px;
}
.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;
}

.cards {
  display: flex;
  flex-wrap: wrap;
}
.cards .card {
  width: 190px;
  height: 160px;
  margin: 5px;
}
.cards .show-more .card--main {
  margin: 52px 0 0;
  padding: 0;
}
.cards .show-more .add-16-thin {
  display: inline-block;
  line-height: 41px;
}
.cards .show-more .add-16-thin::before {
  font-size: 27px;
}
.cards .show-more .extra-count {
  display: inline-block;
  margin-left: 24px;
  color: #007dc1;
  font-size: 41px;
  line-height: 41px;
}
.cards .show-more .show-more-label {
  color: #007dc1;
  font-size: 14px;
}

.switch--figure {
  display: flex;
  align-items: center;
  width: 100%;
  padding-top: 3px;
  padding-bottom: 3px;
}

.switch--label {
  font-size: 13px;
  font-weight: 400;
  text-align: left;
  vertical-align: middle;
}

.switch {
  display: inline-flex;
  align-items: center;
  height: 1.18rem;
  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: 0.8rem;
  height: 0.8rem;
  border-radius: 50%;
  background: #f8fafb;
}
.switch:disabled {
  opacity: 0.6;
  pointer-events: none;
}
.switch:focus {
  outline: none;
  box-shadow: 0 0 0 0.25rem #e5e5e5;
}

.switch[aria-checked=false] {
  background: #899298;
}
.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: #777777;
}

.switch[aria-checked=true] {
  background: #4cbf9d;
}
.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: #46b090;
}

.switch[aria-checked=false] :first-child,
.switch[aria-checked=true] :last-child {
  background: #fafafa;
}

.switch[aria-checked=false] :last-child,
.switch[aria-checked=true] :first-child {
  color: #fafafa;
}

/* stylelint-disable color-no-hex  */ /* stylelint-disable color-no-hex  */
/* 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 .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: #d0d0d0 solid 2px;
}
.step-progress-bar .step .connector.completed {
  border-color: #4cbf9c;
}
.step-progress-bar .step .bullet {
  display: flex;
  position: relative;
  width: 2rem;
  height: 2rem;
  transition: background-color 500ms;
  border: 2px solid #d0d0d0;
  border-radius: 100%;
  background: #d0d0d0;
  background-color: #ffffff;
}
.step-progress-bar .step .bullet.completed {
  border-color: #4cbf9c;
  background-color: #ffffff;
}
.step-progress-bar .step .bullet.in-progress {
  border-color: #0d7aba;
  background-color: #ffffff;
}
.step-progress-bar .step .bullet.failed {
  border-color: #bb494c;
  background-color: #ffffff;
}
.step-progress-bar .step .bullet.cancelled {
  border-color: #6f6f6f;
  background-color: #ffffff;
}
.step-progress-bar .step .bullet.blocked {
  width: 2.3rem;
  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 {
  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: 1rem;
  height: 1rem;
  min-height: 1rem;
  background: #d0d0d0;
}
.step-progress-bar.mini .bullet.completed {
  border-color: #4cbf9c;
  background: #4cbf9c;
}
.step-progress-bar.mini .bullet.in-progress {
  background: #ffffff;
}
.step-progress-bar.mini .bullet.failed {
  background: #bb494c;
}
.step-progress-bar.mini .bullet.cancelled {
  background: #6f6f6f;
}
.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 .step .name {
  display: none;
}

/*# sourceMappingURL=courage.css.map*/