@charset "UTF-8";
/**
 * Calculate outside margin for two footer buttons.
 * Used when having to absolutely position two elements to be beside each other
 * although they are not siblings
 *
 * e.g the value for x in the following diagram, where | is the containing element
 * |                                       |
 * |---{x}---(button1)   (button2)---{x}---|
 * |                                       |
 */
@import url(https://fonts.googleapis.com/css?family=Heebo:300,400,500,700);
:root {
  /* Breakpoints */
  --breakpoint-mobile: 825px;
  /* Box shadows */
  --box-shadow-view: 0 2px 8px 0 rgba(184, 192, 203, 0.66);
  /* Colours - http://chir.ag/projects/name-that-color/ */
  --box-shadow-color: rgba(184, 192, 203, 0.66);
  --button-background-color: rgba(0, 185, 234, 0.4);
  --button-background-color_hover: rgba(0, 185, 234, 0.6);
  --color-transparent-white: rgba(255, 255, 255, 0.2);
  --color-alto: #dddddd;
  --color-athens-gray: #e9ecef;
  --color-athens-gray-2: #f0f2f4;
  --color-black: #000000;
  --color-black-squeeze: #f4f7fb;
  --color-blue-charcoal: #02182a;
  --color-burnt-sienna: rgba(240, 100, 73, 0.9);
  --color-cerulean: #00baeb;
  --color-cerulean-2: #00b9ea;
  --color-curious-blue: #3298cb;
  --color-daintree: #00263e;
  --color-dusty-gray: #979797;
  --color-emerald: #45c38e;
  --color-loblolly: #b8c0cb;
  --color-mako: #42434d;
  --color-mercury: #e5e5e5;
  --color-midnight: #001f3f;
  --color-mystic: #e0e5ec;
  --color-ocean-green: #3d9970;
  --color-ripe-lemon: #f1d10d;
  --color-science-blue: #0074d9;
  --color-silver-chalice: #acacac;
  --color-storm-gray: #6b6c7a;
  --color-storm-gray-2: #6a6c79;
  --color-tuna: #2e323a;
  --color-white: #ffffff;
  --app-height: 100%;
}

* {
  font-family: "Heebo", sans-serif !important;
}

@media (min-width: 825px) {
  .oops {
    color: #00B9EA;
    font-size: 37px;
    letter-spacing: 0;
    line-height: 55px;
    font-weight: 300;
    font-family: Heebo;
  }

  #oops {
    max-width: 1000px;
    margin-top: 100px;
  }

  .oops-sub-container {
    width: 100%;
    margin: auto;
    margin-top: 25px;
  }

  .oops-text {
    color: #FFFFFF;
    font-size: 15px;
    font-weight: 300;
    letter-spacing: 0;
    line-height: 22px;
  }

  .oops-main {
    margin-top: 100px;
  }

  .oops-icons {
    margin-top: 25px;
    display: flex;
    justify-content: flex-start;
    margin-left: -16px;
  }

  .hidden {
    display: none !important;
  }

  .media-logo {
    margin: 40px;
  }

  .icon-text {
    font-family: Heebo;
    font-size: 17px;
    letter-spacing: 0;
    line-height: 25px;
    text-align: center;
    color: white;
    margin-top: 15px;
  }

  .icon-container {
    margin: 0 20px;
    display: flex;
    flex-direction: column;
  }

  .icon {
    width: 84px;
  }

  .copy-link-button {
    height: 41px;
    width: 131px;
    border: 1px solid #3A5FAB;
    border-radius: 4px;
    background-color: transparent;
    color: #FFFFFF;
    font-size: 17px;
    letter-spacing: 0;
    line-height: 25px;
    text-align: center;
    cursor: pointer;
  }

  .copy-link-button:hover {
    background: #3A5FAB !important;
  }

  .copy-link-text {
    font-family: Heebo;
    font-size: 13px;
    letter-spacing: 0;
    line-height: 19px;
    text-align: center;
    position: relative;
    top: 6px;
  }

  .copy-link-container {
    display: flex;
    justify-content: flex-start;
    margin-top: 45px;
    margin-bottom: 100px;
  }

  .oops-container {
    min-height: 675px !important;
  }
  .oops-container form {
    padding: 30px;
    margin: 0 150px 0 0;
    float: right;
  }

  .login-line {
    border-bottom: 1px solid rgba(255, 255, 255, 0.46);
    border-radius: 0.25px;
    width: 100%;
  }

  .login-header {
    font-size: 44px;
    letter-spacing: -0.04em;
    line-height: 72px;
    color: white;
    font-weight: 300;
    margin-bottom: 0 !important;
  }

  .login-sub-header {
    font-family: Heebo;
    font-size: 64px;
    font-weight: 700;
    letter-spacing: -0.04em;
    line-height: 72px;
    text-transform: capitalize;
    text-align: left;
    background-image: linear-gradient(
        to right,
        #f59fa8,
        #966fe8,
        #62c6ff,
        #76cbc8
    );
    background-clip: text;
    color: transparent;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
  }

  .mediacloud-header-logo {
    height: 49px;
    width: 235.03px;;
  }

  .okta-login-line {
    margin: 0 42px;
    width: 462px !important;
  }

  .new-login-form {
    display: block !important;
  }

  .arrow {
    border: solid rgba(255, 255, 255, 0.76);
    border-width: 0 2px 2px 0;
    display: inline-block;
    padding: 4px;
    right: 20px;
    position: absolute;
  }

  .right {
    transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
  }

  #okta-sign-in .o-form-error-container {
    width: 100%;
    display: flex;
  }
  #okta-sign-in .o-form-error-container .okta-form-infobox-error,
#okta-sign-in .o-form-error-container .okta-form-infobox-warning,
#okta-sign-in .o-form-error-container [data-se=o-form-error-html] {
    display: grid !important;
    grid-template-columns: auto 1fr;
    grid-column-gap: 11px;
    background-color: transparent;
    border: none;
    padding: 0 !important;
    margin-bottom: 0 !important;
  }
  #okta-sign-in .o-form-error-container .okta-form-infobox-error::before,
#okta-sign-in .o-form-error-container .okta-form-infobox-warning::before,
#okta-sign-in .o-form-error-container [data-se=o-form-error-html]::before {
    background-color: transparent;
  }
  #okta-sign-in .o-form-error-container .okta-form-infobox-error p,
#okta-sign-in .o-form-error-container .okta-form-infobox-warning p,
#okta-sign-in .o-form-error-container [data-se=o-form-error-html] p {
    align-self: center;
  }
  #okta-sign-in .o-form-error-container .okta-form-infobox-error .icon,
#okta-sign-in .o-form-error-container .okta-form-infobox-warning .icon,
#okta-sign-in .o-form-error-container [data-se=o-form-error-html] .icon {
    display: none;
    position: static;
  }
  #okta-sign-in .o-form-error-container .okta-form-infobox-error .icon::before,
#okta-sign-in .o-form-error-container .okta-form-infobox-warning .icon::before,
#okta-sign-in .o-form-error-container [data-se=o-form-error-html] .icon::before {
    position: static;
    color: var(--color-burnt-sienna);
    font-size: 16px;
  }
  #okta-sign-in .o-form-error-container .okta-form-infobox-error p,
#okta-sign-in .o-form-error-container .okta-form-infobox-error span::before {
    color: var(--color-burnt-sienna);
    position: static;
    font-size: 12px;
    margin-top: -13px;
  }
  #okta-sign-in .o-form-error-container [data-se=o-form-error-html] h4 {
    position: static;
    color: var(--color-burnt-sienna);
    font-size: 12px;
  }
  #okta-sign-in .o-form-error-container .okta-form-infobox-warning p,
#okta-sign-in .o-form-error-container .okta-form-infobox-warning span::before {
    color: var(--color-burnt-sienna);
    z-index: 1000;
    margin-bottom: -14px;
    font-size: 12px;
  }
  #okta-sign-in .o-form .okta-form-input-error {
    position: absolute;
    bottom: -28px;
    color: var(--color-burnt-sienna);
    padding-left: 0px;
    font-size: 12px;
    font-weight: 400;
    letter-spacing: 0;
    font-family: Heebo;
  }
  #okta-sign-in .o-form .okta-form-input-error .icon {
    top: auto;
    left: 0;
    height: 11px;
    width: 11px;
    display: none;
  }
  #okta-sign-in .o-form .okta-form-input-error .icon::before {
    color: var(--color-burnt-sienna);
  }
  #okta-sign-in a[data-se=needhelp] {
    display: none;
  }
  #okta-sign-in ul.help-links.js-help-links {
    display: grid !important;
    grid-auto-columns: auto;
    grid-auto-flow: column;
  }
  #okta-sign-in ul.help-links.js-help-links > li {
    padding: 0 10px;
    line-height: 12px;
    border-right: 1px solid rgba(255, 255, 255, 0.8);
    margin: 0;
    white-space: nowrap;
  }
  #okta-sign-in ul.help-links.js-help-links > li:last-child,
#okta-sign-in ul.help-links.js-help-links > li [data-se=help-link] {
    display: none;
  }
  #okta-sign-in ul.help-links.js-help-links > li:nth-last-child(2) {
    border-right: none;
  }
  #okta-sign-in ul.help-links.js-help-links > li a {
    font-size: 13px;
    color: white;
    cursor: pointer;
    font-weight: 400;
  }
  #okta-sign-in ul.help-links.js-help-links > li a:hover {
    text-decoration: none;
  }
  #okta-sign-in .forgot-password .o-form-error-container {
    top: 0px;
    position: unset !important;
    margin-top: 0px;
    display: unset;
  }
  #okta-sign-in .forgot-password .o-form-error-container .infobox-error {
    margin-bottom: -13px !important;
  }
  #okta-sign-in .forgot-password .o-form .okta-form-input-error {
    position: absolute;
    bottom: 102px;
  }
  #okta-sign-in .mfa-verify form[data-se=factor-call] .o-form-button-bar {
    display: flex;
    justify-content: center;
  }
  #okta-sign-in .mfa-verify form[data-se=factor-call] .o-form-button-bar input[type=submit] {
    display: inline-flex;
    justify-content: center;
    align-items: center;
    background: unset !important;
    background-color: rgba(58, 95, 171, 0.32) !important;
    color: var(--color-white) !important;
    background-clip: padding-box !important;
    font-size: 13px;
    font-weight: 500;
    line-height: 19px;
    text-align: center;
    border: 1px solid #3A5FAB;
    border-radius: 4px;
    height: 40px;
    width: 100%;
    padding: 0;
    margin: 0;
    cursor: pointer;
    height: 50px;
  }
  #okta-sign-in .mfa-verify form[data-se=factor-call] .o-form-button-bar input[type=submit]:hover {
    background: #3A5FAB !important;
  }
  #okta-sign-in .mfa-verify form[data-se=factor-call] .o-form-button-bar input[type=submit]:disabled {
    background: var(--button-background-color) !important;
    border: 1px solid var(--button-background-color) !important;
    opacity: 0.8;
  }
  #okta-sign-in form[data-se=factor-push] .o-form-error-container .okta-form-infobox-error.infobox.infobox-error {
    bottom: -20px;
  }
  #okta-sign-in form[data-se=factor-push] .o-form-button-bar {
    display: flex;
    justify-content: center;
  }
  #okta-sign-in form[data-se=factor-push] .o-form-button-bar input[type=submit] {
    display: inline-flex;
    justify-content: center;
    align-items: center;
    background: unset !important;
    background-color: rgba(58, 95, 171, 0.32) !important;
    color: var(--color-white) !important;
    background-clip: padding-box !important;
    font-size: 13px;
    font-weight: 500;
    line-height: 19px;
    text-align: center;
    border: 1px solid #3A5FAB;
    border-radius: 4px;
    height: 40px;
    width: 100%;
    padding: 0;
    margin: 0;
    cursor: pointer;
    background-color: #3A5FAB !important;
    height: 50px;
  }
  #okta-sign-in form[data-se=factor-push] .o-form-button-bar input[type=submit]:hover {
    background: #3A5FAB !important;
  }
  #okta-sign-in form[data-se=factor-push] .o-form-button-bar input[type=submit]:disabled {
    background-color: rgba(58, 95, 171, 0.32) !important;
    border: unset !important;
    border-radius: 4px !important;
  }
  #okta-sign-in .mfa-verify form[data-se=factor-sms] .o-form-button-bar {
    display: flex;
    justify-content: center;
  }
  #okta-sign-in .mfa-verify form[data-se=factor-sms] .o-form-button-bar input[type=submit] {
    display: inline-flex;
    justify-content: center;
    align-items: center;
    background: unset !important;
    background-color: rgba(58, 95, 171, 0.32) !important;
    color: var(--color-white) !important;
    background-clip: padding-box !important;
    font-size: 13px;
    font-weight: 500;
    line-height: 19px;
    text-align: center;
    border: 1px solid #3A5FAB;
    border-radius: 4px;
    height: 40px;
    width: 100%;
    padding: 0;
    margin: 0;
    cursor: pointer;
    height: 50px;
  }
  #okta-sign-in .mfa-verify form[data-se=factor-sms] .o-form-button-bar input[type=submit]:hover {
    background: #3A5FAB !important;
  }
  #okta-sign-in .mfa-verify form[data-se=factor-sms] .o-form-button-bar input[type=submit]:disabled {
    background: var(--button-background-color) !important;
    border: 1px solid var(--button-background-color) !important;
    opacity: 0.8;
  }
  #okta-sign-in .mfa-verify .auth-footer {
    position: absolute;
    bottom: 70px;
    width: 100%;
  }
  #okta-sign-in .mfa-verify .auth-footer .link {
    color: #3A5FAB !important;
    font-size: 13px;
  }
  #okta-sign-in .enroll-u2f .o-form-error-container {
    top: 25px;
  }
  #okta-sign-in .enroll-u2f [data-se=o-form-fieldset-container]:empty {
    height: 20px;
  }
  #okta-sign-in .enroll-u2f [data-se=o-form-fieldset-container] [data-se=u2f-devices] {
    display: inline-grid;
    grid-template-columns: auto auto;
    grid-column-gap: 15px;
    justify-content: center;
    width: 100%;
  }
  #okta-sign-in .enroll-u2f [data-se=o-form-fieldset-container] [data-se=u2f-devices] .u2f-usb,
#okta-sign-in .enroll-u2f [data-se=o-form-fieldset-container] [data-se=u2f-devices] .u2f-bluetooth {
    margin: 0;
  }
  #okta-sign-in.no-beacon .okta-sign-in-header {
    padding: 0;
  }
  #okta-sign-in .primary-auth .o-form-error-container {
    margin-bottom: -16px;
    min-height: 16px;
    justify-content: flex-start;
  }
  #okta-sign-in .primary-auth .o-form-error-container .icon {
    display: none;
  }
  #okta-sign-in .primary-auth .o-form [data-se=o-form-input-container] {
    position: relative;
  }
  #okta-sign-in .primary-auth #okta-signin-submit {
    display: block;
    min-width: 176px;
    font-size: 14px;
    line-height: 50px;
    margin: auto;
    height: 50px;
    border: 1px solid #3A5FAB;
    border-radius: 4px;
    background: unset;
    background-color: #3A6CB4;
    color: rgba(255, 255, 255, 0.86);
  }
  #okta-sign-in .primary-auth .auth-footer {
    margin-top: 14px;
  }
  #okta-sign-in .password-reset .o-form-error-container {
    top: 25px;
  }
  #okta-sign-in .password-reset .o-form [data-se=o-form-input-container] {
    position: relative;
  }
  #okta-sign-in .recovery-challenge .o-form-error-container {
    top: 45px;
  }
  #okta-sign-in .recovery-challenge .o-form-button-bar {
    margin-top: 30px;
    padding-bottom: 15px;
  }
  #okta-sign-in .recovery-challenge a.link.send-email-link {
    height: 22px;
    padding-bottom: 0;
    margin-top: 30px;
  }
  #okta-sign-in .recovery-challenge .auth-footer a.link[data-se=signout-link] {
    position: absolute;
    bottom: calc(22px + 30px + 15px);
    left: 46px;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 50px;
    background-color: transparent;
    border: 1.2px solid var(--color-cerulean-2);
    color: var(--color-white);
    border-radius: 4px;
    font-weight: 500 !important;
    border-radius: 25px;
    text-transform: uppercase;
    font-size: 15px;
    width: 176px;
  }
  #okta-sign-in .recovery-challenge .auth-footer a.link[data-se=signout-link]:hover {
    text-decoration: none;
    color: var(--color-white);
    cursor: pointer;
  }
  #okta-sign-in .account-unlock .o-form-error-container {
    top: 0px;
    position: unset !important;
    margin-top: 0px;
    display: unset;
  }
  #okta-sign-in .account-unlock .o-form-error-container .infobox-error {
    margin-bottom: -13px !important;
  }
  #okta-sign-in .account-unlock .o-form .okta-form-input-error {
    position: absolute;
    bottom: 90px;
  }
  #okta-sign-in .recovery-question .o-form-error-container {
    top: 30px;
  }
  #okta-sign-in .recovery-question .o-form .okta-form-input-error {
    position: static;
  }

  #modal--terms-and-conditions {
    border-radius: 0;
    overflow-y: hidden;
    width: 100%;
    height: 100%;
    margin: 0 auto !important;
  }
  #modal--terms-and-conditions .header {
    position: static;
    display: flex;
    flex-direction: row;
    width: 100%;
    height: 83px;
    justify-content: space-between;
    align-items: center;
    padding: 0 33px 0 20px;
    animation: unset;
    background-color: #000;
    border-radius: 0;
  }
  #modal--terms-and-conditions .header > div:first-child {
    width: 174px;
    height: 36.27px;
  }
  #modal--terms-and-conditions .header > div:first-child img {
    height: 100%;
    max-width: 100%;
    object-fit: contain;
  }
  #modal--terms-and-conditions .header__text {
    font-size: 1.5rem;
    font-weight: 700;
    line-height: 1.5rem;
    color: var(--color-black);
    padding: 0;
    margin: 0;
  }
  #modal--terms-and-conditions .header__text.mobile {
    display: none;
  }
  #modal--terms-and-conditions .header__icon {
    color: #ffffff;
    height: 16px;
    width: 16px;
    cursor: pointer;
  }
  #modal--terms-and-conditions .header__icon svg {
    height: 100%;
    width: 100%;
  }
  #modal--terms-and-conditions .content {
    padding: 0;
    height: calc(100% - 150px);
  }
  #modal--terms-and-conditions .description {
    font-family: inherit;
    padding: 27px 30px;
    height: 100%;
    overflow-y: scroll;
  }
  #modal--terms-and-conditions .description .modal__text_wrapper:not(:last-child) {
    padding-bottom: 3.2rem;
  }
  #modal--terms-and-conditions .description .modal__title {
    font-size: 1.5rem;
    line-height: 1.5rem;
    font-weight: 700;
    color: var(--color-black);
  }
  #modal--terms-and-conditions .description .modal__content {
    font-size: 1.1rem;
    line-height: 1.7rem;
    color: var(--color-black);
    font-weight: 400;
  }
  #modal--terms-and-conditions .description .modal__special-text {
    font-size: 1.2rem;
  }
  #modal--terms-and-conditions .description .list {
    list-style: none;
    color: var(--color-black);
  }
  #modal--terms-and-conditions .description .list__item {
    font-size: 14px;
  }
  #modal--terms-and-conditions .description .list__item:not(:last-child) {
    padding-bottom: 1.6rem;
  }
  #modal--terms-and-conditions .description .list__title {
    padding: unset;
    margin: 0 0 15px 0;
  }
  #modal--terms-and-conditions .description .list__content, #modal--terms-and-conditions .description .list__title {
    font-size: 1.1rem;
    line-height: 1.7rem;
    color: var(--color-black);
    font-weight: 400;
  }
  #modal--terms-and-conditions .description .list .scroll-link {
    cursor: pointer !important;
    color: var(--color-curious-blue);
  }
  #modal--terms-and-conditions .footer {
    position: fixed;
    bottom: 0;
    width: 100%;
    height: 78px;
    background-color: #FFFFFF;
    color: black;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: space-between;
    align-items: center;
    padding: 0 30px;
    box-shadow: rgba(0, 0, 0, 0.13) 0 0 8px 0;
  }
  #modal--terms-and-conditions .footer .modal--terms-and-conditions-footer-left {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-items: center;
  }
  #modal--terms-and-conditions .footer .modal--terms-and-conditions-footer-left span > svg {
    width: 24px;
    height: 23px;
  }
  #modal--terms-and-conditions .footer .modal--terms-and-conditions-footer-left .modal--terms-and-conditions-footer-left-text {
    padding-top: 2px;
    padding-left: 11px;
    color: #000000;
    font-weight: 500;
    font-size: 17px;
    letter-spacing: 0;
    line-height: 25px;
  }
  #modal--terms-and-conditions .footer .modal--terms-and-conditions-footer-actions button {
    display: flex;
    justify-content: center;
    align-items: center;
    color: #ffffff;
    background-color: #000000;
    font-size: 14px;
    font-weight: normal;
    line-height: 21px;
    border-radius: 7px;
    height: 48px;
    border: none;
    cursor: pointer;
    width: 86px;
  }
  #modal--terms-and-conditions .single-tab {
    margin-left: 30px;
  }
  #modal--terms-and-conditions .double-tab {
    margin-left: 60px;
  }

  .request-access .form {
    color: white;
    width: 100%;
  }
  .request-access .form button {
    position: relative;
    color: var(--color-white) !important;
    border: none;
    height: 47px;
    font-size: 13px;
    justify-content: flex-start;
    cursor: pointer;
    width: 155px;
    padding-left: 15px;
    background-color: transparent;
    transition: box-shadow 0.3s ease, transform 0.3s ease;
    border-radius: 50px;
  }
  .primary-button-wrapper {
    display: inline-block;
    padding: 1.5px;
    border-radius: 50px;
    background: linear-gradient(90deg, 
    #F59FA8 0%, 
    #CD8BC3 17%, 
    #966FE8 33%, 
    #7C9BF4 50%, 
    #62C6FF 67%, 
    #6CC9E2 83%, 
    #76CBC8 100%);
  }

  .primary-button-wrapper:hover {
    background: white;
  }

  .primary {
    display: inline-block;
    padding: 12px 24px;
    font-size: 16px;
    color: white;
    text-align: center;
    background-color: black !important;
    border: 3px solid transparent;
    border-radius: 50px;
    cursor: pointer;
  }
  .secondary {
    background: linear-gradient(
        to right, 
        rgba(19, 19, 19, 0.7), 
        rgba(19, 19, 19, 0.5) 50%, 
        #262626
    );
  }
  .secondary:hover {
    background: linear-gradient(
        to right, 
        rgba(10, 10, 10, 0.9),
        rgba(10, 10, 10, 0.5) 60%,
        #1f1f1f
    );
  }
  .request-access .form button:hover {
    background-color: black;
  }
  .request-access .form button:hover > #sso-loader-fox {
    color: white !important;
  }
  .request-access .form button:hover > #sso-loader-affiliate {
    color: white !important;
  }
  .request-access .form button[type=submit] {
    display: inline-flex;
    justify-content: center;
    align-items: center;
    background: unset !important;
    background-color: rgba(58, 95, 171, 0.32) !important;
    color: var(--color-white) !important;
    background-clip: padding-box !important;
    font-size: 13px;
    font-weight: 500;
    line-height: 19px;
    text-align: center;
    border: 1px solid #3A5FAB;
    border-radius: 4px;
    height: 40px;
    width: 100%;
    padding: 0;
    margin: 0;
    cursor: pointer;
  }
  .request-access .form button[type=submit]:hover {
    background: #3A5FAB !important;
  }
  .request-access .g-recaptcha {
    width: 100%;
    display: grid;
    align-items: center;
  }
  .request-access .helper-text-container {
    align-self: flex-end;
    margin: 0;
  }

  .request-access-success {
    display: none;
    flex-flow: column;
    justify-content: center;
    align-items: center;
    height: calc(100vh - 211px);
    width: 100%;
  }
  .request-access-success--active {
    display: flex;
  }
  .request-access-success__title {
    display: none;
  }
  .request-access-success__icon {
    height: 45px;
    width: 86px;
    margin-bottom: 14px;
  }
  .request-access-success__subtitle {
    color: var(--color-white);
    font-size: 30px;
    font-weight: normal;
    line-height: 44px;
    margin: 0 0 23px 0;
  }
  .request-access-success__subtitle::after {
    content: url(/assets/images/email_sent.svg);
    margin-left: 10px;
  }
  .request-access-success__text {
    color: var(--color-white);
    font-size: 16px;
    font-weight: 500;
    line-height: 23px;
    text-align: center;
    margin: 0 0 40px 0;
  }
  .request-access-success__button {
    display: inline-flex;
    justify-content: center;
    align-items: center;
    background: unset !important;
    background-color: rgba(58, 95, 171, 0.32) !important;
    color: var(--color-white) !important;
    background-clip: padding-box !important;
    font-size: 13px;
    font-weight: 500;
    line-height: 19px;
    text-align: center;
    border: 1px solid #3A5FAB;
    border-radius: 4px;
    height: 40px;
    width: 100%;
    padding: 0;
    margin: 0;
    cursor: pointer;
    background-color: rgba(0, 185, 234, 0.42);
    font-size: 15px;
    line-height: 22px;
    height: 50px;
  }
  .request-access-success__button:hover {
    background: #3A5FAB !important;
  }
  .request-access-success .helper-text-container {
    position: absolute;
    bottom: 0;
  }

  .request-access-error {
    display: none;
    justify-content: center;
    align-items: center;
    align-content: center;
    grid-template-columns: auto 255px;
    grid-row-gap: 54px;
    height: calc(100vh - 211px);
  }
  .request-access-error--active {
    display: grid;
  }
  .request-access-error__message__title {
    color: var(--color-cerulean-2);
    font-size: 50px;
    font-weight: 500;
    line-height: 73px;
    margin: 0;
  }
  .request-access-error__message__subtitle {
    color: var(--color-white);
    font-size: 35px;
    font-weight: normal;
    line-height: 52px;
    margin: 0;
  }
  .request-access-error__message__text {
    color: var(--color-white);
    font-size: 22px;
    line-height: 32px;
    margin: 0;
  }
  .request-access-error__info__help-text {
    color: var(--color-white);
    font-size: 16px;
    font-weight: 500;
    line-height: 24px;
    margin: 0 0 7px 0;
  }
  .request-access-error__info__link {
    color: var(--color-cerulean);
    font-size: 16px;
    font-weight: 500;
    line-height: 24px;
  }
  .request-access-error__info__link:first-of-type::after {
    content: "|";
    color: var(--color-white);
    opacity: 0.98;
    margin: 0 4px 0 6px;
  }
  .request-access-error__icon {
    grid-column: 2;
    grid-row: 1/span 2;
    height: 310px;
    width: 255px;
  }

  :root {
    --background-color: #0C1939;
  }

  .o-form-error-container {
    top: 15px;
  }

  #okta-sign-in form.primary-auth-form .okta-form-title.o-form-head {
    font-size: 25px;
    letter-spacing: 0;
    line-height: 42px;
    color: white;
    font-weight: 300 !important;
    margin-bottom: 0 !important;
    text-align: left;
  }

  /**
      select style overwrite
  */
  .chzn-container.chzn-container-single.chzn-with-drop a.chzn-single,
#okta-sign-in .o-form-select .chzn-container.chzn-container-single a.chzn-single {
    height: 50px;
    border: 1px solid #3A5FAB;
    border-radius: 4px;
    background-color: black;
    padding-left: 18px;
    box-shadow: none;
    display: flex;
    align-items: center;
  }
  .chzn-container.chzn-container-single.chzn-with-drop a.chzn-single > span,
#okta-sign-in .o-form-select .chzn-container.chzn-container-single a.chzn-single > span {
    text-shadow: none;
    color: white;
    font-size: 13px;
    letter-spacing: 0;
    line-height: 19px;
  }
  .chzn-container.chzn-container-single.chzn-with-drop a.chzn-single > div,
#okta-sign-in .o-form-select .chzn-container.chzn-container-single a.chzn-single > div {
    top: 8px;
  }
  .chzn-container.chzn-container-single.chzn-with-drop div.chzn-drop,
#okta-sign-in .o-form-select .chzn-container.chzn-container-single div.chzn-drop {
    border: 1px solid #3A5FAB;
    border-radius: 4px;
    background-color: #000000;
  }
  .chzn-container.chzn-container-single.chzn-with-drop div.chzn-drop .chzn-search input,
#okta-sign-in .o-form-select .chzn-container.chzn-container-single div.chzn-drop .chzn-search input {
    display: none;
  }
  .chzn-container.chzn-container-single.chzn-with-drop div.chzn-drop ul.chzn-results,
#okta-sign-in .o-form-select .chzn-container.chzn-container-single div.chzn-drop ul.chzn-results {
    margin: 0 !important;
  }
  .chzn-container.chzn-container-single.chzn-with-drop div.chzn-drop ul.chzn-results li,
#okta-sign-in .o-form-select .chzn-container.chzn-container-single div.chzn-drop ul.chzn-results li {
    color: white;
    background-color: black;
    border: unset;
    height: 47px;
    padding: 18px;
  }
  .chzn-container.chzn-container-single.chzn-with-drop div.chzn-drop ul.chzn-results li:hover,
#okta-sign-in .o-form-select .chzn-container.chzn-container-single div.chzn-drop ul.chzn-results li:hover {
    background-color: #3A5FAB;
  }

  /**
      okta verify setup
  */
  #okta-sign-in .enroll-u2f h2.o-form-head {
    margin-top: 5px;
  }
  #okta-sign-in .enroll-u2f .u2f-instructions {
    font-size: 15px;
    margin-top: 27px;
    width: 492px;
  }

  #okta-sign-in .enroll-sms form.enroll-sms .o-form-button-bar {
    margin-top: 0px;
  }
  #okta-sign-in .enroll-sms form.enroll-sms .o-form-divider {
    margin-bottom: 12px;
  }

  #okta-sign-in .enroll-yubikey .okta-form-subtitle .o-form-explain {
    margin: 6px 0 10px 0;
    text-align: left;
  }
  #okta-sign-in .enroll-yubikey .yubikey-demo {
    min-height: 63px !important;
  }
  #okta-sign-in .enroll-yubikey .o-form-error-container {
    margin: 15px 0px;
    text-align: center;
  }

  #okta-sign-in .enroll-totp .o-form-button-bar,
#okta-sign-in .enroll-yubikey .o-form-button-bar,
#okta-sign-in .enroll-u2f .o-form-button-bar,
#okta-sign-in .enroll-call .o-form-button-bar,
#okta-sign-in .barcode-push .o-form-button-bar,
#okta-sign-in .enroll-sms .o-form-button-bar {
    margin-top: 0px !important;
    margin-bottom: 17px;
  }
  #okta-sign-in .enroll-totp .o-form-button-bar .button.button-primary,
#okta-sign-in .enroll-yubikey .o-form-button-bar .button.button-primary,
#okta-sign-in .enroll-u2f .o-form-button-bar .button.button-primary,
#okta-sign-in .enroll-call .o-form-button-bar .button.button-primary,
#okta-sign-in .barcode-push .o-form-button-bar .button.button-primary,
#okta-sign-in .enroll-sms .o-form-button-bar .button.button-primary {
    padding-left: 29px;
    padding-right: 28px;
    background-color: #3A5FAB !important;
  }
  #okta-sign-in .enroll-totp .auth-footer,
#okta-sign-in .enroll-yubikey .auth-footer,
#okta-sign-in .enroll-u2f .auth-footer,
#okta-sign-in .enroll-call .auth-footer,
#okta-sign-in .barcode-push .auth-footer,
#okta-sign-in .enroll-sms .auth-footer {
    font-weight: 400;
    font-size: 15px;
    line-height: 18px;
    text-align: center;
  }
  #okta-sign-in .enroll-totp .o-form-button-bar,
#okta-sign-in .enroll-yubikey .o-form-button-bar,
#okta-sign-in .enroll-u2f .o-form-button-bar,
#okta-sign-in .enroll-call .o-form-button-bar,
#okta-sign-in .barcode-push .o-form-button-bar,
#okta-sign-in .enroll-sms .o-form-button-bar {
    margin-top: -15px;
  }

  #okta-sign-in .enroll-totp form.barcode-scan .scan-instructions-details > p,
#okta-sign-in .enroll-yubikey form.barcode-scan .scan-instructions-details > p,
#okta-sign-in .barcode-push form.barcode-scan .scan-instructions-details > p,
#okta-sign-in .enroll-u2f form.barcode-scan .scan-instructions-details > p {
    font-size: 12px;
    position: absolute;
    bottom: 32px;
    left: 86px;
    text-align: center;
    width: 230px;
    font-weight: 500;
    line-height: 18px;
  }
  #okta-sign-in .enroll-totp form.barcode-scan .scan-instructions-qrcode-wrapper > a,
#okta-sign-in .enroll-yubikey form.barcode-scan .scan-instructions-qrcode-wrapper > a,
#okta-sign-in .barcode-push form.barcode-scan .scan-instructions-qrcode-wrapper > a,
#okta-sign-in .enroll-u2f form.barcode-scan .scan-instructions-qrcode-wrapper > a {
    color: rgba(255, 255, 255, 0.72);
    width: 100%;
    margin-right: unset;
    float: unset;
    text-align: center;
  }
  #okta-sign-in .enroll-totp form.barcode-scan .scan-instructions,
#okta-sign-in .enroll-yubikey form.barcode-scan .scan-instructions,
#okta-sign-in .barcode-push form.barcode-scan .scan-instructions,
#okta-sign-in .enroll-u2f form.barcode-scan .scan-instructions {
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    justify-content: space-evenly;
    align-items: center;
    align-content: flex-end;
    margin-bottom: 37px;
  }
  #okta-sign-in .enroll-totp form.barcode-scan .manual-setup,
#okta-sign-in .enroll-yubikey form.barcode-scan .manual-setup,
#okta-sign-in .barcode-push form.barcode-scan .manual-setup,
#okta-sign-in .enroll-u2f form.barcode-scan .manual-setup {
    color: #FFFFFF;
    font-size: 12px;
    font-weight: 500;
    letter-spacing: 0;
    line-height: 18px;
    text-align: center;
    position: relative;
    bottom: -5px;
  }
  #okta-sign-in .enroll-totp form.enroll-u2f .okta-form-subtitle,
#okta-sign-in .enroll-totp form.barcode-scan .okta-form-subtitle,
#okta-sign-in .enroll-totp form.enroll-yubikey .okta-form-subtitle,
#okta-sign-in .enroll-totp form[data-se=step-device-type] .okta-form-subtitle,
#okta-sign-in .enroll-yubikey form.enroll-u2f .okta-form-subtitle,
#okta-sign-in .enroll-yubikey form.barcode-scan .okta-form-subtitle,
#okta-sign-in .enroll-yubikey form.enroll-yubikey .okta-form-subtitle,
#okta-sign-in .enroll-yubikey form[data-se=step-device-type] .okta-form-subtitle,
#okta-sign-in .barcode-push form.enroll-u2f .okta-form-subtitle,
#okta-sign-in .barcode-push form.barcode-scan .okta-form-subtitle,
#okta-sign-in .barcode-push form.enroll-yubikey .okta-form-subtitle,
#okta-sign-in .barcode-push form[data-se=step-device-type] .okta-form-subtitle,
#okta-sign-in .enroll-u2f form.enroll-u2f .okta-form-subtitle,
#okta-sign-in .enroll-u2f form.barcode-scan .okta-form-subtitle,
#okta-sign-in .enroll-u2f form.enroll-yubikey .okta-form-subtitle,
#okta-sign-in .enroll-u2f form[data-se=step-device-type] .okta-form-subtitle {
    color: rgba(255, 255, 255, 0.72);
    font-family: Heebo;
    font-size: 12px;
    letter-spacing: 0;
    line-height: 18px;
    text-align: center;
    margin: 6px;
  }
  #okta-sign-in .enroll-totp form.enroll-u2f .app-download-instructions,
#okta-sign-in .enroll-totp form.barcode-scan .app-download-instructions,
#okta-sign-in .enroll-totp form.enroll-yubikey .app-download-instructions,
#okta-sign-in .enroll-totp form[data-se=step-device-type] .app-download-instructions,
#okta-sign-in .enroll-yubikey form.enroll-u2f .app-download-instructions,
#okta-sign-in .enroll-yubikey form.barcode-scan .app-download-instructions,
#okta-sign-in .enroll-yubikey form.enroll-yubikey .app-download-instructions,
#okta-sign-in .enroll-yubikey form[data-se=step-device-type] .app-download-instructions,
#okta-sign-in .barcode-push form.enroll-u2f .app-download-instructions,
#okta-sign-in .barcode-push form.barcode-scan .app-download-instructions,
#okta-sign-in .barcode-push form.enroll-yubikey .app-download-instructions,
#okta-sign-in .barcode-push form[data-se=step-device-type] .app-download-instructions,
#okta-sign-in .enroll-u2f form.enroll-u2f .app-download-instructions,
#okta-sign-in .enroll-u2f form.barcode-scan .app-download-instructions,
#okta-sign-in .enroll-u2f form.enroll-yubikey .app-download-instructions,
#okta-sign-in .enroll-u2f form[data-se=step-device-type] .app-download-instructions {
    margin-left: -30px;
    width: calc(100% + 60px);
    text-align: center;
    position: absolute;
    top: 0px;
    background: black;
  }
  #okta-sign-in .enroll-totp form.enroll-u2f .app-download-instructions .instructions-title,
#okta-sign-in .enroll-totp form.barcode-scan .app-download-instructions .instructions-title,
#okta-sign-in .enroll-totp form.enroll-yubikey .app-download-instructions .instructions-title,
#okta-sign-in .enroll-totp form[data-se=step-device-type] .app-download-instructions .instructions-title,
#okta-sign-in .enroll-yubikey form.enroll-u2f .app-download-instructions .instructions-title,
#okta-sign-in .enroll-yubikey form.barcode-scan .app-download-instructions .instructions-title,
#okta-sign-in .enroll-yubikey form.enroll-yubikey .app-download-instructions .instructions-title,
#okta-sign-in .enroll-yubikey form[data-se=step-device-type] .app-download-instructions .instructions-title,
#okta-sign-in .barcode-push form.enroll-u2f .app-download-instructions .instructions-title,
#okta-sign-in .barcode-push form.barcode-scan .app-download-instructions .instructions-title,
#okta-sign-in .barcode-push form.enroll-yubikey .app-download-instructions .instructions-title,
#okta-sign-in .barcode-push form[data-se=step-device-type] .app-download-instructions .instructions-title,
#okta-sign-in .enroll-u2f form.enroll-u2f .app-download-instructions .instructions-title,
#okta-sign-in .enroll-u2f form.barcode-scan .app-download-instructions .instructions-title,
#okta-sign-in .enroll-u2f form.enroll-yubikey .app-download-instructions .instructions-title,
#okta-sign-in .enroll-u2f form[data-se=step-device-type] .app-download-instructions .instructions-title {
    font-size: 13px;
    font-weight: 500;
    letter-spacing: 0;
    line-height: 19px;
    text-align: center;
    color: white;
    margin: 5px 0 0 0;
  }
  #okta-sign-in .enroll-totp form.enroll-u2f .app-download-instructions span.app-logo,
#okta-sign-in .enroll-totp form.barcode-scan .app-download-instructions span.app-logo,
#okta-sign-in .enroll-totp form.enroll-yubikey .app-download-instructions span.app-logo,
#okta-sign-in .enroll-totp form[data-se=step-device-type] .app-download-instructions span.app-logo,
#okta-sign-in .enroll-yubikey form.enroll-u2f .app-download-instructions span.app-logo,
#okta-sign-in .enroll-yubikey form.barcode-scan .app-download-instructions span.app-logo,
#okta-sign-in .enroll-yubikey form.enroll-yubikey .app-download-instructions span.app-logo,
#okta-sign-in .enroll-yubikey form[data-se=step-device-type] .app-download-instructions span.app-logo,
#okta-sign-in .barcode-push form.enroll-u2f .app-download-instructions span.app-logo,
#okta-sign-in .barcode-push form.barcode-scan .app-download-instructions span.app-logo,
#okta-sign-in .barcode-push form.enroll-yubikey .app-download-instructions span.app-logo,
#okta-sign-in .barcode-push form[data-se=step-device-type] .app-download-instructions span.app-logo,
#okta-sign-in .enroll-u2f form.enroll-u2f .app-download-instructions span.app-logo,
#okta-sign-in .enroll-u2f form.barcode-scan .app-download-instructions span.app-logo,
#okta-sign-in .enroll-u2f form.enroll-yubikey .app-download-instructions span.app-logo,
#okta-sign-in .enroll-u2f form[data-se=step-device-type] .app-download-instructions span.app-logo {
    display: none;
  }
  #okta-sign-in .enroll-totp form.enroll-u2f .app-download-instructions p.instructions,
#okta-sign-in .enroll-totp form.barcode-scan .app-download-instructions p.instructions,
#okta-sign-in .enroll-totp form.enroll-yubikey .app-download-instructions p.instructions,
#okta-sign-in .enroll-totp form[data-se=step-device-type] .app-download-instructions p.instructions,
#okta-sign-in .enroll-yubikey form.enroll-u2f .app-download-instructions p.instructions,
#okta-sign-in .enroll-yubikey form.barcode-scan .app-download-instructions p.instructions,
#okta-sign-in .enroll-yubikey form.enroll-yubikey .app-download-instructions p.instructions,
#okta-sign-in .enroll-yubikey form[data-se=step-device-type] .app-download-instructions p.instructions,
#okta-sign-in .barcode-push form.enroll-u2f .app-download-instructions p.instructions,
#okta-sign-in .barcode-push form.barcode-scan .app-download-instructions p.instructions,
#okta-sign-in .barcode-push form.enroll-yubikey .app-download-instructions p.instructions,
#okta-sign-in .barcode-push form[data-se=step-device-type] .app-download-instructions p.instructions,
#okta-sign-in .enroll-u2f form.enroll-u2f .app-download-instructions p.instructions,
#okta-sign-in .enroll-u2f form.barcode-scan .app-download-instructions p.instructions,
#okta-sign-in .enroll-u2f form.enroll-yubikey .app-download-instructions p.instructions,
#okta-sign-in .enroll-u2f form[data-se=step-device-type] .app-download-instructions p.instructions {
    font-size: 12px;
    letter-spacing: 0;
    line-height: 18px;
    text-align: center;
    margin-top: 6px;
    color: rgba(255, 255, 255, 0.72);
  }
  #okta-sign-in .enroll-totp form.enroll-u2f .app-download-instructions p.instructions a,
#okta-sign-in .enroll-totp form.barcode-scan .app-download-instructions p.instructions a,
#okta-sign-in .enroll-totp form.enroll-yubikey .app-download-instructions p.instructions a,
#okta-sign-in .enroll-totp form[data-se=step-device-type] .app-download-instructions p.instructions a,
#okta-sign-in .enroll-yubikey form.enroll-u2f .app-download-instructions p.instructions a,
#okta-sign-in .enroll-yubikey form.barcode-scan .app-download-instructions p.instructions a,
#okta-sign-in .enroll-yubikey form.enroll-yubikey .app-download-instructions p.instructions a,
#okta-sign-in .enroll-yubikey form[data-se=step-device-type] .app-download-instructions p.instructions a,
#okta-sign-in .barcode-push form.enroll-u2f .app-download-instructions p.instructions a,
#okta-sign-in .barcode-push form.barcode-scan .app-download-instructions p.instructions a,
#okta-sign-in .barcode-push form.enroll-yubikey .app-download-instructions p.instructions a,
#okta-sign-in .barcode-push form[data-se=step-device-type] .app-download-instructions p.instructions a,
#okta-sign-in .enroll-u2f form.enroll-u2f .app-download-instructions p.instructions a,
#okta-sign-in .enroll-u2f form.barcode-scan .app-download-instructions p.instructions a,
#okta-sign-in .enroll-u2f form.enroll-yubikey .app-download-instructions p.instructions a,
#okta-sign-in .enroll-u2f form[data-se=step-device-type] .app-download-instructions p.instructions a {
    color: #24B2DA !important;
    font-weight: 400;
  }
  #okta-sign-in .enroll-totp form.enroll-u2f .device-type-input .o-form-input > span,
#okta-sign-in .enroll-totp form.barcode-scan .device-type-input .o-form-input > span,
#okta-sign-in .enroll-totp form.enroll-yubikey .device-type-input .o-form-input > span,
#okta-sign-in .enroll-totp form[data-se=step-device-type] .device-type-input .o-form-input > span,
#okta-sign-in .enroll-yubikey form.enroll-u2f .device-type-input .o-form-input > span,
#okta-sign-in .enroll-yubikey form.barcode-scan .device-type-input .o-form-input > span,
#okta-sign-in .enroll-yubikey form.enroll-yubikey .device-type-input .o-form-input > span,
#okta-sign-in .enroll-yubikey form[data-se=step-device-type] .device-type-input .o-form-input > span,
#okta-sign-in .barcode-push form.enroll-u2f .device-type-input .o-form-input > span,
#okta-sign-in .barcode-push form.barcode-scan .device-type-input .o-form-input > span,
#okta-sign-in .barcode-push form.enroll-yubikey .device-type-input .o-form-input > span,
#okta-sign-in .barcode-push form[data-se=step-device-type] .device-type-input .o-form-input > span,
#okta-sign-in .enroll-u2f form.enroll-u2f .device-type-input .o-form-input > span,
#okta-sign-in .enroll-u2f form.barcode-scan .device-type-input .o-form-input > span,
#okta-sign-in .enroll-u2f form.enroll-yubikey .device-type-input .o-form-input > span,
#okta-sign-in .enroll-u2f form[data-se=step-device-type] .device-type-input .o-form-input > span {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: center;
    align-items: center;
    align-content: stretch;
  }
  #okta-sign-in .enroll-totp form.enroll-u2f .device-type-input .custom-radio > label,
#okta-sign-in .enroll-totp form.barcode-scan .device-type-input .custom-radio > label,
#okta-sign-in .enroll-totp form.enroll-yubikey .device-type-input .custom-radio > label,
#okta-sign-in .enroll-totp form[data-se=step-device-type] .device-type-input .custom-radio > label,
#okta-sign-in .enroll-yubikey form.enroll-u2f .device-type-input .custom-radio > label,
#okta-sign-in .enroll-yubikey form.barcode-scan .device-type-input .custom-radio > label,
#okta-sign-in .enroll-yubikey form.enroll-yubikey .device-type-input .custom-radio > label,
#okta-sign-in .enroll-yubikey form[data-se=step-device-type] .device-type-input .custom-radio > label,
#okta-sign-in .barcode-push form.enroll-u2f .device-type-input .custom-radio > label,
#okta-sign-in .barcode-push form.barcode-scan .device-type-input .custom-radio > label,
#okta-sign-in .barcode-push form.enroll-yubikey .device-type-input .custom-radio > label,
#okta-sign-in .barcode-push form[data-se=step-device-type] .device-type-input .custom-radio > label,
#okta-sign-in .enroll-u2f form.enroll-u2f .device-type-input .custom-radio > label,
#okta-sign-in .enroll-u2f form.barcode-scan .device-type-input .custom-radio > label,
#okta-sign-in .enroll-u2f form.enroll-yubikey .device-type-input .custom-radio > label,
#okta-sign-in .enroll-u2f form[data-se=step-device-type] .device-type-input .custom-radio > label {
    margin: 0 18px;
  }
  #okta-sign-in .enroll-totp form.enroll-u2f .okta-form-divider,
#okta-sign-in .enroll-totp form.barcode-scan .okta-form-divider,
#okta-sign-in .enroll-totp form.enroll-yubikey .okta-form-divider,
#okta-sign-in .enroll-totp form[data-se=step-device-type] .okta-form-divider,
#okta-sign-in .enroll-yubikey form.enroll-u2f .okta-form-divider,
#okta-sign-in .enroll-yubikey form.barcode-scan .okta-form-divider,
#okta-sign-in .enroll-yubikey form.enroll-yubikey .okta-form-divider,
#okta-sign-in .enroll-yubikey form[data-se=step-device-type] .okta-form-divider,
#okta-sign-in .barcode-push form.enroll-u2f .okta-form-divider,
#okta-sign-in .barcode-push form.barcode-scan .okta-form-divider,
#okta-sign-in .barcode-push form.enroll-yubikey .okta-form-divider,
#okta-sign-in .barcode-push form[data-se=step-device-type] .okta-form-divider,
#okta-sign-in .enroll-u2f form.enroll-u2f .okta-form-divider,
#okta-sign-in .enroll-u2f form.barcode-scan .okta-form-divider,
#okta-sign-in .enroll-u2f form.enroll-yubikey .okta-form-divider,
#okta-sign-in .enroll-u2f form[data-se=step-device-type] .okta-form-divider {
    display: none !important;
  }

  /**
      SMS specific verification
  */
  #okta-sign-in.auth-container form.mfa-verify-passcode .okta-form-subtitle {
    margin-top: 6px;
    font-size: 12px;
    color: var(--color-white);
    opacity: 0.83;
  }

  #okta-sign-in .o-form .o-form-input .okta-form-input-field[data-se=o-form-input-passCode],
#okta-sign-in form.mfa-verify-passcode .o-form-input .okta-form-input-field[data-se=o-form-input-answer] {
    position: unset;
  }
  #okta-sign-in .o-form .o-form-input .okta-form-input-field[data-se=o-form-input-passCode]::before,
#okta-sign-in form.mfa-verify-passcode .o-form-input .okta-form-input-field[data-se=o-form-input-answer]::before {
    content: "Enter Verification Code";
    position: absolute;
    left: 0;
    margin-top: -26px;
  }

  #okta-sign-in .recovery-challenge .o-form-fieldset-container,
#okta-sign-in .mfa-verify-passcode .o-form-fieldset-container {
    position: relative;
  }

  #okta-sign-in .recovery-question h2[data-se=o-form-head].okta-form-title.o-form-head {
    margin-bottom: 10px;
    font-size: 26px;
  }

  #okta-sign-in .recovery-challenge .o-form-fieldset-container > .o-form-fieldset,
#okta-sign-in form.mfa-verify-passcode .o-form-fieldset-container > .o-form-fieldset {
    margin-right: 0px;
    padding-top: 28px;
    width: 313px;
  }

  #okta-sign-in.auth-container form.mfa-verify-passcode .button.sms-request-button {
    margin-right: 16px;
    width: 132px;
    color: var(--color-storm-gray);
  }

  #okta-sign-in .mfa-verify-totp-inline.o-form .o-form-fieldset-container a[data-se=inline-totp-verify],
#okta-sign-in .mfa-verify-totp-inline.o-form .o-form-input .okta-form-input-field[data-se=o-form-input-answer] input {
    height: 46px;
  }

  #okta-sign-in .mfa-verify .mfa-verify-totp-inline .o-form-fieldset-container {
    flex-flow: row-reverse;
    position: relative;
  }

  #okta-sign-in .mfa-verify .mfa-verify-totp-inline .o-form-control {
    position: unset;
  }

  #okta-sign-in .mfa-verify .mfa-verify-totp-inline .o-form-fieldset-container > .o-form-fieldset {
    flex: 1;
    margin: 0;
  }

  #okta-sign-in .mfa-verify .mfa-verify-totp-inline .o-form-fieldset-container > a[data-se=inline-totp-verify] {
    margin-right: 14px;
    width: 98px;
  }

  #okta-sign-in .recovery-question .o-form-fieldset .o-form-label {
    text-align: center;
    margin-bottom: 17px;
  }

  #okta-sign-in .recovery-question .o-form-fieldset .o-form-label label {
    font-size: 16px;
    letter-spacing: 0.84px;
    color: var(--color-white);
    line-height: 24px;
  }

  #okta-sign-in .recovery-question .o-form .o-form-input .okta-form-input-field[data-se=o-form-input-answer]::before {
    content: "Answer";
    position: unset;
  }

  /**
      Email Sent Screen Styles
  */
  #okta-sign-in.auth-container .account-unlock-email-sent .o-form-fieldset-container,
#okta-sign-in.auth-container .password-reset-email-sent .o-form-fieldset-container {
    display: flex;
    flex-direction: column;
    align-items: center;
  }
  #okta-sign-in.auth-container .account-unlock-email-sent .o-form-fieldset-container .button,
#okta-sign-in.auth-container .password-reset-email-sent .o-form-fieldset-container .button {
    display: block;
    min-width: 176px;
    font-size: 14px;
    line-height: 50px;
    margin: auto;
    height: 50px;
    border: 1px solid #3A5FAB;
    border-radius: 4px !important;
    background: unset !important;
    background-color: #3A5FAB !important;
    color: rgba(255, 255, 255, 0.85);
    margin-top: 33px;
  }
  #okta-sign-in.auth-container .account-unlock-email-sent .okta-form-subtitle,
#okta-sign-in.auth-container .password-reset-email-sent .okta-form-subtitle {
    margin: 0;
    color: var(--color-white);
    font-size: 14px;
    width: 350px;
    text-align: left;
  }
  #okta-sign-in.auth-container .account-unlock-email-sent h2.okta-form-title.o-form-head,
#okta-sign-in.auth-container .password-reset-email-sent h2.okta-form-title.o-form-head {
    margin-bottom: 2px;
    text-align: left;
  }

  #okta-sign-in h3 {
    margin-bottom: 0 !important;
  }

  /**
      reset password / account-unlock
  */
  #okta-sign-in.auth-container .account-unlock .o-form-fieldset-container .button,
#okta-sign-in.auth-container .forgot-password .o-form-fieldset-container .button {
    display: block;
    min-width: 176px;
    font-size: 14px;
    line-height: 50px;
    margin: auto;
    height: 50px;
    border: 1px solid #3A5FAB;
    border-radius: 4px !important;
    background: unset !important;
    background-color: #3A5FAB !important;
    color: rgba(255, 255, 255, 0.85);
    margin-top: 26px;
  }
  #okta-sign-in.auth-container .account-unlock form h2.okta-form-title.o-form-head,
#okta-sign-in.auth-container .forgot-password form h2.okta-form-title.o-form-head {
    font-size: 20px !important;
    font-weight: 300 !important;
    text-align: left !important;
    font-family: "Heebo" !important;
  }
  #okta-sign-in.auth-container .account-unlock .o-form-fieldset,
#okta-sign-in.auth-container .forgot-password .o-form-fieldset {
    margin-bottom: 0px;
  }
  #okta-sign-in.auth-container .account-unlock .mobile-recovery-hint,
#okta-sign-in.auth-container .forgot-password .mobile-recovery-hint {
    color: var(--color-white);
    opacity: 0.61;
    margin-bottom: 61px;
    margin-top: 10px;
    padding-bottom: 10px;
    top: 0;
  }
  #okta-sign-in.auth-container .account-unlock .auth-footer a.link.js-back,
#okta-sign-in.auth-container .forgot-password .auth-footer a.link.js-back {
    margin-top: 16px;
  }

  #okta-sign-in .account-unlock .mobile-recovery-hint,
#okta-sign-in .forgot-password .mobile-recovery-hint {
    color: var(--color-white);
    opacity: 0.61;
    margin-bottom: 61px;
    margin-top: 10px;
    padding-bottom: 10px;
    top: 0;
  }

  #okta-sign-in .account-unlock .auth-footer a.link.js-back,
#okta-sign-in .forgot-password .auth-footer a.link.js-back {
    margin-top: 41px;
  }

  #okta-sign-in .account-unlock .o-form-theme {
    padding: 0;
  }

  /**
      specific logout button style on recovery page
  */
  #okta-sign-in .recovery-challenge {
    position: relative;
  }

  #okta-sign-in .recovery-challenge .o-form-button-bar input.button.button-primary {
    margin-right: 46px;
  }

  #okta-sign-in.auth-container .recovery-challenge .link.send-email-link:hover {
    text-decoration: none;
  }

  #okta-sign-in .recovery-question .custom-checkbox input[type=checkbox] + label {
    padding-top: 0px;
    padding-left: 0px;
    color: var(--color-white);
    font-size: 13px;
  }

  #okta-sign-in .recovery-question .o-form-button-bar {
    margin-top: 17px;
  }

  #okta-sign-in.auth-container .recovery-challenge .link.send-email-link:before {
    content: "Didn't receive a code?";
    color: var(--color-white);
    font-size: 15px;
    font-weight: 500;
    line-height: 22px;
  }

  #okta-sign-in .recovery-question .auth-footer a.link.goto {
    margin-top: 25px;
  }

  /**
      MFA specific styles
  */
  #okta-sign-in .forgot-password .auth-footer a.link.js-back {
    font-size: 15px;
    font-weight: 400 !important;
  }

  #okta-sign-in .password-reset .auth-footer a.link.goto,
#okta-sign-in .recovery-question .auth-footer a.link.goto,
#okta-sign-in .account-unlock .auth-footer a.link.js-back,
#okta-sign-in form.mfa-verify-push .auth-footer a.link.goto,
#okta-sign-in form.mfa-verify-push .o-form-fieldset-container .link.link-button {
    font-size: 15px;
    font-weight: 400 !important;
  }

  #okta-sign-in form.mfa-verify-push .auth-footer a.link.goto {
    margin-top: 7px;
  }

  #okta-sign-in form.mfa-verify-push .o-form-button-bar {
    margin-top: 20px;
    margin-bottom: 12px;
  }

  #okta-sign-in form.mfa-verify-push .o-form-theme {
    padding: 0;
  }

  #okta-sign-in form.mfa-verify-push .custom-checkbox {
    margin-top: 13px;
    margin-bottom: 37px;
  }

  /**
      Unlock account hacks
  */
  #okta-sign-in .account-unlock-email-sent h2.okta-form-title.o-form-head:after,
#okta-sign-in .password-reset-email-sent h2.okta-form-title.o-form-head:after {
    content: url("../images/desktop_email_sent.svg");
    height: 24px;
    width: 40px;
    margin-left: 10px;
  }

  #okta-sign-in .account-unlock .forgot-password-sms-enabled h2.okta-form-title.o-form-head,
#okta-sign-in .account-unlock .forgot-password-email-enabled h2.okta-form-title.o-form-head {
    font-size: 26px;
  }

  #okta-sign-in .account-unlock-email-sent h2.okta-form-title.o-form-head,
#okta-sign-in .password-reset-email-sent h2.okta-form-title.o-form-head,
#okta-sign-in .forgot-password-sms-enabled h2.okta-form-title.o-form-head,
#okta-sign-in .forgot-password-email-enabled h2.okta-form-title.o-form-head,
#okta-sign-in .recovery-question h2.okta-form-title.o-form-head,
#okta-sign-in .recovery-challenge h2.okta-form-title.o-form-head {
    font-size: 26px;
    text-transform: capitalize;
  }

  #okta-sign-in .recovery-challenge .o-form-fieldset-container a[data-se=resend-button] {
    margin-right: 14px;
  }

  /* the container element is flex:1 so all children should be 100% width*/
  #okta-sign-in .recovery-challenge .o-form-input {
    width: 100%;
  }

  #okta-sign-in .mfa-verify-passcode .o-form-button-bar {
    margin-top: 18px;
  }

  #okta-sign-in .button.call-request-button.link-button {
    margin-right: 14px;
  }

  #okta-sign-in .button.call-request-button.link-button,
#okta-sign-in .button.sms-request-button.link-button {
    margin-top: 28px;
    font-size: 14px;
    width: 121px;
  }

  /**
      reset password
  */
  #okta-sign-in .password-reset h2.okta-form-title.o-form-head {
    font-size: 26px;
    text-transform: capitalize;
    margin-bottom: 3px;
    font-weight: normal;
  }
  #okta-sign-in .password-reset .okta-form-subtitle.o-form-explain {
    margin-bottom: 28px;
    font-size: 12px;
    color: rgba(255, 255, 255, 0.61);
  }
  #okta-sign-in .password-reset .o-form .o-form-input .okta-form-input-field[data-se=o-form-input-newPassword]::before {
    content: "New Password";
  }
  #okta-sign-in .password-reset .o-form .o-form-input .okta-form-input-field[data-se=o-form-input-confirmPassword]::before {
    content: "Repeat Password";
  }
  #okta-sign-in .password-reset form .o-form-content {
    padding: 0;
  }
  #okta-sign-in .password-reset form .o-form-button-bar {
    margin-top: 30px;
    padding-bottom: 31px;
  }

  .enroll-factor-description {
    position: relative;
  }

  .enroll-factor-list {
    margin-top: 28px;
    margin-bottom: 22px;
  }

  /**
      choices select
  */
  #okta-sign-in .enroll-choices form .enroll-factor-row {
    margin-bottom: 23px;
  }

  #okta-sign-in .enroll-choices form .enroll-factor-row .enroll-factor-description p {
    font-size: 11px;
    font-weight: 300;
    letter-spacing: 0;
    line-height: 17px;
    color: rgba(255, 255, 255, 0.71);
  }

  #okta-sign-in .enroll-choices form .enroll-factor-row .enroll-factor-description h3.enroll-factor-label {
    color: #24B2DA;
    font-weight: 400;
    font-size: 16px;
    letter-spacing: 0;
    line-height: 24px;
  }

  #okta-sign-in .enroll-choices .o-form-content h2.o-form-head {
    font-size: 24px;
    color: var(--color-white);
    text-align: left;
    margin-bottom: 9px;
  }

  #okta-sign-in .enroll-choices form .o-form-button-bar {
    margin-top: 30px;
    padding-bottom: 31px;
  }

  #okta-sign-in .enroll-choices .okta-form-subtitle.o-form-explain {
    font-size: 11px;
    font-weight: 300;
    letter-spacing: 0.1px;
    line-height: 15px;
    text-align: left;
    color: rgba(255, 255, 255, 0.71);
  }

  #okta-sign-in .enroll-choices .enroll-factor-description .enroll-factor-button {
    height: unset;
    line-height: 18px;
    padding-top: 7px;
  }

  #okta-sign-in .enroll-choices .enroll-factor-description .enroll-factor-button a.button.link-button {
    background-color: transparent;
    border: none;
    background: transparent;
    box-shadow: none;
    padding: 0;
    color: var(--color-cerulean);
    font-size: 12px;
    text-transform: uppercase;
    line-height: 18px;
    font-weight: 500;
    width: 407px;
    height: 45px;
    position: absolute;
    bottom: 6px;
    left: -62px;
  }

  /**
      unlock account screen
  */
  #okta-sign-in .account-unlocked h2.okta-form-title.o-form-head {
    font-size: 26px;
    font-weight: 400;
  }
  #okta-sign-in .account-unlocked .okta-form-subtitle.o-form-explain {
    margin-top: 12px;
    margin-bottom: 42px;
    font-size: 14px;
    color: var(--color-white);
  }
  #okta-sign-in .account-unlocked .button.button-primary {
    width: 100%;
  }

  /**
      enroll styles
  */
  #okta-sign-in .enroll-call .enroll-call-phone {
    width: 339px;
    margin-bottom: 43px;
  }

  #okta-sign-in .enroll-sms .enroll-sms-phone {
    width: 275px;
  }

  #okta-sign-in .enroll-call .button.button-primary.js-enroll-phone.call-request-button.link-button,
#okta-sign-in .enroll-call .button.js-enroll-phone.call-request-button.link-button,
#okta-sign-in .enroll-sms .button.button-primary.js-enroll-phone.sms-request-button.link-button,
#okta-sign-in .enroll-sms .button.js-enroll-phone.sms-request-button.link-button {
    font-size: inherit;
    background: inherit;
    color: inherit;
    margin-left: 15px;
    margin-top: 25px;
    height: 50px;
    line-height: 50px;
    border-radius: 4px;
    width: 175px;
    font-size: 13px;
  }

  #okta-sign-in .enroll-call .button.button-primary.js-enroll-phone.call-request-button.link-button,
#okta-sign-in .enroll-call .button.js-enroll-phone.call-request-button.link-button {
    background-color: var(--button-background-color);
    border-radius: 25px;
    font-size: 15px;
    margin-top: 45px;
    margin-bottom: 17px;
    margin-left: auto;
    margin-right: auto;
    display: block;
  }

  #okta-sign-in .enroll-yubikey form.enroll-yubikey .o-form-fieldset,
#okta-sign-in .enroll-call form.enroll-call .o-form-fieldset,
#okta-sign-in .enroll-sms form.enroll-sms .o-form-fieldset {
    padding-top: 25px;
    position: relative;
  }

  #okta-sign-in .enroll-call form.enroll-call .o-form-input-name-phoneNumber,
#okta-sign-in .enroll-sms form.enroll-sms .o-form-input-name-phoneNumber {
    display: flex;
  }

  #okta-sign-in .enroll-manual-push .o-form-content {
    padding: unset !important;
  }
  #okta-sign-in .enroll-manual-push .okta-form-subtitle {
    margin-bottom: 0px;
  }
  #okta-sign-in .enroll-manual-push .button {
    border: 1px solid #3A5FAB;
    border-radius: 4px;
    background-color: #3A5FAB;
    margin-bottom: 13px;
  }
  #okta-sign-in .enroll-manual-push .button:hover {
    background-color: #3A5FAB;
    border: 1px solid #3A5FAB;
    border-radius: 4px;
  }
  #okta-sign-in .enroll-manual-push div[data-type=next-button-wrap] a {
    line-height: 45px;
    margin: 0 0 10px 0;
    border: 1px solid #3A5FAB;
    border-radius: 4px;
    background: unset;
    background-color: #3A5FAB;
  }
  #okta-sign-in .enroll-manual-push div[data-type=next-button-wrap] a:hover {
    background: unset;
    background-color: #3A5FAB;
    border: 1px solid #3A5FAB;
    border-radius: 4px;
  }
  #okta-sign-in .enroll-manual-push .text-align-c {
    text-align: left;
  }
  #okta-sign-in .enroll-manual-push .o-form-disabled {
    opacity: 0.6;
  }
  #okta-sign-in .enroll-manual-push span[data-se=o-form-input-phoneNumber] {
    height: 47px;
    display: table;
    width: 100.7%;
    right: 3px;
    position: relative;
  }
  #okta-sign-in .enroll-manual-push span[data-se=o-form-input-phoneNumber] span.okta-form-label-inline {
    background-color: black !important;
    color: white !important;
    border: 1px solid #3A5FAB !important;
    border-right: unset !important;
    left: 3px;
    position: relative;
    z-index: 100;
    padding-left: 17px;
  }
  #okta-sign-in .enroll-manual-push span[data-se=o-form-input-phoneNumber] span.okta-form-input-field {
    display: table-cell;
  }
  #okta-sign-in .enroll-manual-push span[data-se=o-form-input-phoneNumber] span.okta-form-input-field input {
    border-left: unset !important;
  }
  #okta-sign-in .enroll-manual-push .link {
    padding: 5px 0;
  }
  #okta-sign-in .enroll-manual-push .link.js-goto {
    color: white;
    font-size: 12px;
    letter-spacing: 0;
    line-height: 18px;
    text-align: center;
  }
  #okta-sign-in .enroll-manual-push .infobox-error p {
    margin-bottom: -39px;
  }
  #okta-sign-in .enroll-manual-push .o-form-explain {
    font-weight: 500;
    color: white;
    background-color: black;
    margin-top: -19px;
    height: 20px;
    width: 100%;
    font-size: 14px;
    position: relative;
  }
  #okta-sign-in .enroll-manual-push .okta-form-subtitle {
    margin: 0;
    height: 100%;
  }

  #okta-sign-in .activate-push input[name=passCode] {
    height: 100%;
  }
  #okta-sign-in .activate-push .o-form-fieldset:last-child {
    margin-bottom: 0px;
  }
  #okta-sign-in .activate-push .button {
    border: 1px solid #3A5FAB;
    border-radius: 4px;
    background-color: #3A5FAB;
    margin-bottom: 13px;
  }
  #okta-sign-in .activate-push .button:hover {
    background-color: #3A5FAB;
    border: 1px solid #3A5FAB;
    border-radius: 4px;
  }

  #okta-sign-in .enroll-sms form.enroll-sms .o-form-fieldset-container {
    display: grid;
    grid-template-columns: 132px auto;
    grid-column-gap: 16px;
    grid-template-areas: "headerSelect headerSelect" "left right";
  }
  #okta-sign-in .enroll-sms form.enroll-sms .o-form-fieldset-container .o-form-fieldset {
    position: unset;
  }
  #okta-sign-in .enroll-sms form.enroll-sms .o-form-fieldset-container .o-form-fieldset .o-form-input-group {
    position: unset;
  }
  #okta-sign-in .enroll-sms form.enroll-sms .o-form-fieldset-container .o-form-fieldset .o-form-input-group .o-form-input-name-phoneNumber:before {
    bottom: unset;
    top: unset;
    margin-top: -21px;
    left: 0;
  }
  #okta-sign-in .enroll-sms form.enroll-sms .o-form-fieldset-container .o-form-fieldset .o-form-input-group.o-form-has-errors .o-form-input-error {
    top: unset;
    bottom: unset;
  }
  #okta-sign-in .enroll-sms form.enroll-sms .o-form-fieldset-container .o-form-fieldset:not(.enroll-sms-phone) {
    margin-bottom: 24px;
    grid-column-start: 1;
    grid-column-end: 3;
    position: relative;
  }
  #okta-sign-in .enroll-sms form.enroll-sms .o-form-fieldset-container .o-form-fieldset.enroll-sms-phone {
    margin-left: 0;
    margin-right: 0;
    width: 100%;
    grid-area: right;
    position: unset;
  }
  #okta-sign-in .enroll-sms form.enroll-sms .o-form-fieldset-container a.button.js-enroll-phone.sms-request-button {
    margin-left: 0;
    margin-right: 0;
    min-width: 100px;
    width: 100%;
    grid-area: left;
    border: 0.7px solid var(--color-loblolly);
    opacity: 0.77;
    border-radius: 4px;
    background-color: var(--color-black-squeeze);
    color: var(--color-storm-gray);
    font-weight: 500;
    font-size: 12px;
    text-transform: uppercase;
  }
  #okta-sign-in .enroll-sms form.enroll-sms .o-form-fieldset-container .okta-form-divider {
    grid-column-start: 1;
    grid-column-end: 3;
  }

  #okta-sign-in .enroll-call form.enroll-call .o-form-input-name-phoneNumber > *,
#okta-sign-in .enroll-call form.enroll-sms .o-form-input-name-phoneNumber > *,
#okta-sign-in .enroll-sms form.enroll-call .o-form-input-name-phoneNumber > *,
#okta-sign-in .enroll-sms form.enroll-sms .o-form-input-name-phoneNumber > * {
    display: flex;
    align-items: center;
  }
  #okta-sign-in .enroll-call form.enroll-call .o-form-input-name-phoneNumber:before,
#okta-sign-in .enroll-call form.enroll-sms .o-form-input-name-phoneNumber:before,
#okta-sign-in .enroll-sms form.enroll-call .o-form-input-name-phoneNumber:before,
#okta-sign-in .enroll-sms form.enroll-sms .o-form-input-name-phoneNumber:before {
    content: "Phone Number";
    position: absolute;
    bottom: 100%;
    line-height: 18px;
    height: 18px;
    color: var(--color-white);
    font-size: 12px;
    font-weight: 500;
    letter-spacing: 0.63px;
  }
  #okta-sign-in .enroll-call form.enroll-call .o-form-input-name-phoneNumber .okta-form-input-field input,
#okta-sign-in .enroll-call form.enroll-sms .o-form-input-name-phoneNumber .okta-form-input-field input,
#okta-sign-in .enroll-sms form.enroll-call .o-form-input-name-phoneNumber .okta-form-input-field input,
#okta-sign-in .enroll-sms form.enroll-sms .o-form-input-name-phoneNumber .okta-form-input-field input {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
    padding-left: 0;
    border-left: none;
  }
  #okta-sign-in .enroll-call form.enroll-call .o-form-input-name-phoneNumber .okta-form-label-inline,
#okta-sign-in .enroll-call form.enroll-sms .o-form-input-name-phoneNumber .okta-form-label-inline,
#okta-sign-in .enroll-sms form.enroll-call .o-form-input-name-phoneNumber .okta-form-label-inline,
#okta-sign-in .enroll-sms form.enroll-sms .o-form-input-name-phoneNumber .okta-form-label-inline {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
    border-right: none;
    background-color: var(--color-transparent-white);
    color: var(--color-white);
  }
  #okta-sign-in .enroll-call form.enroll-call .o-form-input-name-phoneExtension:before,
#okta-sign-in .enroll-call form.enroll-sms .o-form-input-name-phoneExtension:before,
#okta-sign-in .enroll-sms form.enroll-call .o-form-input-name-phoneExtension:before,
#okta-sign-in .enroll-sms form.enroll-sms .o-form-input-name-phoneExtension:before {
    content: "Extension";
    position: absolute;
    bottom: 100%;
    line-height: 18px;
    height: 18px;
    color: var(--color-white);
    font-size: 12px;
    font-weight: 500;
    letter-spacing: 0.63px;
  }

  #okta-sign-in .o-form .o-form-input .okta-form-input-field::before {
    height: 18px;
    font-size: 12px;
    font-weight: 500;
    letter-spacing: 0.63px;
    line-height: 28px;
    color: var(--color-white);
  }

  #okta-sign-in.auth-container .okta-form-input-field {
    background: black;
    border: none;
    display: block;
    height: 46px;
  }

  #okta-sign-in .o-form .o-form-input .okta-form-input-field input {
    border: 1px solid #3A5FAB;
    border-radius: 4px;
    letter-spacing: 0.62px;
    color: var(--color-white);
  }

  #okta-sign-in .custom-checkbox input[type=checkbox] {
    visibility: hidden;
  }

  #okta-sign-in .custom-checkbox input[type=checkbox] + label {
    cursor: pointer;
    padding-left: 10px;
    background: none;
    display: flex;
    line-height: 17px;
  }

  #okta-sign-in .custom-checkbox input[type=checkbox] + label:before {
    color: var(--color-white);
    text-align: center;
    font-size: 12px;
    border: 1px solid var(--color-white);
    border-radius: 2px;
    display: flex;
    justify-content: center;
    align-items: center;
    content: " ";
    margin: 0 0.5em 0 0;
    padding: 0;
    height: 15px;
    width: 15px;
  }

  #okta-sign-in .custom-checkbox input[type=checkbox]:checked + label:before {
    color: var(--color-white);
    content: "✓";
  }

  #okta-sign-in .custom-checkbox input[type=checkbox]:checked + label:after {
    font-weight: bold;
  }

  #okta-sign-in .custom-checkbox input[type=checkbox]:focus + label:before {
    outline: none;
  }

  #okta-sign-in input#okta-signin-username,
#okta-sign-in input#okta-signin-password,
#okta-sign-in.auth-container .okta-form-input-field input,
#okta-sign-in .o-form-control.okta-form-input-field input,
#okta-sign-in .o-form .input-fix input[type=number],
#okta-sign-in .o-form .input-fix input[type=password],
#okta-sign-in .o-form .input-fix input[type=text],
#okta-sign-in .o-form .input-fix input[type=textbox] {
    width: 100%;
  }

  #okta-sign-in .factors-dropdown-wrap .dropdown.more-actions .bg-helper {
    box-shadow: unset;
  }

  #okta-sign-in .mfa-verify-totp-inline .o-form-fieldset-container,
#okta-sign-in .mfa-verify-passcode .o-form-fieldset-container,
#okta-sign-in .recovery-challenge .o-form-fieldset-container {
    display: flex;
    justify-content: center;
    box-sizing: border-box;
    height: 47px;
    width: 100%;
    border-radius: 4px;
  }

  #okta-sign-in .mfa-verify-passcode .auth-passcode .o-form-input {
    float: none;
    width: unset;
  }

  #okta-sign-in .mfa-verify-passcode .o-form-fieldset-container > .o-form-fieldset,
#okta-sign-in .mfa-verify-totp-inline .o-form-fieldset-container > .o-form-fieldset {
    flex: 1;
    margin-right: 14px;
  }

  #okta-sign-in .recovery-challenge .o-form-fieldset-container > .o-form-fieldset {
    flex: 1;
    margin-right: 0px;
  }

  #okta-sign-in .o-form-fieldset {
    margin-top: 17px;
  }

  #okta-sign-in .o-form-fieldset-container .button.inline-totp-verify.link-button,
#okta-sign-in .mfa-verify-passcode a.link-button,
#okta-sign-in .o-form-fieldset-container .mfa-verify-totp-inline a.link-button,
#okta-sign-in .mfa-verify-passcode .button.link-button,
#okta-sign-in .recovery-challenge .button.link-button {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 50px;
    background: unset;
    border: unset !important;
    background-color: #3A5FAB;
    color: white !important;
    border-radius: 4px;
    font-weight: 500;
    font-size: 12px;
  }

  /*
   * KEEP: #okta-sign-in
   */
  #okta-sign-in .auth-content-inner {
    width: 100%;
  }

  #okta-sign-in .auth-content {
    padding: unset !important;
  }

  #okta-sign-in .primary-auth-form.o-form .o-form-fieldset:last-child {
    margin-top: 28px;
  }

  #okta-sign-in,
.okta-widget-container {
    margin: auto;
    margin-bottom: 20px;
    margin-top: 47px;
  }

  #okta-sign-in .auth-content,
.auth-content {
    width: 100%;
    display: flex;
    justify-content: center;
    padding-top: 2px !important;
  }

  #okta-sign-in.auth-container.main-container {
    box-shadow: unset;
    background-color: transparent;
    color: var(--color-white);
    border: none;
    max-width: 550px;
    width: unset;
    border-radius: 4px;
    margin: auto;
    display: flex;
    flex-direction: column;
    justify-content: center;
    overflow: hidden;
  }

  #okta-sign-in .button-primary.default-custom-button.link-button,
#okta-sign-in .button-primary.social-auth-button.link-button,
#okta-sign-in .button-wide,
#okta-sign-in .button-wide.button-primary,
#okta-sign-in .default-custom-button.link-button,
#okta-sign-in .social-auth-button.link-button {
    line-height: 40px;
  }

  #okta-sign-in .beacon-container.beacon-small.beacon-loading {
    display: none;
  }

  .beacon-container {
    bottom: 15px !important;
  }

  #okta-sign-in {
    font-family: Heebo, sans-serif !important;
    border: unset;
    margin: 0;
    padding: 0;
  }

  #okta-sign-in .o-form-input-name-answer.o-form-control.okta-form-input-field.input-fix {
    width: 300px;
  }

  #okta-sign-in .auth-container {
    box-shadow: unset;
    overflow: hidden;
  }

  #okta-sign-in .bg-helper.auth-beacon.auth-beacon-security.undefined-user {
    width: 96px;
    height: 96px;
  }

  #okta-sign-in .auth-org-logo {
    max-height: 80px !important;
  }

  #okta-sign-in .okta-sign-in-header.auth-header {
    border: unset;
  }

  #okta-sign-in .okta-form-title.o-form-head {
    font-size: 13px;
    font-weight: 500;
    letter-spacing: 0;
    line-height: 19px;
    text-align: center;
    color: white;
    margin: unset;
    margin: 5px 0 0 0;
  }

  #okta-sign-in .o-form-button-bar {
    padding-bottom: 5px;
  }

  #okta-sign-in .link.link-button,
#okta-sign-in .link.send-email-link {
    font-size: 14px;
    color: var(--color-white) !important;
    font-family: Heebo, sans-serif !important;
    width: 100%;
    padding-top: 12px;
  }

  #okta-sign-in .o-form-input-name-password.o-form-control.okta-form-input-field.input-fix input,
#okta-sign-in .o-form-input-name-username.o-form-control.okta-form-input-field.input-fix input {
    font-family: Heebo, sans-serif !important;
  }

  #okta-sign-in span.o-form-input-name-username.o-form-control.okta-form-input-field.input-fix input,
#okta-sign-in span.o-form-input-name-username.o-form-control.okta-form-input-field.input-fix input:-moz-placeholder,
#okta-sign-in span.o-form-input-name-username.o-form-control.okta-form-input-field.input-fix input::placeholder,
#okta-sign-in span.o-form-input-name-username.o-form-control.okta-form-input-field.input-fix input:-ms-input-placeholder,
#okta-sign-in span.o-form-input-name-username.o-form-control.okta-form-input-field.input-fix input::-moz-placeholder,
#okta-sign-in span.o-form-input-name-username.o-form-control.okta-form-input-field.input-fix input::-webkit-input-placeholder {
    font-family: Heebo, sans-serif !important;
    text-transform: uppercase;
  }

  input::placeholder {
    font-family: Heebo !important;
  }

  #okta-sign-in .auth-footer {
    text-align: center;
  }

  #okta-sign-in .link.help.js-back {
    color: #3A5FAB;
    font-family: Heebo;
    font-size: 13px;
    letter-spacing: 0;
    line-height: 19px;
    text-align: center;
  }

  #okta-sign-in .link.goto {
    margin-top: 1px;
    font-weight: 400 !important;
    font-size: 15px;
  }

  #okta-sign-in .button.button-primary.js-enroll-phone.sms-request-button.link-button,
#okta-sign-in .button.js-enroll-phone.sms-request-button.link-button {
    border-radius: 1.5rem;
    background: none;
    color: var(--color-curious-blue);
    border: 1px solid var(--color-curious-blue);
    font-size: 1.6rem;
  }

  #okta-sign-in .icon.input-icon.person-16-gray,
#okta-sign-in .icon.input-icon.remote-lock-16 {
    visibility: hidden;
  }

  #okta-sign-in .o-form .o-form-input .input-tooltip {
    opacity: 0;
  }

  #okta-sign-in .o-form .o-form-input .input-icon + input,
#okta-sign-in .o-form .o-form-input .input-icon + input + input {
    padding-left: 16px;
    font-size: 14px;
  }

  #okta-sign-in .o-form-input-name-password.o-form-control.okta-form-input-field.input-fix input::-webkit-input-placeholder,
#okta-sign-in .o-form-input-name-username.o-form-control.okta-form-input-field.input-fix input::-webkit-input-placeholder {
    font-size: 14px;
    color: var(--color-loblolly);
  }

  #okta-sign-in .o-form-input-name-password.o-form-control.okta-form-input-field.input-fix input::-moz-placeholder,
#okta-sign-in .o-form-input-name-username.o-form-control.okta-form-input-field.input-fix input::-moz-placeholder {
    font-size: 14px;
    color: var(--color-loblolly);
  }

  #okta-sign-in .o-form-input-name-password.o-form-control.okta-form-input-field.input-fix input:-ms-input-placeholder,
#okta-sign-in .o-form-input-name-username.o-form-control.okta-form-input-field.input-fix input:-ms-input-placeholder {
    font-size: 14px;
    color: var(--color-loblolly);
  }

  #okta-sign-in .o-form-input-name-password.o-form-control.okta-form-input-field.input-fix input:-moz-placeholder,
#okta-sign-in .o-form-input-name-username.o-form-control.okta-form-input-field.input-fix input:-moz-placeholder {
    font-size: 14px;
    color: var(--color-loblolly);
  }

  #okta-sign-in .auth-beacon {
    box-shadow: none;
  }

  #okta-sign-in .forgot-password-call-enabled .sms-hint,
#okta-sign-in .forgot-password-sms-enabled .sms-hint {
    font-size: 12px;
    color: var(--color-white);
    margin-top: 1px;
    padding-bottom: 24px;
  }

  #okta-sign-in .recovery-challenge a.button {
    width: 121px;
    height: 40px;
    border: 1px solid var(--color-loblolly);
    border-radius: 4px;
    background: var(--color-white);
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer !important;
  }

  #okta-sign-in .infobox > .icon {
    top: 8px;
  }

  #okta-sign-in.auth-container .auth-footer .help-links .link {
    color: white !important;
  }

  #okta-sign-in.auth-container .okta-form-label,
#okta-sign-in .o-form .custom-checkbox label,
#okta-sign-in .o-form .o-form-label,
#okta-sign-in .o-form input,
#okta-sign-in .o-form label,
#okta-sign-in .o-form textarea {
    font-size: 14px;
    color: white;
  }

  #okta-sign-in .custom-checkbox label,
#okta-sign-in .o-form .o-form-input input[name=nextPassCode],
#okta-sign-in .o-form .o-form-input input[name=passCode] {
    font-family: Heebo, sans-serif;
  }

  #okta-sign-in #okta-signin-submit,
#okta-sign-in.auth-container input[type=button],
#okta-sign-in.auth-container input[type=submit],
#okta-sign-in .custom-radio label {
    font-family: Heebo, sans-serif !important;
  }

  #okta-sign-in .auth-footer {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
  }

  #okta-sign-in .forgot-password-call-enabled .o-form-fieldset-container .button,
#okta-sign-in .forgot-password-sms-enabled .o-form-fieldset-container .button {
    line-height: 50px;
  }

  #okta-sign-in.auth-container .button.button-primary.link-button-disabled {
    background-color: var(--button-background-color);
  }

  #okta-sign-in .o-form .o-form-input .input-icon {
    opacity: 0;
  }

  #okta-sign-in .o-form-input-name-answer.o-form-control.okta-form-input-field.input-fix {
    width: 100%;
  }

  #okta-sign-in .recovery-question .custom-checkbox {
    align-items: flex-start;
    justify-content: flex-start;
    margin: 0;
  }

  #okta-sign-in .custom-checkbox {
    justify-content: center;
    display: flex;
    align-items: center;
    margin-top: 35px;
    margin-bottom: 30px;
  }

  #okta-sign-in .custom-checkbox label,
#okta-sign-in .o-form .o-form-input input[name=nextPassCode],
#okta-sign-in .o-form .o-form-input input[name=passCode] {
    font-size: 13px;
  }

  [data-se=signout-link] {
    font-weight: 700 !important;
  }

  .Container,
.flex-row,
.flex-row-center-center,
.flex-row-center-end,
.flex-row-center-start,
.flex-row-space-around-center,
.flex-row-space-around-end,
.flex-row-space-around-start {
    display: flex;
    flex-direction: row;
  }

  .Container {
    min-height: var(--app-height);
    margin-left: 100px;
  }

  .Container .placeholder {
    flex: 1;
  }

  .login {
    position: relative;
    background-size: cover;
    background-position: center center;
    width: 100vw;
    height: var(--app-height);
    overflow: auto;
  }

  .login__text {
    padding-top: 2rem;
    color: var(--color-white);
    margin-bottom: 3.1rem;
  }

  .login__text--service {
    position: absolute;
    padding: none;
    bottom: 32px;
  }

  .login__link:link,
.login__link:visited {
    color: white !important;
    text-decoration: none;
  }

  .flex-column,
.flex-column-center-center {
    display: flex;
    flex-direction: column;
  }

  .flex-row,
.flex-row-center-center,
.flex-row-center-end,
.flex-row-center-start,
.flex-row-space-around-center,
.flex-row-space-around-end,
.flex-row-space-around-start {
    display: flex;
    flex-direction: row;
  }

  .helper-text-container {
    transition: none;
    font-family: Heebo, sans-serif;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    font-size: 14px;
    margin-bottom: 46px;
  }

  .helper-text-container p.helper-text-container__text {
    text-decoration: none;
    color: rgba(255, 255, 255, 0.66);
    margin-bottom: 14px;
  }

  .helper-text-container a.helper-text-container__link,
.helper-text-container p.helper-text-container__text a.helper-text-container__link {
    color: rgba(255, 255, 255, 0.66);
    cursor: pointer;
    text-decoration: underline;
  }

  .helper-text-container a.helper-text-container__link:hover,
.helper-text-container p.helper-text-container__text a.helper-text-container__link:hover {
    color: rgba(255, 255, 255, 0.8);
  }

  .helper-text-container span.helper-text-container__phone {
    color: rgba(0, 185, 234, 0.66);
  }

  .ui.dimmer {
    background-color: rgba(0, 0, 0, 0.5);
  }

  *,
:after,
:before {
    margin: 0;
    padding: 0;
    box-sizing: inherit;
  }

  html {
    box-sizing: border-box;
  }

  body {
    line-height: 1.6;
    font-weight: 400;
    background-color: #02182a;
  }

  a,
body,
button,
h1,
h2,
h3,
h4,
h5,
p {
    font-family: Heebo, sans-serif !important;
  }

  @keyframes a {
    0% {
      opacity: 0;
      transform: translateY(-20px);
    }
    80% {
      transform: translateY(5px);
    }
    to {
      transform: translateY(0);
    }
  }
  .animated-toBottom {
    animation: a 0.8s ease-in;
  }

  .heading__secondary {
    font-size: 1.2rem;
  }

  .heading--uppercase {
    text-transform: uppercase;
  }

  .text-center {
    text-align: center;
  }

  .model-center,
.text-center {
    margin: 0 auto;
  }

  .clearfix:after,
.row:after {
    content: "";
    display: table;
    clear: both;
  }

  .container-small {
    padding: 0 2rem;
  }

  .container-medium {
    padding: 0 4rem;
  }

  .container-big {
    padding: 0 6rem;
  }

  .row {
    max-width: 114rem;
    margin: 0 auto;
  }

  .row:not(:last-child) {
    margin-bottom: 8rem;
  }

  .row [class^=col-] {
    float: left;
  }

  .row [class^=col-]:not(:last-child) {
    margin-right: 6rem;
  }

  /*
   * KEEP: .list
   */
}
@media (min-width: 825px) and (max-width: 900px) {
  .row [class^=col-] {
    width: 100% !important;
    margin-bottom: 3rem;
  }
}
@media (min-width: 825px) {
  .row .col-1-of-1 {
    width: 100%;
  }
}
@media (min-width: 825px) {
  .row .col-1-of-2 {
    width: calc((100% - 6rem) / 2);
  }
}
@media (min-width: 825px) {
  .row .col-1-of-3 {
    width: calc((100% - 6rem * 2) / 3);
  }
}
@media (min-width: 825px) {
  .row .col-2-of-3 {
    width: calc(((100% - 6rem * 2) / 3) * 2 + 6rem);
  }
}
@media (min-width: 825px) {
  .row .col-1-of-4 {
    width: calc((100% - 6rem * 3) / 4);
  }
}
@media (min-width: 825px) {
  .row .col-2-of-4 {
    width: calc(((100% - 6rem * 3) / 4) * 2 + 6rem);
  }
}
@media (min-width: 825px) {
  .row .col-3-of-4 {
    width: calc(((100% - 6rem * 3) / 4) * 3 + 6rem * 2);
  }
}
@media (min-width: 825px) {
  .flex-row,
.flex-row-center-center,
.flex-row-center-end,
.flex-row-center-start,
.flex-row-space-around-center,
.flex-row-space-around-end,
.flex-row-space-around-start {
    display: flex;
    flex-direction: row;
  }
}
@media (min-width: 825px) {
  .flex-row-center-center {
    justify-content: center;
    align-items: center;
  }
}
@media (min-width: 825px) {
  .flex-row-center-start {
    justify-content: center;
    align-items: flex-start;
  }
}
@media (min-width: 825px) {
  .flex-row-center-end {
    justify-content: center;
    align-items: flex-end;
  }
}
@media (min-width: 825px) {
  .flex-row-space-around-center {
    justify-content: space-around;
    align-items: center;
  }
}
@media (min-width: 825px) {
  .flex-row-space-around-start {
    justify-content: space-around;
    align-items: flex-start;
  }
}
@media (min-width: 825px) {
  .flex-row-space-around-end {
    justify-content: space-around;
    align-items: flex-end;
  }
}
@media (min-width: 825px) {
  .flex-column,
.flex-column-center-center {
    display: flex;
    flex-direction: column;
  }
}
@media (min-width: 825px) {
  .flex-column-center-center {
    justify-content: center;
    align-items: center;
  }
}
@media (min-width: 825px) {
  .nmc .ui.disabled.input,
.nmc .ui.input:not(.disabled) input[disabled] {
    opacity: 1;
  }
}
@media (min-width: 825px) {
  .nmc .ui.dropdown {
    padding: 0.6rem 2.1em 0.6rem 1em;
    padding-right: 3.1rem;
    min-height: 34px;
  }
}
@media (min-width: 825px) {
  .nmc .ui.dropdown.disabled {
    opacity: 1;
    color: var(--color-loblolly);
  }
}
@media (min-width: 825px) {
  .nmc .ui.dropdown > .dropdown.icon {
    background-color: var(--color-loblolly);
    margin-right: -12px;
    border-top-right-radius: 3px;
    border-bottom-right-radius: 3px;
    color: var(--color-white);
    padding: 9px;
  }
}
@media (min-width: 825px) {
  .nmc .ui.dropdown.active > .dropdown.icon {
    border-bottom-right-radius: 0;
  }
}
@media (min-width: 825px) {
  .nmc .ui.dropdown.active.upward > .dropdown.icon {
    border-bottom-right-radius: 3px;
    border-top-right-radius: 0;
  }
}
@media (min-width: 825px) {
  .nmc .ui.dropdown.loading > i.icon {
    padding: 1.35em 1.03em !important;
  }
}
@media (min-width: 825px) {
  .btn {
    height: 47px;
    width: 99px;
    color: var(--color-mako);
    background-color: var(--color-white);
    border: 1px solid var(--color-loblolly);
    border-radius: 24px;
    margin: 5px;
    outline: none;
    cursor: pointer;
    font-size: 14px;
    font-weight: 500;
    display: flex;
    align-items: center;
    justify-content: center;
  }
}
@media (min-width: 825px) {
  .btn > span {
    line-height: 1px;
  }
}
@media (min-width: 825px) {
  .btn--short {
    height: 34px;
  }
}
@media (min-width: 825px) {
  .btn--narrow {
    color: var(--color-black);
    min-width: 48px;
    width: unset;
    height: 34px;
  }
}
@media (min-width: 825px) {
  .btn--primary {
    color: var(--color-white);
    border-color: var(--color-emerald);
    background-color: var(--color-emerald);
  }
}
@media (min-width: 825px) {
  .btn__text {
    font-size: 14px;
    font-weight: 500;
    line-height: 20px;
  }
}
@media (min-width: 825px) {
  .nmc-icon-button {
    color: var(--color-cerulean);
    background-color: transparent;
    border: none;
  }
}
@media (min-width: 825px) {
  .nmc-icon-button:focus {
    outline: none;
  }
}
@media (min-width: 825px) {
  .nmc-icon-button:hover {
    cursor: pointer;
  }
}
@media (min-width: 825px) {
  .nmc-toggle {
    display: flex;
    align-items: center;
    justify-content: center;
  }
}
@media (min-width: 825px) {
  .nmc-toggle__item {
    color: var(--color-action-default);
    margin-right: 0.5rem;
  }
}
@media (min-width: 825px) {
  .nmc-toggle__item:hover {
    cursor: pointer;
  }
}
@media (min-width: 825px) {
  .nmc-toggle__item--active {
    color: var(--color-cerulean);
  }
}
@media (min-width: 825px) {
  .profile {
    position: relative;
    display: inline-block;
  }
}
@media (min-width: 825px) {
  .profile__img {
    width: 15rem;
  }
}
@media (min-width: 825px) {
  .profile__caption {
    font-size: 1.2rem;
    color: var(--color-white);
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, 120%);
    opacity: 0;
    transition: all 0.5s ease-in;
    backface-visibility: hidden;
  }
}
@media (min-width: 825px) {
  .profile:hover .profile__caption {
    opacity: 1;
    transform: translate(-50%, -50%);
  }
}
@media (min-width: 825px) {
  .profile:hover .profile__img {
    filter: blur(3px);
  }
}
@media (min-width: 825px) {
  .card {
    -ms-perspective: 150rem;
    perspective: 150rem;
    position: relative;
    width: 30rem;
    height: 40rem;
  }
}
@media (min-width: 825px) {
  .card__side {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    border-radius: 5px;
    backface-visibility: hidden;
    box-shadow: 0 1rem 2rem rgba(18, 18, 18, 0.5);
    transition: all 0.5s ease-in;
  }
}
@media (min-width: 825px) {
  .card__front-side {
    background-color: var(--color-ocean-green);
  }
}
@media (min-width: 825px) {
  .card__back-side {
    background-color: var(--color-science-blue);
    transform: rotateY(180deg);
  }
}
@media (min-width: 825px) {
  .card:hover .card__front-side {
    transform: rotateY(-180deg);
  }
}
@media (min-width: 825px) {
  .card:hover .card__back-side {
    transform: rotateY(0);
  }
}
@media (min-width: 825px) {
  .list {
    display: flex;
    flex-direction: column;
    color: var(--color-white);
    font-size: 0.929em;
    flex: 1;
  }
}
@media (min-width: 825px) {
  .list--header {
    z-index: 9;
    position: sticky;
    top: 100px;
    background-color: var(--color-white);
    border-bottom: 1px solid var(--color-mystic);
  }
}
@media (min-width: 825px) {
  .list--shadowed {
    box-shadow: -9px 9px 16px 0 rgba(20, 20, 20, 0.05);
  }
}
@media (min-width: 825px) {
  .list__item {
    border: 1px solid transparent;
    user-select: none;
  }
}
@media (min-width: 825px) {
  .list__item--header {
    color: var(--color-white);
    font-weight: 500;
    padding: 1rem 1rem 1.5rem;
    text-transform: uppercase;
  }
}
@media (min-width: 825px) {
  .list__item__row {
    display: flex;
    align-items: center;
    padding: 1rem;
  }
}
@media (min-width: 825px) {
  .list__item__row--hover {
    box-shadow: var(--box-shadow-view);
  }
}
@media (min-width: 825px) {
  .list__item__row--header .list__item__row__col--title,
.list__item__row--header .list__item__row__col--type,
.list__item__row--header .list__item__row__col--updated {
    display: flex;
    align-items: center;
    cursor: pointer;
  }
}
@media (min-width: 825px) {
  .list__item__row--header .list__item__row__col__icon {
    margin: 0 1rem;
  }
}
@media (min-width: 825px) {
  .list__item__row__col {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }
}
@media (min-width: 825px) {
  .list__item__row__col--header {
    display: flex;
    align-items: center;
    cursor: pointer;
  }
}
@media (min-width: 825px) {
  .list__item__row__col--header__icon {
    margin-left: 1rem;
  }
}
@media (min-width: 825px) {
  .list__item__row__col--header__icon--asc {
    transform: rotate(180deg);
  }
}
@media (min-width: 825px) {
  .list__item__row__col--filler {
    flex: 1;
  }
}
@media (min-width: 825px) {
  .list__item__row__col--title {
    margin-right: auto;
    margin-left: 2rem;
    white-space: normal;
    overflow: visible;
    word-break: break-all;
    width: 30%;
  }
}
@media (min-width: 825px) {
  .list__item__row__col--title span {
    color: var(--color-curious-blue);
    font-size: 1rem;
    font-weight: 500;
    cursor: pointer;
  }
}
@media (min-width: 825px) {
  .list__item__row__col--size,
.list__item__row__col--type,
.list__item__row__col--updated {
    width: 15%;
  }
}
@media (min-width: 825px) {
  .list__item__row__col--thumbnail {
    width: 50px;
  }
}
@media (min-width: 825px) {
  .list__item__row__col--actions {
    display: flex;
    justify-content: flex-end;
    align-items: center;
    font-weight: 400;
    text-transform: none;
    width: 260px;
    overflow: visible;
  }
}
@media (min-width: 825px) {
  .list__item__row__col--actions__view-mode {
    text-transform: capitalize;
    display: flex;
  }
}
@media (min-width: 825px) {
  .list__item__row__col--actions__view-mode__icon {
    cursor: pointer;
    color: var(--color-loblolly);
    line-height: 0;
    margin: 0 0.25rem;
  }
}
@media (min-width: 825px) {
  .list__item__row__col--actions__view-mode__icon--active {
    color: var(--color-cerulean);
  }
}
@media (min-width: 825px) {
  .list__item__row__col--actions__icon {
    margin: 0 0.25rem;
  }
}
@media (min-width: 825px) {
  .list__item__row__col--actions__filters {
    display: flex;
    align-items: center;
    margin-right: 1rem;
  }
}
@media (min-width: 825px) {
  .list__item__row__col--actions__filters__icon {
    margin: 0 0.25rem;
    line-height: 0;
    color: var(--color-cerulean);
  }
}
@media (min-width: 825px) {
  .list__item__row__col--actions__details {
    color: var(--color-loblolly);
    margin-left: 1rem;
    padding-left: 1rem;
    line-height: 0;
    border-left: 2px solid var(--color-mystic);
  }
}
@media (min-width: 825px) {
  .list__item__row__col--actions__more {
    color: var(--color-loblolly);
  }
}
@media (min-width: 825px) {
  .list__item--selected {
    border-color: var(--color-cerulean);
  }
}
@media (min-width: 825px) {
  .list__item--selected + .list__item--selected {
    border-top-color: transparent;
  }
}
@media (min-width: 825px) {
  .list--striped .list__item:not(.list__item--header):nth-child(odd) {
    background-color: var(--color-black-squeeze);
  }
}
@media (min-width: 825px) {
  .ui.input.nmc-form-input > input {
    height: 34px;
    color: var(--color-tuna);
    font-size: 14px;
    border: 1px solid var(--color-loblolly);
    border-radius: 4px;
    background-color: var(--color-white);
    min-width: 471px;
    padding: 0.67857143em 1em;
    text-align: left;
    line-height: 1.21428571em;
    max-width: 100%;
    flex: 1 0 auto;
    outline: 0;
  }
}
@media (min-width: 825px) {
  .ui.input.nmc-form-input > input.active,
.ui.input.nmc-form-input > input:active,
.ui.input.nmc-form-input > input:focus {
    border-color: var(--color-cerulean);
    box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.13);
  }
}
@media (min-width: 825px) {
  .ui.input.nmc-form-input > input:focus {
    outline: none;
  }
}
@media (min-width: 825px) {
  .ui.input.nmc-form-input > input.disabled,
.ui.input.nmc-form-input > input[disabled] {
    background-color: var(--color-mystic);
    border: 1px solid var(--color-loblolly);
    color: var(--color-loblolly);
  }
}
@media (min-width: 825px) {
  .outerSpan {
    display: flex;
    align-items: center;
  }
}
@media (min-width: 825px) {
  .outerSpan {
    margin: 1rem, 0;
    padding: 1rem, 0;
    flex: 1;
    overflow: hidden;
  }
}
@media (min-width: 825px) {
  .innerSpan {
    width: max-content;
    flex-wrap: "nowrap";
    overflow: hidden;
  }
}
@media (min-width: 825px) {
  .pointerForPills {
    padding: 5px;
    margin: 5px;
    display: inline-block;
    padding: 5px 10px 5px 5px;
    background-color: var(--color-storm-gray-2);
    color: var(--color-white);
    border-radius: 50px;
    position: relative;
    cursor: pointer;
  }
}
@media (min-width: 825px) {
  .results {
    margin: 1rem, 0;
    text-align: center;
  }
}
@media (min-width: 825px) {
  .pillsblock {
    overflow: hidden;
    width: 100%;
  }
}
@media (min-width: 825px) {
  .pillsblock ul {
    padding: 0;
    margin: 0;
    overflow: hidden;
    white-space: nowrap;
  }
}
@media (min-width: 825px) {
  .pill_wrapper {
    width: 74%;
    align-items: center;
  }
}
@media (min-width: 825px) {
  .grid {
    flex-wrap: wrap;
    padding-right: 1rem;
    flex: 1;
  }
}
@media (min-width: 825px) {
  .grid--header {
    z-index: 10;
    width: 100%;
    position: -moz-sticky;
    position: -ms-sticky;
    position: -o-sticky;
    position: sticky;
    top: 100px;
    background-color: var(--color-white);
    border-bottom: 1px solid var(--color-mystic);
  }
}
@media (min-width: 825px) {
  @supports not (position: sticky) {
    .grid--header {
      position: -webkit-sticky !important;
    }
  }
}
@media (min-width: 825px) {
  .grid--shadowed {
    box-shadow: -9px 9px 16px 0 rgba(20, 20, 20, 0.05);
  }
}
@media (min-width: 825px) {
  .grid__body {
    display: flex;
    flex-flow: row wrap;
  }
}
@media (min-width: 825px) {
  .grid__item {
    display: flex;
    margin: 0 0 0 16px;
    max-width: 30rem;
  }
}
@media (min-width: 825px) {
  .grid__item--header {
    color: var(--color-white);
    font-size: 0.929em;
    font-weight: 500;
    text-transform: uppercase;
    padding: 1rem 0 1.5rem;
    width: 100%;
    max-width: unset;
  }
}
@media (min-width: 825px) {
  .grid__item__row {
    width: 100%;
    display: flex;
    align-items: center;
    min-height: 42px;
    position: relative;
  }
}
@media (min-width: 825px) {
  .grid__item__row__col {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }
}
@media (min-width: 825px) {
  .grid__item__row__col--filler {
    flex: 1;
  }
}
@media (min-width: 825px) {
  .grid__item__row__col--actions {
    display: flex;
    justify-content: flex-end;
    align-items: center;
    font-weight: 400;
    text-transform: none;
    overflow: visible;
  }
}
@media (min-width: 825px) {
  .grid__item__row__col--actions__view-mode {
    text-transform: capitalize;
    display: flex;
    align-items: center;
  }
}
@media (min-width: 825px) {
  .grid__item__row__col--actions__view-mode__icon {
    cursor: pointer;
    color: var(--color-loblolly);
    line-height: 0;
    margin: 0 0.25rem;
  }
}
@media (min-width: 825px) {
  .grid__item__row__col--actions__view-mode__icon--active {
    color: var(--color-cerulean);
  }
}
@media (min-width: 825px) {
  .grid__item__row__col--actions__filters {
    display: flex;
    align-items: center;
    line-height: 1rem;
    margin-right: 1rem;
  }
}
@media (min-width: 825px) {
  .grid__item__row__col--actions__filters__icon {
    margin: 0 0.25rem;
    color: var(--color-cerulean);
  }
}
@media (min-width: 825px) {
  .grid__item__row__col--actions__details {
    color: var(--color-loblolly);
    line-height: 0;
    margin-left: 1rem;
    padding-left: 1rem;
    border-left: 2px solid var(--color-mystic);
  }
}
@media (min-width: 825px) {
  .grid__item__row__col--actions__more {
    color: var(--color-loblolly);
  }
}
@media (min-width: 825px) {
  .nmc-icon {
    display: flex;
    align-items: center;
    justify-content: center;
  }
}
@media (min-width: 825px) {
  .nmc-icon--share,
.nmc-icon--threedot {
    color: var(--color-cerulean);
    min-height: 28px;
    min-width: 28px;
  }
}
@media (min-width: 825px) {
  .header {
    text-align: center;
    padding: 2rem 0;
    background-color: var(--color-midnight);
    color: var(--color-alto);
    animation: all 0.8s ease-in;
    box-shadow: 0 1rem 2rem rgba(18, 18, 18, 0.5);
    position: fixed;
    top: 0;
    width: 100vw;
    z-index: 100;
  }
}
@media (min-width: 825px) {
  .main {
    display: flex;
    flex-direction: row;
  }
}
@media (min-width: 825px) and (max-width: 900px) {
  .main__left-bar {
    display: none;
  }
}
@media (min-width: 825px) {
  .main > * {
    height: var(--app-height);
    padding: 0 2rem;
  }
}
@media (min-width: 825px) {
  .main__left-bar {
    flex: 2;
  }
}
@media (min-width: 825px) {
  .main__right-content {
    flex: 8;
    overflow-y: scroll;
    background: rgba(222, 222, 222, 0.3);
  }
}
@media (min-width: 825px) {
  .main__right-content scroll-container {
    height: 100%;
    display: block;
    overflow-y: scroll;
    scroll-behavior: smooth;
  }
}
@media (min-width: 825px) {
  .main__right-content scroll-container::-webkit-scrollbar {
    display: none;
  }
}
@media (min-width: 825px) {
  .main__div {
    padding: 3rem 0;
  }
}
@media (min-width: 825px) {
  .main__div:first-child {
    padding-top: 8rem;
  }
}
@media (min-width: 825px) {
  .main__grid--text {
    font-size: 2rem;
    padding-bottom: 2rem;
  }
}
@media (min-width: 825px) {
  .main__grid [class^=col-] {
    text-align: center;
    border-radius: 5px;
    color: var(--color-white);
    font-size: 1.2rem;
    background-color: var(--color-ocean-green);
    padding: 1rem 0;
  }
}
@media (min-width: 825px) {
  .main__animation--text,
.main__breakpoint--text {
    font-size: 2rem;
    padding-bottom: 2rem;
  }
}
@media (min-width: 825px) {
  .main__list {
    list-style: none;
    padding: 0;
    margin: 0;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
  }
}
@media (min-width: 825px) {
  .main__item {
    padding: 2rem 0;
  }
}
@media (min-width: 825px) {
  .main__item:not(:last-child) {
    padding-bottom: 1rem;
  }
}
@media (min-width: 825px) {
  .main__link {
    text-transform: uppercase;
    text-decoration: none;
    font-size: 1.2rem;
  }
}
@media (min-width: 825px) {
  .main .code-snippet {
    border: 1px solid #111;
  }
}
@media (min-width: 825px) and (max-width: 900px) {
  .main .code-snippet {
    display: none;
  }
}
@media (min-width: 825px) {
  .main .code-snippet__code {
    font-size: 1.5rem;
  }
}
@media (min-width: 825px) {
  #okta-sign-in .custom-checkbox label,
#okta-sign-in .o-form .o-form-input input[name=nextPassCode],
#okta-sign-in .o-form .o-form-input input[name=passCode] {
    font-size: 13px;
    font-family: Heebo, sans-serif;
  }
}
@media (min-width: 825px) {
  body ::-webkit-scrollbar-track {
    background-color: var(--color-mercury);
    border-radius: 0;
  }
}
@media (min-width: 825px) {
  body ::-webkit-scrollbar {
    -webkit-appearance: none;
    width: 10px;
  }
}
@media (min-width: 825px) {
  body ::-webkit-scrollbar-thumb {
    cursor: pointer;
    border-radius: 6px;
    background-color: var(--color-silver-chalice);
    transition: color 0.2s ease;
  }
}
@media (min-width: 825px) {
  .nmc-icon-button--warn {
    color: var(--color-burnt-sienna);
  }
}
@media (min-width: 825px) {
  .nmc-icon-button--lrg svg {
    width: 40px;
    height: 40px;
  }
}
@media (min-width: 825px) {
  .nmc--no-scroll {
    overflow: hidden;
  }
}
@media (min-width: 825px) {
  .mobile-error-container {
    display: none;
  }
}
@media (min-width: 825px) {
  #okta-sign-in .o-form .input-fix input[disabled],
#okta-sign-in .o-form .input-fix input[readonly],
#okta-sign-in .o-form .textarea-fix input[disabled],
#okta-sign-in .o-form .textarea-fix input[readonly] {
    background: transparent !important;
  }
}
@media (min-width: 825px) {
  .o-form-has-errors > input {
    border: 1px solid rgba(236, 94, 94, 0.45) !important;
  }
}
@media (min-width: 825px) {
  #new-login {
    position: relative;
    top: 0;
    left: 0;
    background-size: cover;
    background-position: 50%;
    border-radius: 14px;
    margin: 30px auto;
    min-height: calc(var(--app-height) - 105px);
    width: calc(100vw - 150px);
    display: flex;
    padding-top: 50px;
  }
}
@media (min-width: 825px) {
  .affiliate-login {
    background-position-x: calc(-30vw) !important;
    background-repeat: repeat-y;
    background-color: black;
    background-size: calc(80vw) calc(100vh) !important;
  }
}
@media (min-width: 825px) {
  .affiliate-login .form {
    background-color: black;
    min-height: calc(var(--app-height) - 60vh);
    padding-left: 80px;
    margin: auto 13vw auto auto !important;
  }
}
@media (min-width: 825px) {
  .affiliate-login button {
    width: 126% !important;
  }
}
@media (min-width: 825px) {
  .affiliate-login .okta-widget-container {
    width: 126% !important;
  }
}
@media (min-width: 825px) {
  .affiliate-login .okta-container {
    margin-top: 65px !important;
  }
}
@media (min-width: 825px) {
  .affiliate-login {
    background-position-x: calc(-30vw) !important;
    background-repeat: repeat-y;
    background-color: black;
    background-size: calc(80vw) calc(100vh) !important;
  }
}
@media (min-width: 825px) {
  .affiliate-login .form {
    background-color: black;
    min-height: calc(var(--app-height) - 60vh);
    padding-left: 80px;
    margin: auto 13vw auto auto !important;
  }
}
@media (min-width: 825px) {
  .affiliate-login button {
    width: 126% !important;
  }
}
@media (min-width: 825px) {
  .affiliate-login .okta-widget-container {
    width: 126% !important;
  }
}
@media (min-width: 825px) {
  .affiliate-login .okta-container {
    margin-top: 65px !important;
  }
}
@media (min-width: 825px) {
  .first-button {
    margin-top: 0;
  }
}
@media (min-width: 825px) {
  #footer {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: center;
    align-items: center;
    align-content: center;
    color: #FFFFFF;
    letter-spacing: 0;
    line-height: 8px;
    text-align: center;
    width: 100%;
    font-size: 12px;
    height: 20px;
    position: absolute;
    bottom: -45px;
    overflow: hidden;
  }
}
@media (min-width: 825px) {
  .footer-item {
    padding: 0 20px;
    border-right: 1px solid;
    opacity: 0.9;
    cursor: pointer;
  }
}
@media (min-width: 825px) {
  .last-footer-item {
    padding: 0 20px;
    opacity: 0.9;
  }
}
@media (min-width: 825px) {
  img[id^=__lpform_okta-signin-username_icon] {
    display: none !important;
  }
}
@media (min-width: 825px) {
  img[id^=__lpform_okta-signin-password_icon] {
    display: none !important;
  }
}
@media (min-width: 825px) {
  input {
    background-image: none !important;
  }
}
@media (min-width: 825px) {
  .okta-container {
    margin: 20px 0 0 0;
  }
}
@media (min-width: 825px) {
  .affiliate-login .mfa-verify-passcode .o-form-fieldset-container {
    display: block !important;
    text-align: center !important;
  }
  .affiliate-login .auth-passcode {
    width: unset !important;
  }
  .affiliate-login .o-form-has-errors {
    display: inline-block !important;
  }
  .affiliate-login .infobox-error {
    text-align: center;
    margin-bottom: 5px;
  }
  .affiliate-login .email-request-button {
    display: inline-block !important;
    float: unset !important;
    height: unset !important;
    margin-top: 15px;
  }
}
@media (max-width: 825px) {
  :root {
    --background-color: #0c1939;
    --font-size-primary-button: 12px;
    --font-weight-back-to-login-text: 500;
  }

  .helper-text-container {
    display: flex;
    flex-direction: column;
    text-align: center;
    align-items: center;
    justify-content: center;
    font-size: 11px;
    transition: none;
    white-space: nowrap;
    margin: 0 auto;
    width: calc(100% - 84px);
  }
  .helper-text-container p.helper-text-container__text {
    text-decoration: none;
    color: rgba(255, 255, 255, 0.66);
    margin-bottom: 14px;
  }
  .helper-text-container a.helper-text-container__link,
.helper-text-container p.helper-text-container__text a.helper-text-container__link {
    color: rgba(255, 255, 255, 0.66);
    cursor: pointer;
    text-decoration: underline;
  }
  .helper-text-container a.helper-text-container__link:hover,
.helper-text-container p.helper-text-container__text a.helper-text-container__link:hover {
    color: rgba(255, 255, 255, 0.8);
  }
  .helper-text-container span.helper-text-container__phone {
    color: rgba(0, 185, 234, 0.66);
  }

  .ui.modal.active.modal--terms-and-conditions {
    height: calc(100% - 2rem);
  }
  .ui.modal.active.modal--terms-and-conditions .header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    height: 65px;
    padding: 20px !important;
  }
  .ui.modal.active.modal--terms-and-conditions .header__text {
    margin: 0;
  }
  .ui.modal.active.modal--terms-and-conditions .content {
    height: calc(100% - 65px);
    overflow-y: auto;
  }

  #okta-sign-in .mfa-verify form[data-se=factor-sms] .okta-form-subtitle, #okta-sign-in .mfa-verify form[data-se=factor-call] .okta-form-subtitle {
    color: var(--color-white);
    font-size: 12px;
    line-height: 18px;
    letter-spacing: 0.63px;
    opacity: 0.44;
  }

  .login-line {
    border-bottom: 1px solid rgba(255, 255, 255, 0.46);
    border-radius: 0.25px;
    width: 100%;
  }

  .login-header {
    text-align: left !important;
    font-size: 51px;
    letter-spacing: 0;
    color: white;
    font-weight: normal;
  }

  .login-sub-header {
    color: transparent;
    font-family: Heebo;
    font-size: 36px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    text-transform: capitalize;
    text-align: left;
    background-image: linear-gradient(
        to right,
        #f59fa8,
        #966fe8,
        #62c6ff,
        #76cbc8
    );
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
  }

  .okta-login-header {
    font-weight: normal;
  }

  .sso-button {
    box-sizing: border-box !important;
    height: 39px !important;
    width: 100% !important;
    color: #FFFFFF !important;
    font-family: Heebo !important;
    font-size: 13px !important;
    text-align: left !important;
    justify-content: flex-start !important;
    position: relative !important;
    transition: box-shadow 0.3s ease, transform 0.3s ease;
    border-radius: 30px;
  }

  .sso-button:hover {
    background-color: black;
  }

  .first-button {
    margin-top: 0 !important;
  }

  .primary-button-wrapper {
    display: inline-block;
    padding: 1.5px;
    border-radius: 50px;
    background: linear-gradient(90deg, 
    #F59FA8 0%, 
    #CD8BC3 17%, 
    #966FE8 33%, 
    #7C9BF4 50%, 
    #62C6FF 67%, 
    #6CC9E2 83%, 
    #76CBC8 100%);
  }
  


  .primary {
    display: inline-block;
    padding: 12px 24px;
    font-size: 16px;
    color: white;
    text-align: center;
    background-color: black !important;
    border: 3px solid transparent;
    border-radius: 50px;
    cursor: pointer;
  }
  .secondary {
    background: linear-gradient(
        to right, 
        rgba(19, 19, 19, 0.7), 
        rgba(19, 19, 19, 0.5) 50%, 
        #262626
    );
  }
  .secondary:hover {
    background: linear-gradient(
        to right, 
        rgba(10, 10, 10, 0.9),
        rgba(10, 10, 10, 0.5) 60%,
        #1f1f1f
    );
  }

  .new-login-form {
    display: block !important;
  }

  .arrow {
    border: solid rgba(255, 255, 255, 0.76);
    border-width: 0 2px 2px 0;
    display: inline-block;
    padding: 4px;
    right: 20px;
    position: absolute;
  }

  .right {
    transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
  }

  #new-login {
    flex: 1 1 100%;
    top: 0;
    left: 0;
    border-radius: 14px;
    background-image: unset !important;
    padding-top: 10px;
  }

  .okta-login-header-container {
    margin-top: 84px;
    margin-bottom: -46px;
  }

  .request-access {
    display: none;
    width: 100%;
  }
  .request-access--active {
    display: block;
  }
  .request-access .form {
    display: grid;
    grid-row-gap: 15px;
    margin-bottom: 15px;
    margin-top: 20px;
    margin-left: 15px;
    width: 90vw;
  }
  .request-access .form__group--captcha {
    margin: 3.5px 0 1.5px 0;
  }
  .request-access .form__group--button {
    display: grid;
    grid-template-columns: auto auto;
    justify-content: center;
    grid-column-gap: 20px;
  }
  .request-access .form__group--error label {
    color: var(--color-burnt-sienna) !important;
  }
  .request-access .form__group--error label:after {
    content: "Invalid Format";
    float: right;
    text-transform: none;
  }
  .request-access .form__group--error input {
    border-color: var(--color-burnt-sienna) !important;
  }
  .request-access h1 {
    margin-bottom: 0;
    font-size: 26px;
    letter-spacing: 0;
    color: white;
    font-weight: 300;
  }
  .request-access label {
    position: relative;
    bottom: 6px;
    color: var(--color-white);
    font-size: 11px;
    font-weight: 500;
    letter-spacing: 0.58px;
    line-height: 17px;
    opacity: 0.44;
    text-transform: uppercase;
    bottom: 8px;
    color: var(--color-white);
    font-size: 12px;
    letter-spacing: 0.63px;
    line-height: 18px;
    opacity: 1;
  }
  .request-access input[type=text],
.request-access input[type=email] {
    color: var(--color-white);
    background-color: var(--color-transparent-white);
    font-size: 12px;
    letter-spacing: 0.53px;
    line-height: 18px;
    border: 1px solid var(--color-loblolly);
    border-radius: 4px;
    height: 42px;
    width: 100%;
    padding: 0 16px !important;
    filter: none;
  }
  .request-access button {
    position: relative;
    color: var(--color-white) !important;
    cursor: pointer;
    height: 47px;
    font-size: 13px;
    width: 121px !important;
    padding-left: 15px;
    background-color: transparent;
    border: none;
  }
  .request-access button:hover {
    background-color: transparent;
  }
  .request-access button:hover > #sso-loader-fox {
    color: white !important;
  }
  .request-access button:hover > #sso-loader-affiliate {
    color: white !important;
  }
  .request-access button[type=submit] {
    display: inline-flex;
    justify-content: center;
    align-items: center;
    background: unset !important;
    background-color: rgba(58, 95, 171, 0.32) !important;
    color: var(--color-white) !important;
    background-clip: padding-box !important;
    font-size: 13px;
    font-weight: 500;
    line-height: 19px;
    text-align: center;
    border: 1px solid #3A5FAB;
    border-radius: 4px;
    height: 40px;
    width: 100%;
    padding: 0;
    margin: 0;
    cursor: pointer;
  }
  .request-access button[type=submit]:hover {
    background: #3A5FAB !important;
  }

  .request-access-success {
    display: none;
    justify-items: center;
    align-items: center;
    grid-row-gap: 21px;
    margin-top: 28px;
  }
  .request-access-success--active {
    display: grid;
  }
  .request-access-success__title {
    color: var(--color-white);
    font-size: 20px;
    font-weight: 300;
    line-height: 29px;
    text-align: center;
    margin: 0 0 75px 0;
  }
  .request-access-success__subtitle {
    color: var(--color-white);
    font-size: 26px;
    font-weight: normal;
    line-height: 38px;
    margin: 0;
  }
  .request-access-success__subtitle::after {
    content: url(/assets/images/email_sent.svg);
    margin-left: 10px;
  }
  .request-access-success__text {
    color: var(--color-white);
    font-size: 15px;
    line-height: 23px;
    text-align: center;
  }
  .request-access-success__button {
    display: inline-flex;
    justify-content: center;
    align-items: center;
    background: unset !important;
    background-color: rgba(58, 95, 171, 0.32) !important;
    color: var(--color-white) !important;
    background-clip: padding-box !important;
    font-size: 13px;
    font-weight: 500;
    line-height: 19px;
    text-align: center;
    border: 1px solid #3A5FAB;
    border-radius: 4px;
    height: 40px;
    width: 100%;
    padding: 0;
    margin: 0;
    cursor: pointer;
  }
  .request-access-success__button:hover {
    background: #3A5FAB !important;
  }
  .request-access-success .helper-text-container {
    position: absolute;
    bottom: 18px;
    left: 0;
    right: 0;
  }

  .request-access-error {
    position: relative;
    display: none;
    align-content: start;
    grid-row-gap: 40px;
    height: calc(100vh - 130px - 50px);
    width: 100%;
    margin-top: 50px;
  }
  .request-access-error--active {
    display: grid;
  }
  .request-access-error__message {
    display: grid;
    grid-row-gap: 20px;
  }
  .request-access-error__message__title {
    color: var(--color-cerulean-2);
    font-size: 2.5em;
    font-weight: 500;
    margin: 0;
  }
  .request-access-error__message__subtitle {
    color: var(--color-white);
    font-size: 18px;
    font-weight: normal;
    line-height: 30px;
    opacity: 0.9;
    margin: 0;
  }
  .request-access-error__message__text {
    color: var(--color-white);
    font-size: 16px;
    line-height: 20px;
    opacity: 0.9;
  }
  .request-access-error__info {
    display: grid;
    grid-row-gap: 4px;
  }
  .request-access-error__info__help-text {
    color: var(--color-white);
    font-size: 22px;
    line-height: 32px;
  }
  .request-access-error__info__help-text--full {
    display: none;
  }
  .request-access-error__info__link {
    color: var(--color-cerulean);
    font-size: 19px;
    line-height: 28px;
  }
  .request-access-error__icon {
    position: absolute;
    right: 0;
    top: 25px;
    width: 200px;
  }

  .ui.page.modals.dimmer.transition.visible.active {
    position: static;
    transform: none !important;
    perspective: none !important;
  }

  #modal--terms-and-conditions {
    display: grid !important;
    grid-template-rows: auto;
    border-radius: 0;
    height: 100%;
    width: 100%;
    margin: 0 !important;
    will-change: auto;
  }
  #modal--terms-and-conditions .header {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    background-color: #000000;
    height: 40px;
    padding: 0 18px !important;
    margin: 0;
    border-radius: unset;
    border: unset;
  }
  #modal--terms-and-conditions .header .terms-and-conditions-mediacloud-logo {
    max-height: 28px;
    margin-top: 4px;
  }
  #modal--terms-and-conditions .header__text {
    color: var(--color-tuna);
    font-size: 16px;
    font-weight: 500;
    line-height: 24px;
  }
  #modal--terms-and-conditions .header__text.desktop {
    display: none;
  }
  #modal--terms-and-conditions .header__icon {
    display: flex;
    color: var(--color-loblolly);
    height: 11px;
    width: 11px;
  }
  #modal--terms-and-conditions .header__icon svg {
    height: 100%;
    width: 100%;
  }
  #modal--terms-and-conditions .content {
    height: calc(100% - 42px);
    padding: calc(40px + 8px) 19px 8px 19px !important;
    overflow-y: auto;
  }
  #modal--terms-and-conditions .content .description {
    padding: 0 !important;
  }
  #modal--terms-and-conditions .content .copyright-notice > .modal__title {
    font-size: 14px;
  }
  #modal--terms-and-conditions .content .copyright-notice > .modal__content {
    font-size: 12px;
    margin-bottom: 14px;
  }
  #modal--terms-and-conditions .content .terms-of-use > .modal__title {
    font-size: 12px;
    margin-bottom: 0;
  }
  #modal--terms-and-conditions .list {
    color: var(--color-storm-gray);
    list-style: none;
    padding: 0;
    margin: 0;
  }

  @media (max-width: 825px) {
    #modal--terms-and-conditions .list {
        color: var(--color-black) !important;
    }
  }
  
  #modal--terms-and-conditions .list #ARBITRATION {
    scroll-margin-top: 20px;
  }
  #modal--terms-and-conditions .list__item {
    font-size: 12px;
    font-weight: 500;
    margin-right: 10px;
    margin-bottom: 20px;
    overflow-x: hidden;
  }
  #modal--terms-and-conditions .list__title {
    display: inline-flex;
    margin: 0 0 15px 0;
  }
  #modal--terms-and-conditions .list__content {
    font-weight: normal;
    line-height: 18px;
    text-align: justify;
  }
  #modal--terms-and-conditions .list .scroll-link {
    cursor: pointer !important;
    color: var(--color-curious-blue);
  }
  #modal--terms-and-conditions .list .terms-agreement {
    font-size: 12px;
  }
  #modal--terms-and-conditions .footer {
    position: fixed;
    bottom: 0;
    width: 100%;
    height: 40px;
    background-color: #FFFFFF;
    color: black;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: space-between;
    align-items: center;
    padding: 0 10px;
    box-shadow: rgba(0, 0, 0, 0.13) 0 0 8px 0;
  }
  #modal--terms-and-conditions .footer .modal--terms-and-conditions-footer-left {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
  }
  #modal--terms-and-conditions .footer .modal--terms-and-conditions-footer-left span > svg {
    width: 24px;
    height: 23px;
  }
  #modal--terms-and-conditions .footer .modal--terms-and-conditions-footer-left .modal--terms-and-conditions-footer-left-text {
    padding-left: 11px;
    color: #041528;
    font-size: 14px;
    letter-spacing: 0;
    line-height: 23px;
  }
  #modal--terms-and-conditions .footer .modal--terms-and-conditions-footer-actions button {
    display: flex;
    justify-content: center;
    align-items: center;
    color: #ffffff;
    background-color: #000000;
    font-weight: normal;
    line-height: 21px;
    border-radius: 7px;
    height: 48px;
    border: none;
    cursor: pointer;
    width: 86px;
    max-width: 60px;
    max-height: 30px;
    font-size: 11px;
  }

  #okta-sign-in .auth-footer a[data-se=back-link] {
    color: var(--color-cerulean-2) !important;
    font-weight: var(--font-weight-back-to-login-text);
  }
  #okta-sign-in .custom-checkbox input[type=checkbox] {
    visibility: hidden;
  }
  #okta-sign-in .custom-checkbox input[type=checkbox] + label {
    cursor: pointer;
    padding-left: 10px;
    background: none;
    display: flex;
    line-height: 17px;
  }
  #okta-sign-in .custom-checkbox input[type=checkbox] + label::before {
    background: transparent;
    color: var(--color-white);
    text-align: center;
    font-size: 12px;
    border: 1px solid var(--color-white);
    border-radius: 2px;
    display: flex;
    justify-content: center;
    align-items: center;
    content: " ";
    margin: 0 0.5em 0 0;
    padding: 0;
    height: 15px;
    width: 15px;
  }
  #okta-sign-in .custom-checkbox input[type=checkbox]:checked + label::before {
    color: var(--color-white);
    content: "✓";
  }
  #okta-sign-in .custom-checkbox input[type=checkbox]:checked + label::after {
    font-weight: bold;
  }
  #okta-sign-in .custom-checkbox input[type=checkbox]:focus + label::before {
    outline: none;
  }
  #okta-sign-in .o-form-error-container {
    width: 100%;
    display: flex;
  }
  #okta-sign-in .o-form-error-container .okta-form-infobox-error,
#okta-sign-in .o-form-error-container .okta-form-infobox-warning,
#okta-sign-in .o-form-error-container [data-se=o-form-error-html] {
    display: grid !important;
    grid-template-columns: auto 1fr;
    grid-column-gap: 11px;
    background-color: transparent;
    border: none;
    padding: 0 !important;
    margin-bottom: 0 !important;
  }
  #okta-sign-in .o-form-error-container .okta-form-infobox-error::before,
#okta-sign-in .o-form-error-container .okta-form-infobox-warning::before,
#okta-sign-in .o-form-error-container [data-se=o-form-error-html]::before {
    background-color: transparent;
  }
  #okta-sign-in .o-form-error-container .okta-form-infobox-error p,
#okta-sign-in .o-form-error-container .okta-form-infobox-warning p,
#okta-sign-in .o-form-error-container [data-se=o-form-error-html] p {
    align-self: center;
  }
  #okta-sign-in .o-form-error-container .okta-form-infobox-error .icon,
#okta-sign-in .o-form-error-container .okta-form-infobox-warning .icon,
#okta-sign-in .o-form-error-container [data-se=o-form-error-html] .icon {
    display: none;
    position: static;
  }
  #okta-sign-in .o-form-error-container .okta-form-infobox-error .icon::before,
#okta-sign-in .o-form-error-container .okta-form-infobox-warning .icon::before,
#okta-sign-in .o-form-error-container [data-se=o-form-error-html] .icon::before {
    position: static;
    color: var(--color-burnt-sienna);
    font-size: 16px;
  }
  #okta-sign-in .o-form-error-container .okta-form-infobox-error p,
#okta-sign-in .o-form-error-container .okta-form-infobox-error span::before {
    color: var(--color-burnt-sienna);
    position: static;
    font-size: 12px;
    margin-top: -13px;
  }
  #okta-sign-in .o-form-error-container [data-se=o-form-error-html] h4 {
    position: static;
    color: var(--color-burnt-sienna);
    font-size: 12px;
  }
  #okta-sign-in .o-form-error-container .okta-form-infobox-warning p,
#okta-sign-in .o-form-error-container .okta-form-infobox-warning span::before {
    color: var(--color-burnt-sienna);
    z-index: 1000;
    margin-bottom: -14px;
    font-size: 12px;
  }
  #okta-sign-in .o-form .okta-form-input-error {
    position: absolute;
    bottom: -28px;
    color: var(--color-burnt-sienna);
    padding-left: 0px;
    font-size: 12px;
    font-weight: 400;
    letter-spacing: 0;
    font-family: Heebo;
  }
  #okta-sign-in .o-form .okta-form-input-error .icon {
    top: auto;
    left: 0;
    height: 11px;
    width: 11px;
    display: none;
  }
  #okta-sign-in .o-form .okta-form-input-error .icon::before {
    color: var(--color-burnt-sienna);
  }
  #okta-sign-in a[data-se=needhelp] {
    display: none;
  }
  #okta-sign-in ul.help-links.js-help-links {
    display: grid !important;
    grid-auto-columns: auto;
    grid-auto-flow: column;
  }
  #okta-sign-in ul.help-links.js-help-links > li {
    padding: 0 10px;
    line-height: 12px;
    border-right: 1px solid rgba(255, 255, 255, 0.8);
    margin: 0;
    white-space: nowrap;
  }
  #okta-sign-in ul.help-links.js-help-links > li:last-child,
#okta-sign-in ul.help-links.js-help-links > li [data-se=help-link] {
    display: none;
  }
  #okta-sign-in ul.help-links.js-help-links > li:nth-last-child(2) {
    border-right: none;
  }
  #okta-sign-in ul.help-links.js-help-links > li a {
    font-size: 13px;
    color: white;
    cursor: pointer;
    font-weight: 400;
  }
  #okta-sign-in ul.help-links.js-help-links > li a:hover {
    text-decoration: none;
  }
  #okta-sign-in .factors-dropdown-wrap .dropdown.more-actions {
    background-color: transparent;
  }
  #okta-sign-in .factors-dropdown-wrap .dropdown.more-actions > a {
    left: 8px;
    box-shadow: none !important;
  }
  #okta-sign-in .factors-dropdown-wrap .dropdown.more-actions ul.okta-dropdown-list {
    background-color: rgba(255, 255, 255, 0.79);
    border: 0.7px solid var(--color-loblolly);
    border-radius: 4px;
    box-shadow: 0 2px 10px 2px #0f253d;
  }
  #okta-sign-in .factors-dropdown-wrap .dropdown.more-actions ul.okta-dropdown-list li {
    display: flex;
    align-items: center;
    background-color: inherit;
    padding: 0 17px;
    height: 46px;
    border-bottom: 1px solid rgba(255, 255, 255, 0.5);
  }
  #okta-sign-in .factors-dropdown-wrap .dropdown.more-actions ul.okta-dropdown-list li:last-of-type {
    border: none;
  }
  #okta-sign-in .factors-dropdown-wrap .dropdown.more-actions ul.okta-dropdown-list li a {
    flex: 1 1 100%;
    display: grid;
    grid-template-columns: 30px 1fr;
    grid-column-gap: 17px;
    align-items: center;
    color: #04111e;
    font-size: 12px;
    line-height: 14px;
    padding: 0;
    height: 100%;
  }
  #okta-sign-in .factors-dropdown-wrap .dropdown.more-actions ul.okta-dropdown-list li span.factor-icon {
    position: static;
  }
  #okta-sign-in .factors-dropdown-wrap .dropdown.more-actions ul.okta-dropdown-list li.dropdown-list-title {
    font-size: 13px;
    font-weight: bold;
    line-height: 15px;
    border-bottom: 1px solid var(--color-white);
  }
  #okta-sign-in .factors-dropdown-wrap .dropdown.more-actions ul.okta-dropdown-list li.dropdown-list-title a {
    grid-template-columns: auto;
    justify-content: center;
    color: var(--color-storm-gray);
  }
  #okta-sign-in .o-form [data-se=o-form-explain] {
    color: var(--color-white);
    font-size: 13px;
    line-height: 19px;
    text-align: center;
    padding: 0 20px;
  }
  #okta-sign-in .o-form [data-se=o-form-head] {
    color: var(--color-white);
    font-size: 20px;
    font-weight: 300;
    line-height: 29px;
  }
  #okta-sign-in .account-unlocked form[data-se=account-unlocked] div[data-se=o-form-fieldset-container] {
    display: flex;
    justify-content: center;
  }
  #okta-sign-in .account-unlock-email-sent,
#okta-sign-in .password-reset-email-sent {
    margin-top: 70px;
  }
  #okta-sign-in .account-unlock-email-sent [data-se=pwd-reset-email-sent] [data-se=o-form-head]::after,
#okta-sign-in .account-unlock-email-sent [data-se=unlock-email-sent] [data-se=o-form-head]::after,
#okta-sign-in .password-reset-email-sent [data-se=pwd-reset-email-sent] [data-se=o-form-head]::after,
#okta-sign-in .password-reset-email-sent [data-se=unlock-email-sent] [data-se=o-form-head]::after {
    content: url("/assets/images/email_sent.svg");
    position: relative;
    top: 2px;
    margin: 0 10px;
  }
  #okta-sign-in .forgot-password {
    margin-top: 62px;
  }
  #okta-sign-in .forgot-password form[data-se=o-form].forgot-password-sms-enabled.forgot-password-email-enabled h2[data-se=o-form-head].okta-form-title {
    font-weight: 300;
    margin-bottom: 27px;
  }
  #okta-sign-in .forgot-password form[data-se=o-form].forgot-password-sms-enabled.forgot-password-email-enabled div[data-se=o-form-fieldset-container] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-template-rows: auto;
    grid-column-gap: 23px;
  }
  #okta-sign-in .forgot-password form[data-se=o-form].forgot-password-sms-enabled.forgot-password-email-enabled div[data-se=o-form-fieldset-container] span[data-se=o-form-input-username]::before {
    content: "Username or Email Address";
  }
  #okta-sign-in .forgot-password form[data-se=o-form].forgot-password-sms-enabled.forgot-password-email-enabled div[data-se=o-form-fieldset-container] > div,
#okta-sign-in .forgot-password form[data-se=o-form].forgot-password-sms-enabled.forgot-password-email-enabled div[data-se=o-form-fieldset-container] div[data-se=o-form-fieldset] {
    grid-column: 1/3;
  }
  #okta-sign-in .forgot-password form[data-se=o-form].forgot-password-sms-enabled.forgot-password-email-enabled div[data-se=o-form-fieldset-container] a[data-se=sms-button] {
    justify-self: end;
  }
  #okta-sign-in .forgot-password form[data-se=o-form].forgot-password-sms-enabled.forgot-password-email-enabled div[data-se=o-form-fieldset-container] a[data-se=email-button] {
    justify-self: start;
  }
  #okta-sign-in .mfa-verify form[data-se=factor-call] .okta-form-title {
    margin-bottom: 5px;
  }
  #okta-sign-in .mfa-verify form[data-se=factor-call] div[data-se=o-form-fieldset-container] {
    display: flex;
  }
  #okta-sign-in .mfa-verify form[data-se=factor-call] div[data-se=o-form-fieldset-container] a[data-se=make-call] {
    margin-right: 13px;
  }
  #okta-sign-in .mfa-verify form[data-se=factor-call] div[data-se=o-form-fieldset-container] div[data-se=o-form-fieldset] {
    margin: 0;
  }
  #okta-sign-in .mfa-verify form[data-se=factor-call] div[data-se=o-form-fieldset-container] div[data-se=o-form-fieldset] div[data-se=o-form-input-container] {
    width: 100%;
  }
  #okta-sign-in .mfa-verify form[data-se=factor-call] div[data-se=o-form-fieldset-container] div[data-se=o-form-fieldset] div[data-se=o-form-input-container] span[data-se=o-form-input-answer] {
    margin-bottom: 20px;
  }
  #okta-sign-in .mfa-verify form[data-se=factor-call] div[data-se=o-form-fieldset-container] div[data-se=o-form-fieldset] div[data-se=o-form-input-container] span[data-se=o-form-input-answer]::before {
    left: calc(0px - 94px - 13px);
  }
  #okta-sign-in .enroll-choices {
    padding-top: 0;
    margin-top: 9px;
  }
  #okta-sign-in .enroll-choices .o-form [data-se=o-form-head] {
    font-size: 20px;
    font-weight: 300;
    line-height: 29px;
    margin-bottom: 7px;
  }
  #okta-sign-in .enroll-choices form [data-se=o-form-explain] {
    color: var(--color-white);
    font-size: 11px;
    line-height: 17px;
    opacity: 0.72;
  }
  #okta-sign-in .enroll-choices form .o-form-content {
    margin-bottom: 0;
  }
  #okta-sign-in .enroll-choices form .enroll-factor-row {
    margin-bottom: 18px;
  }
  #okta-sign-in .enroll-choices form div.enroll-factor-description {
    position: relative;
  }
  #okta-sign-in .enroll-choices form div.enroll-factor-description h3.enroll-factor-label {
    color: var(--color-white);
    font-size: 15px;
    line-height: 22px;
    font-weight: normal;
    margin-bottom: 5px;
  }
  #okta-sign-in .enroll-choices form div.enroll-factor-description p {
    color: var(--color-white);
    font-size: 11px;
    line-height: 17px;
    opacity: 0.72;
  }
  #okta-sign-in .enroll-choices form div.enroll-factor-description .enroll-factor-button {
    padding: 0;
    margin-top: 7px;
  }
  #okta-sign-in .enroll-choices form div.enroll-factor-description .enroll-factor-button a {
    color: var(--color-cerulean-2);
    background: transparent;
    font-size: 12px;
    font-weight: 500;
    line-height: 18px;
    border: 0;
    padding: 0;
    margin: 0;
    height: initial;
    width: initial;
    text-transform: uppercase;
  }
  #okta-sign-in .mfa-verify form.mfa-verify-push[data-se=factor-push] .okta-form-title {
    font-size: 15px;
    font-weight: 500;
    line-height: 18px;
    text-align: center;
  }
  #okta-sign-in .mfa-verify form.mfa-verify-push[data-se=factor-push] .button.button-primary {
    font-size: 15px;
    line-height: 22px;
    background-color: rgba(0, 185, 234, 0.42) !important;
    border-color: rgba(0, 185, 234, 0.42) !important;
    height: 50px;
    width: 176px;
  }
  #okta-sign-in .mfa-verify form.mfa-verify-push[data-se=factor-push] .o-form-button-bar {
    margin-bottom: 27px;
  }
  #okta-sign-in .mfa-verify form[data-se=factor-inline-totp] .o-form-content {
    margin-bottom: 0;
  }
  #okta-sign-in .mfa-verify form[data-se=factor-inline-totp] .auth-passcode {
    float: right;
  }
  #okta-sign-in .mfa-verify form[data-se=factor-inline-totp] [data-se=o-form-input-answer] {
    margin-bottom: 20px;
    margin-top: 18px;
  }
  #okta-sign-in .mfa-verify form[data-se=factor-inline-totp] [data-se=o-form-input-answer]::before {
    left: calc(0px - 94px - 12px);
  }
  #okta-sign-in .mfa-verify form[data-se=factor-inline-totp] [data-se=inline-totp-verify] {
    float: left;
  }
  #okta-sign-in .mfa-verify form[data-se=factor-inline-totp] [data-se=inline-totp-add] {
    color: var(--color-cerulean-2) !important;
    font-size: 15px;
    font-weight: 500;
    line-height: 18px;
    opacity: 1;
  }
  #okta-sign-in .mfa-verify span[data-se=o-form-input-autoPush] {
    margin-bottom: 52px;
  }
  #okta-sign-in .mfa-verify span[data-se=o-form-input-autoPush] label {
    color: var(--color-white);
    line-height: 15px;
  }
  #okta-sign-in .mfa-verify .auth-footer a[data-se=signout-link] {
    font-size: 15px;
    line-height: 22px;
  }
  #okta-sign-in .mfa-verify form[data-se=factor-sms] .o-form-content {
    padding-bottom: 38px;
    margin-bottom: 0;
  }
  #okta-sign-in .mfa-verify form[data-se=factor-sms] .okta-form-title {
    margin-bottom: 5px;
  }
  #okta-sign-in .mfa-verify form[data-se=factor-sms] div[data-se=o-form-fieldset-container] {
    display: flex;
  }
  #okta-sign-in .mfa-verify form[data-se=factor-sms] div[data-se=o-form-fieldset-container] a[data-se=sms-send-code] {
    margin-right: 13px;
  }
  #okta-sign-in .mfa-verify form[data-se=factor-sms] div[data-se=o-form-fieldset-container] div[data-se=o-form-fieldset] {
    margin: 0;
  }
  #okta-sign-in .mfa-verify form[data-se=factor-sms] div[data-se=o-form-fieldset-container] div[data-se=o-form-fieldset] div[data-se=o-form-input-container] {
    width: 100%;
  }
  #okta-sign-in .mfa-verify form[data-se=factor-sms] div[data-se=o-form-fieldset-container] div[data-se=o-form-fieldset] div[data-se=o-form-input-container] span[data-se=o-form-input-answer] {
    margin-bottom: 20px;
  }
  #okta-sign-in .mfa-verify form[data-se=factor-sms] div[data-se=o-form-fieldset-container] div[data-se=o-form-fieldset] div[data-se=o-form-input-container] span[data-se=o-form-input-answer]::before {
    left: calc(0px - 94px - 13px);
  }
  #okta-sign-in .mfa-verify form[data-se=factor-sms] .o-form-button-bar input.button.button-primary {
    width: 133px;
  }
  #okta-sign-in .mfa-verify form[data-se=factor-sms] + .auth-footer a[data-se=signout-link] {
    text-decoration: none;
    opacity: 1;
  }
  #okta-sign-in .enroll-call .o-form [data-se=o-form-head] {
    font-size: 16px;
    font-weight: 500;
    line-height: 24px;
    margin: 25px 0 40px 0;
  }
  #okta-sign-in .enroll-call .o-form [data-se=o-form-content] {
    position: static;
    padding-bottom: 0;
    margin-bottom: 27px;
  }
  #okta-sign-in .enroll-call .o-form [data-se=o-form-fieldset-container] {
    display: grid;
    grid-template-columns: 1fr 99px;
    grid-column-gap: 16px;
    grid-template-areas: "country-dropdown country-dropdown" "phone-number extension" "call-button call-button" "verification-code redial-button";
  }
  #okta-sign-in .enroll-call .o-form [data-se=o-form-fieldset]:first-child {
    grid-area: country-dropdown;
    margin-bottom: 32px;
  }
  #okta-sign-in .enroll-call .o-form [data-se=o-form-fieldset]:first-child span[data-se=o-form-input-countryCode] .chzn-container.chzn-container-single {
    height: 42px;
    border: 1px solid #3A5FAB;
    opacity: 0.83;
    border-radius: 4px;
    background-color: black;
    /*div.chzn-drop {
    	background-color: rgba(255, 255, 255, 0.6);
    	border: 1px solid var(--color-loblolly);

    	.chzn-search {
    		input {
    			border: 1px solid var(--color-daintree);
    		}
    	}

    	.chzn-results {
    		.active-result {
    			color: var(--color-daintree);
    			font-size: 12px;
    			font-weight: 500;
    			letter-spacing: 0.63px;
    			border-color: var(--color-daintree);
    			padding-left: 18px;
    		}
    	}
    }*/
  }
  #okta-sign-in .enroll-call .o-form [data-se=o-form-fieldset]:first-child span[data-se=o-form-input-countryCode] .chzn-container.chzn-container-single a.chzn-single {
    background-color: transparent;
    border: none;
    padding-left: 18px;
    height: 100%;
    line-height: 42px;
    box-shadow: none;
  }
  #okta-sign-in .enroll-call .o-form [data-se=o-form-fieldset]:first-child span[data-se=o-form-input-countryCode] .chzn-container.chzn-container-single a.chzn-single span {
    color: white;
    font-size: 12px;
    font-weight: 500;
    letter-spacing: 0.63px;
    text-shadow: none;
  }
  #okta-sign-in .enroll-call .o-form [data-se=o-form-fieldset]:first-child span[data-se=o-form-input-countryCode] .chzn-container.chzn-container-single a.chzn-single div {
    top: 0;
    height: 42px;
    width: 42px;
  }
  #okta-sign-in .enroll-call .o-form [data-se=o-form-fieldset]:first-child span[data-se=o-form-input-countryCode] .chzn-container.chzn-container-single a.chzn-single div b {
    display: flex;
    justify-content: center;
    align-items: center;
    background-image: url("/assets/images/icon_down_arrow.svg") !important;
    background-size: 8px 5px !important;
    background-repeat: no-repeat !important;
    background-position: center !important;
    transform: scaleY(-1);
  }
  #okta-sign-in .enroll-call .o-form [data-se=o-form-fieldset].enroll-call-phone {
    grid-area: phone-number;
    width: 100%;
    margin-bottom: 40px;
  }
  #okta-sign-in .enroll-call .o-form [data-se=o-form-fieldset].enroll-call-phone span[data-se=o-form-input-phoneNumber]::before {
    content: "Phone Number";
  }
  #okta-sign-in .enroll-call .o-form [data-se=o-form-fieldset].enroll-call-phone span[data-se=o-form-input-phoneNumber] .okta-form-label-inline {
    color: var(--color-white);
    font-size: 12px;
    font-weight: 400;
    letter-spacing: 0.53px;
    background-color: var(--color-transparent-white);
  }
  #okta-sign-in .enroll-call .o-form [data-se=o-form-fieldset].enroll-call-phone span[data-se=o-form-input-phoneNumber] input[name=phoneNumber] {
    border-left: none;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
  }
  #okta-sign-in .enroll-call .o-form [data-se=o-form-fieldset].enroll-call-extension {
    grid-area: extension;
    width: 100%;
    margin: 2px 0 40px 0;
  }
  #okta-sign-in .enroll-call .o-form [data-se=o-form-fieldset].enroll-call-extension span[data-se=o-form-input-phoneExtension]::before {
    content: "Extension";
  }
  #okta-sign-in .enroll-call .o-form [data-se=call-request-button] {
    grid-area: call-button;
    justify-self: center;
    width: 133px;
  }
  #okta-sign-in .enroll-call .o-form [data-se=call-request-button][style="display: flex;"] {
    display: flex;
    justify-content: center;
    align-items: center;
    color: #113046 !important;
    font-size: 11px;
    font-weight: 500;
    letter-spacing: -0.3px;
    line-height: 17px;
    text-transform: uppercase;
    background-color: rgba(230, 235, 243, 0.73);
    border: 1px solid var(--color-loblolly);
    border-radius: 4px;
    height: 42px;
    width: 94px;
    padding: 0;
    margin: 0;
    opacity: 0.73;
    cursor: pointer;
    grid-area: redial-button;
    background-color: #e6ebf3 !important;
    border: 1px solid var(--color-loblolly) !important;
    opacity: 1;
    margin-top: 20px;
    width: 100%;
  }
  #okta-sign-in .enroll-call .o-form [data-se=call-request-button][style="display: flex;"].btn-disabled {
    background-color: rgba(230, 235, 243, 0.73) !important;
    opacity: 0.73;
  }
  #okta-sign-in .enroll-call .o-form [data-se=call-request-button]:not(.button-primary) {
    display: flex;
    justify-content: center;
    align-items: center;
    color: #113046 !important;
    font-size: 11px;
    font-weight: 500;
    letter-spacing: -0.3px;
    line-height: 17px;
    text-transform: uppercase;
    background-color: rgba(230, 235, 243, 0.73);
    border: 1px solid var(--color-loblolly);
    border-radius: 4px;
    height: 42px;
    width: 94px;
    padding: 0;
    margin: 0;
    opacity: 0.73;
    cursor: pointer;
    grid-area: redial-button;
    align-self: end;
    margin-bottom: 17px !important;
  }
  #okta-sign-in .enroll-call .o-form .okta-form-divider {
    display: none !important;
  }
  #okta-sign-in .enroll-call .o-form .okta-form-divider + [data-se=o-form-fieldset] {
    grid-area: verification-code;
  }
  #okta-sign-in .enroll-call .o-form .okta-form-divider + [data-se=o-form-fieldset] [data-se=o-form-input-passCode] {
    margin-bottom: 20px;
  }
  #okta-sign-in .enroll-call .o-form .o-form-button-bar .button-primary {
    width: 133px;
  }
  #okta-sign-in .enroll-totp .o-form [data-se=o-form-head] {
    margin: 14px 0 2px 0;
  }
  #okta-sign-in .enroll-totp form [data-se=o-form-explain] {
    opacity: 0.72;
    font-size: 12px;
    line-height: 18px;
    padding-bottom: 17px;
  }
  #okta-sign-in .enroll-totp form[data-se=step-device-type] [data-se=o-form-content] {
    margin-bottom: 0;
  }
  #okta-sign-in .enroll-totp form[data-se=step-device-type] [data-se=o-form-input-__deviceType__] .custom-radio {
    display: flex;
    align-items: center;
    padding: 0;
  }
  #okta-sign-in .enroll-totp form[data-se=step-device-type] [data-se=o-form-input-__deviceType__] .custom-radio input {
    display: none;
  }
  #okta-sign-in .enroll-totp form[data-se=step-device-type] [data-se=o-form-input-__deviceType__] .custom-radio label {
    margin: 0;
  }
  #okta-sign-in .enroll-totp form[data-se=step-device-type] [data-se=o-form-input-__deviceType__] .custom-radio label.checked {
    opacity: 0.65;
  }
  #okta-sign-in .enroll-totp form[data-se=step-device-type] [data-se=o-form-input-__deviceType__] > div:first-of-type .custom-radio {
    justify-content: flex-end;
    padding-right: 26px;
  }
  #okta-sign-in .enroll-totp form[data-se=step-device-type] [data-se=o-form-input-__deviceType__] > div:last-of-type .custom-radio {
    justify-content: flex-start;
    padding-left: 26px;
  }
  #okta-sign-in .enroll-totp form[data-se=step-device-type] [data-se=o-form-fieldset-container] [data-se=o-form-fieldset].device-type-input {
    margin-bottom: 16px !important;
  }
  #okta-sign-in .enroll-totp form[data-se=step-device-type] .form-divider {
    border-bottom: 1px solid var(--color-dusty-gray);
  }
  #okta-sign-in .enroll-totp form[data-se=step-device-type] [data-se=app-download-instructions] .instructions-title {
    color: var(--color-white);
    font-size: 14px;
    font-weight: 500;
    line-height: 21px;
    margin-bottom: 6px;
  }
  #okta-sign-in .enroll-totp form[data-se=step-device-type] [data-se=app-download-instructions] .app-logo {
    display: none;
  }
  #okta-sign-in .enroll-totp form[data-se=step-device-type] [data-se=app-download-instructions] .instructions {
    color: var(--color-white);
    font-size: 13px;
    line-height: 19px;
    text-align: center;
  }
  #okta-sign-in .enroll-totp form[data-se=step-device-type] [data-se=app-download-instructions] .instructions a {
    display: block;
    color: var(--color-cerulean-2);
  }
  #okta-sign-in .enroll-totp form[data-se=step-device-type] .o-form-button-bar {
    margin-bottom: 21px;
  }
  #okta-sign-in .enroll-totp form[data-se=step-device-type] + .auth-footer [data-se=back-link] {
    font-size: 15px;
    line-height: 22px;
    font-weight: 500;
  }
  #okta-sign-in .barcode-push form [data-se=o-form-explain] {
    opacity: 0.72;
  }
  #okta-sign-in .barcode-push .scan-instructions-details {
    color: var(--color-white);
  }
  #okta-sign-in .enroll-u2f form [data-se=o-form-content] {
    margin-bottom: 0;
  }
  #okta-sign-in .enroll-u2f .o-form [data-se=o-form-head] {
    font-size: 16px;
    font-weight: 500;
    line-height: 24px;
    margin: 20px 0 27px 0;
  }
  #okta-sign-in .enroll-u2f .u2f-instructions {
    color: var(--color-white);
    margin: 0 50px;
  }
  #okta-sign-in .enroll-u2f .u2f-instructions ol li {
    margin-bottom: 16px;
  }
  #okta-sign-in .enroll-u2f .u2f-enroll-text {
    color: var(--color-white);
  }
  #okta-sign-in .enroll-u2f .u2f-enroll-text .u2f-devices-images {
    display: flex;
    justify-content: space-evenly;
    width: 100%;
  }
  #okta-sign-in .enroll-u2f .o-form-button-bar {
    margin-bottom: 27px;
  }
  #okta-sign-in .enroll-u2f .o-form-button-bar input.button {
    width: 186px;
  }
  #okta-sign-in .enroll-sms .o-form [data-se=o-form-head] {
    font-size: 16px;
    font-weight: 500;
    line-height: 24px;
    margin: 25px 0 40px 0;
  }
  #okta-sign-in .enroll-sms .o-form [data-se=o-form-content] {
    position: static;
    padding-bottom: 0;
    margin-bottom: 27px;
  }
  #okta-sign-in .enroll-sms .o-form [data-se=o-form-fieldset-container] {
    display: grid;
    grid-template-columns: 94px 1fr;
    grid-column-gap: 13px;
    grid-template-areas: "country-dropdown country-dropdown" "phone-number phone-number" "send-code-button verification-code";
  }
  #okta-sign-in .enroll-sms .o-form [data-se=o-form-fieldset]:first-child {
    grid-area: country-dropdown;
    margin-bottom: 24px;
  }
  #okta-sign-in .enroll-sms .o-form [data-se=o-form-fieldset]:first-child span[data-se=o-form-input-countryCode] .chzn-container.chzn-container-single {
    height: 42px;
    border: 1px solid #3A5FAB;
    opacity: 0.83;
    border-radius: 4px;
    background-color: black;
    /*div.chzn-drop {
    	background-color: rgba(255, 255, 255, 0.6);
    	border: 1px solid var(--color-loblolly);

    	.chzn-search {
    		input {
    			border: 1px solid var(--color-daintree);
    		}
    	}

    	.chzn-results {
    		.active-result {
    			color: var(--color-daintree);
    			font-size: 12px;
    			font-weight: 500;
    			letter-spacing: 0.63px;
    			border-color: var(--color-daintree);
    			padding-left: 18px;
    		}
    	}
    }*/
  }
  #okta-sign-in .enroll-sms .o-form [data-se=o-form-fieldset]:first-child span[data-se=o-form-input-countryCode] .chzn-container.chzn-container-single a.chzn-single {
    background-color: transparent;
    border: none;
    padding-left: 18px;
    height: 100%;
    line-height: 42px;
    box-shadow: none;
  }
  #okta-sign-in .enroll-sms .o-form [data-se=o-form-fieldset]:first-child span[data-se=o-form-input-countryCode] .chzn-container.chzn-container-single a.chzn-single span {
    color: white;
    font-size: 12px;
    font-weight: 500;
    letter-spacing: 0.63px;
    text-shadow: none;
  }
  #okta-sign-in .enroll-sms .o-form [data-se=o-form-fieldset]:first-child span[data-se=o-form-input-countryCode] .chzn-container.chzn-container-single a.chzn-single div {
    top: 0;
    height: 42px;
    width: 42px;
  }
  #okta-sign-in .enroll-sms .o-form [data-se=o-form-fieldset]:first-child span[data-se=o-form-input-countryCode] .chzn-container.chzn-container-single a.chzn-single div b {
    display: flex;
    justify-content: center;
    align-items: center;
    background-image: url("/assets/images/icon_down_arrow.svg") !important;
    background-size: 8px 5px !important;
    background-repeat: no-repeat !important;
    background-position: center !important;
    transform: scaleY(-1);
  }
  #okta-sign-in .enroll-sms .o-form [data-se=o-form-fieldset].enroll-sms-phone {
    grid-area: phone-number;
    width: 100%;
    margin-bottom: 29px;
  }
  #okta-sign-in .enroll-sms .o-form [data-se=o-form-fieldset].enroll-sms-phone span[data-se=o-form-input-phoneNumber]::before {
    content: "Phone Number";
  }
  #okta-sign-in .enroll-sms .o-form [data-se=o-form-fieldset].enroll-sms-phone span[data-se=o-form-input-phoneNumber] .okta-form-label-inline {
    color: var(--color-white);
    font-size: 12px;
    font-weight: 400;
    letter-spacing: 0.53px;
    background-color: var(--color-transparent-white);
  }
  #okta-sign-in .enroll-sms .o-form [data-se=o-form-fieldset].enroll-sms-phone span[data-se=o-form-input-phoneNumber] input[name=phoneNumber] {
    border-left: none;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
  }
  #okta-sign-in .enroll-sms .o-form a[data-se=sms-request-button] {
    display: flex;
    justify-content: center;
    align-items: center;
    color: #113046 !important;
    font-size: 11px;
    font-weight: 500;
    letter-spacing: -0.3px;
    line-height: 17px;
    text-transform: uppercase;
    background-color: rgba(230, 235, 243, 0.73);
    border: 1px solid var(--color-loblolly);
    border-radius: 4px;
    height: 42px;
    width: 94px;
    padding: 0;
    margin: 0;
    opacity: 0.73;
    cursor: pointer;
    grid-area: send-code-button;
    background-color: #e6ebf3 !important;
    border: 1px solid var(--color-loblolly) !important;
    opacity: 1;
    margin-top: 20px;
  }
  #okta-sign-in .enroll-sms .o-form a[data-se=sms-request-button].btn-disabled {
    background-color: rgba(230, 235, 243, 0.73) !important;
    opacity: 0.73;
  }
  #okta-sign-in .enroll-sms .o-form a[data-se=sms-request-button]:not(.button-primary) {
    align-self: end;
    margin-bottom: 17px !important;
  }
  #okta-sign-in .enroll-sms .o-form .okta-form-divider {
    display: none !important;
  }
  #okta-sign-in .enroll-sms .o-form .okta-form-divider + [data-se=o-form-fieldset] {
    grid-area: verification-code;
    display: initial !important;
  }
  #okta-sign-in .enroll-sms .o-form .okta-form-divider + [data-se=o-form-fieldset] [data-se=o-form-input-passCode] {
    margin-bottom: 20px;
  }
  #okta-sign-in .enroll-sms .o-form .okta-form-divider + [data-se=o-form-fieldset] [data-se=o-form-input-passCode]::before {
    left: calc((13px + 94px) * -1);
  }
  #okta-sign-in .enroll-sms .o-form .o-form-button-bar {
    margin-bottom: 24px;
  }
  #okta-sign-in .enroll-sms .o-form .o-form-button-bar .button-primary {
    width: 133px;
  }
  #okta-sign-in .enroll-yubikey form [data-se=o-form-content] {
    margin-bottom: 7px;
  }
  #okta-sign-in .enroll-yubikey form [data-se=o-form-input-passCode] {
    margin-bottom: 20px;
  }
  #okta-sign-in .enroll-yubikey form .o-form-button-bar {
    margin-bottom: 27px;
  }
  #okta-sign-in .enroll-yubikey form .okta-form-title {
    display: none;
  }
  #okta-sign-in .enroll-yubikey form .o-form-explain {
    font-size: 13px;
    font-weight: 500;
    letter-spacing: 0;
    line-height: 19px;
    text-align: left;
  }
  #okta-sign-in .enroll-yubikey form .infobox-error {
    margin: 12px 0;
  }
  #okta-sign-in .enroll-yubikey form .o-form-content {
    padding-bottom: 0;
  }
  #okta-sign-in .enroll-yubikey .o-form [data-se=o-form-head] {
    font-size: 16px;
    line-height: 24px;
    margin-bottom: 2px;
  }
  #okta-sign-in .enroll-yubikey form [data-se=o-form-explain] {
    font-size: 12px;
    line-height: 18px;
    opacity: 0.72;
    padding: 0 70px;
    margin-bottom: 0;
  }
  #okta-sign-in .primary-auth {
    margin-top: 62px;
  }
  #okta-sign-in .primary-auth .o-form-error-container {
    top: calc(calc( 79px + 51px + 10px ) + 20px);
    justify-content: flex-start;
  }
  #okta-sign-in .primary-auth form[data-se=o-form].primary-auth-form .o-form-button-bar {
    margin-bottom: 27px !important;
  }
  #okta-sign-in .primary-auth ul.help-links.js-help-links a {
    font-size: 12px;
  }
  #okta-sign-in #okta-signin-submit {
    display: block;
    min-width: 176px;
    font-size: 14px;
    line-height: 50px;
    margin: auto;
    height: 50px;
    border: 1px solid #3A5FAB;
    border-radius: 4px;
    background-color: #3A6CB4;
    color: rgba(255, 255, 255, 0.85);
    width: 100%;
  }
  #okta-sign-in .password-reset {
    margin-top: 37px;
  }
  #okta-sign-in .password-reset .o-form [data-se=o-form-head] {
    margin-bottom: 8px;
  }
  #okta-sign-in .password-reset form [data-se=o-form-explain] {
    color: var(--color-white);
    font-size: 12px;
    line-height: 14px;
    text-align: center;
    opacity: 0.61;
    margin-bottom: 35px;
  }
  #okta-sign-in .password-reset form[data-se=o-form] span[data-se=o-form-input-newPassword] {
    margin-bottom: 20px;
  }
  #okta-sign-in .password-reset form[data-se=o-form] span[data-se=o-form-input-newPassword]::before {
    content: "New Password";
  }
  #okta-sign-in .password-reset form[data-se=o-form] span[data-se=o-form-input-confirmPassword] {
    margin-bottom: 20px;
  }
  #okta-sign-in .password-reset form[data-se=o-form] span[data-se=o-form-input-confirmPassword]::before {
    content: "Repeat Password";
  }
  #okta-sign-in .password-reset form[data-se=o-form] .o-form-button-bar {
    margin-bottom: 27px;
  }
  #okta-sign-in .password-reset form[data-se=o-form] .o-form-button-bar input.button.button-primary {
    width: 133px;
  }
  #okta-sign-in .recovery-challenge {
    position: relative;
    margin-top: 62px;
  }
  #okta-sign-in .recovery-challenge .o-form-error-container {
    top: -40px;
  }
  #okta-sign-in .recovery-challenge form[data-se=o-form].recovery-challenge h2[data-se=o-form-head] {
    margin-bottom: 34px;
  }
  #okta-sign-in .recovery-challenge form[data-se=o-form].recovery-challenge div[data-se=o-form-content] {
    padding: 0;
    margin-bottom: 38px;
  }
  #okta-sign-in .recovery-challenge form[data-se=o-form].recovery-challenge div[data-se=o-form-fieldset-container] {
    display: flex;
  }
  #okta-sign-in .recovery-challenge form[data-se=o-form].recovery-challenge div[data-se=o-form-fieldset-container] a[data-se=resend-button] {
    margin-right: 13px;
  }
  #okta-sign-in .recovery-challenge form[data-se=o-form].recovery-challenge div[data-se=o-form-fieldset-container] div[data-se=o-form-fieldset] {
    margin: 0;
  }
  #okta-sign-in .recovery-challenge form[data-se=o-form].recovery-challenge div[data-se=o-form-fieldset-container] div[data-se=o-form-fieldset] div[data-se=o-form-input-container] {
    width: 100%;
  }
  #okta-sign-in .recovery-challenge form[data-se=o-form].recovery-challenge div[data-se=o-form-fieldset-container] div[data-se=o-form-fieldset] div[data-se=o-form-input-container] span[data-se=o-form-input-passCode] {
    margin-bottom: 20px;
  }
  #okta-sign-in .recovery-challenge form[data-se=o-form].recovery-challenge div[data-se=o-form-fieldset-container] div[data-se=o-form-fieldset] div[data-se=o-form-input-container] span[data-se=o-form-input-passCode]::before {
    content: "Verification Code";
    left: calc(0px - 94px - 13px);
  }
  #okta-sign-in .recovery-challenge form[data-se=o-form].recovery-challenge .o-form-button-bar {
    padding: 0;
    margin: 0;
  }
  #okta-sign-in .recovery-challenge form[data-se=o-form].recovery-challenge .o-form-button-bar input.button.button-primary {
    position: absolute;
    right: calc( (100% - 133px - 19px - 133px) / 2 );
    width: 133px;
  }
  #okta-sign-in .recovery-challenge form[data-se=o-form].recovery-challenge ~ div a[data-se=send-email-link] {
    font-weight: 500;
    height: 21px;
    margin: calc( 41px + 40px + 1px ) 0 0 0;
  }
  #okta-sign-in .recovery-challenge form[data-se=o-form].recovery-challenge ~ .auth-footer {
    margin: 0;
    position: static;
  }
  #okta-sign-in .recovery-challenge form[data-se=o-form].recovery-challenge ~ .auth-footer a[data-se=signout-link] {
    position: relative;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    line-height: 18px;
    color: var(--color-white) !important;
    background-color: rgba(255, 255, 255, 0.23);
    border: 2px solid rgba(58, 95, 171, 0.83);
    border-radius: 4px;
    cursor: pointer;
    height: 47px;
    margin-top: 17px;
    margin-bottom: 10px;
    font-size: 13px;
    justify-content: flex-start;
    width: 100%;
    padding-left: 15px;
    position: absolute;
    bottom: calc( 21px + 41px );
    left: calc( (100% - 133px - 19px - 133px) / 2 );
    text-decoration: none;
  }
  #okta-sign-in .recovery-challenge form[data-se=o-form].recovery-challenge ~ .auth-footer a[data-se=signout-link]:hover {
    background-color: #3A5FAB;
  }
  #okta-sign-in .recovery-challenge form[data-se=o-form].recovery-challenge ~ .auth-footer a[data-se=signout-link]:hover > #sso-loader-fox {
    color: white !important;
  }
  #okta-sign-in .recovery-challenge form[data-se=o-form].recovery-challenge ~ .auth-footer a[data-se=signout-link]:hover > #sso-loader-affiliate {
    color: white !important;
  }
  #okta-sign-in .account-unlock {
    margin-top: 62px;
  }
  #okta-sign-in .account-unlock form div[data-se=o-form-fieldset-container] > div,
#okta-sign-in .account-unlock form div[data-se=o-form-fieldset-container] div[data-se=o-form-fieldset] {
    grid-column: 1/3;
  }
  #okta-sign-in .account-unlock form div[data-se=o-form-fieldset-container] a[data-se=sms-button] {
    justify-self: end;
  }
  #okta-sign-in .recovery-question {
    margin-top: 62px;
  }
  #okta-sign-in .recovery-question .o-form [data-se=o-form-head] {
    margin-bottom: 7px;
  }
  #okta-sign-in .recovery-question form[data-se=o-form] div[data-se=o-form-content] {
    margin-bottom: 0;
  }
  #okta-sign-in .recovery-question form[data-se=o-form] div[data-se=o-form-fieldset] {
    margin-bottom: 25px;
  }
  #okta-sign-in .recovery-question form[data-se=o-form] div[data-se=o-form-fieldset] div[data-se=o-form-label] {
    text-align: center;
    padding: 0;
    margin-bottom: 27px;
  }
  #okta-sign-in .recovery-question form[data-se=o-form] div[data-se=o-form-fieldset] div[data-se=o-form-label] label {
    color: var(--color-white);
    font-size: 13px;
    letter-spacing: 0.68px;
    line-height: 19px;
  }
  #okta-sign-in .recovery-question form[data-se=o-form] div[data-se=o-form-fieldset] span[data-se=o-form-input-showAnswer] label {
    color: var(--color-white);
    padding-left: 0;
  }
  #okta-sign-in .recovery-question form[data-se=o-form] span[data-se=o-form-input-answer]::before {
    content: "Answer" !important;
  }
  #okta-sign-in .recovery-question form[data-se=o-form] div.o-form-button-bar {
    margin-bottom: 27px;
  }
  #okta-sign-in .recovery-question form[data-se=o-form] div.o-form-button-bar input.button.button-primary {
    font-weight: 500;
    width: 144px;
  }

  body {
    overflow-y: auto;
    background-color: black;
  }
  body .chzn-container.chzn-container-single {
    height: 42px;
    border: 1px solid #3A5FAB;
    opacity: 0.83;
    border-radius: 4px;
    background-color: black;
    /*div.chzn-drop {
    	background-color: rgba(255, 255, 255, 0.6);
    	border: 1px solid var(--color-loblolly);

    	.chzn-search {
    		input {
    			border: 1px solid var(--color-daintree);
    		}
    	}

    	.chzn-results {
    		.active-result {
    			color: var(--color-daintree);
    			font-size: 12px;
    			font-weight: 500;
    			letter-spacing: 0.63px;
    			border-color: var(--color-daintree);
    			padding-left: 18px;
    		}
    	}
    }*/
  }
  body .chzn-container.chzn-container-single a.chzn-single {
    background-color: transparent;
    border: none;
    padding-left: 18px;
    height: 100%;
    line-height: 42px;
    box-shadow: none;
  }
  body .chzn-container.chzn-container-single a.chzn-single span {
    color: white;
    font-size: 12px;
    font-weight: 500;
    letter-spacing: 0.63px;
    text-shadow: none;
  }
  body .chzn-container.chzn-container-single a.chzn-single div {
    top: 0;
    height: 42px;
    width: 42px;
  }
  body .chzn-container.chzn-container-single a.chzn-single div b {
    display: flex;
    justify-content: center;
    align-items: center;
    background-image: url("/assets/images/icon_down_arrow.svg") !important;
    background-size: 8px 5px !important;
    background-repeat: no-repeat !important;
    background-position: center !important;
    transform: scaleY(-1);
  }

  .mediacloud-header-logo {
    height: 38px;
    width: 182.27px;
  }

  .hidden {
    display: none;
  }

  .o-form-error-container {
    top: calc( 79px + 51px + 10px );
    max-width: calc(100vw - 40px);
  }

  #okta-sign-in {
    position: static;
    overflow: visible;
  }
  #okta-sign-in .okta-sign-in-header.auth-header {
    margin-top: 47px;
  }
  #okta-sign-in .auth-content .auth-content-inner {
    position: static;
  }
  #okta-sign-in input {
    height: 47px !important;
  }

  #okta-sign-in .custom-checkbox label {
    color: var(--color-loblolly);
  }

  .main-login-container {
    margin-top: 38px;
  }

  .login {
    display: flex;
    flex-flow: column;
    align-items: center;
    min-height: 100%;
    position: relative;
  }
  .login__leftbar {
    display: none !important;
  }

  /* Text input labels */

  /* Small inline button */

  /* Error page style */
}
@media (max-width: 825px) and (max-width: 562px) {
  .second-last-footer-item {
    border-right: unset !important;
  }
}
@media (max-width: 825px) {
  .main-container {
    box-shadow: unset !important;
  }
}
@media (max-width: 825px) {
  .okta-widget-container {
    flex: 1 1 100%;
    margin-top: 20vh;
  }
  .okta-widget-container .auth-container {
    background-color: transparent !important;
    margin-bottom: 0;
  }
  .okta-widget-container .auth-container .auth-content {
    padding: 0 !important;
  }
}
@media (max-width: 825px) {
  #okta-sign-in .auth-header {
    border: none;
    padding: 15px !important;
  }
}
@media (max-width: 825px) {
  #okta-sign-in .auth-header .beacon-container {
    position: static;
  }
}
@media (max-width: 825px) {
  #okta-sign-in.no-beacon .auth-header {
    display: none;
    border: none;
    padding: 0;
  }
}
@media (max-width: 825px) {
  .error-info__title {
    color: var(--color-white);
    font-size: 20px;
    font-weight: 400;
    line-height: 29px;
    text-align: left;
  }
}
@media (max-width: 825px) {
  #okta-sign-in .o-form[data-se=factor-push], #okta-sign-in .o-form[data-se=factor-push] .o-form-head, #okta-sign-in .o-form[data-se=pwd-reset-email-sent], #okta-sign-in .o-form[data-se=pwd-reset-email-sent] .o-form-head, #okta-sign-in .o-form[data-se=unlock-email-sent], #okta-sign-in .o-form[data-se=unlock-email-sent] .o-form-head {
    text-align: left;
  }
  #okta-sign-in .o-form .o-form-head {
    text-align: left;
  }
}
@media (max-width: 825px) {
  .primary-auth-form {
    margin-bottom: 47px;
  }
}
@media (max-width: 825px) {
  #okta-sign-in .o-form-fieldset .icon:not(.error-16-small) {
    display: none;
  }
}
@media (max-width: 825px) {
  #okta-sign-in .enroll-choices .o-form-explain {
    text-align: left;
    padding: 0;
  }
}
@media (max-width: 825px) {
  #okta-sign-in .enroll-choices .enroll-factor-description .enroll-factor-button {
    height: unset;
    line-height: 18px;
    padding-top: 7px;
  }
}
@media (max-width: 825px) {
  #okta-sign-in .enroll-totp .o-form-button-bar,
#okta-sign-in .enroll-yubikey .o-form-button-bar,
#okta-sign-in .enroll-u2f .o-form-button-bar,
#okta-sign-in .enroll-call .o-form-button-bar,
#okta-sign-in .barcode-push .o-form-button-bar,
#okta-sign-in .enroll-sms .o-form-button-bar {
    margin-top: 0px !important;
    margin-bottom: 17px;
  }
  #okta-sign-in .enroll-totp .o-form-button-bar .button.button-primary,
#okta-sign-in .enroll-yubikey .o-form-button-bar .button.button-primary,
#okta-sign-in .enroll-u2f .o-form-button-bar .button.button-primary,
#okta-sign-in .enroll-call .o-form-button-bar .button.button-primary,
#okta-sign-in .barcode-push .o-form-button-bar .button.button-primary,
#okta-sign-in .enroll-sms .o-form-button-bar .button.button-primary {
    padding-left: 29px;
    padding-right: 28px;
    background-color: #3a5fab !important;
  }
  #okta-sign-in .enroll-totp .auth-footer,
#okta-sign-in .enroll-yubikey .auth-footer,
#okta-sign-in .enroll-u2f .auth-footer,
#okta-sign-in .enroll-call .auth-footer,
#okta-sign-in .barcode-push .auth-footer,
#okta-sign-in .enroll-sms .auth-footer {
    font-weight: 400;
    font-size: 15px;
    line-height: 18px;
    text-align: center;
  }
  #okta-sign-in .enroll-totp .o-form-button-bar,
#okta-sign-in .enroll-yubikey .o-form-button-bar,
#okta-sign-in .enroll-u2f .o-form-button-bar,
#okta-sign-in .enroll-call .o-form-button-bar,
#okta-sign-in .barcode-push .o-form-button-bar,
#okta-sign-in .enroll-sms .o-form-button-bar {
    margin-top: -15px;
  }
}
@media (max-width: 825px) {
  #okta-sign-in .enroll-totp .okta-form-title {
    text-align: center;
  }
}
@media (max-width: 825px) {
  #okta-sign-in .barcode-push .o-form-head {
    text-align: center;
  }
}
@media (max-width: 825px) {
  #okta-sign-in .enroll-manual-push .o-form-head {
    text-align: center;
  }
  #okta-sign-in .enroll-manual-push .o-form-error-container {
    height: 33px;
  }
}
@media (max-width: 825px) {
  #okta-sign-in .enroll-activation-link-sent .okta-form-title {
    text-align: center;
  }
}
@media (max-width: 825px) {
  #okta-sign-in .activate-push .okta-form-title {
    text-align: center;
  }
  #okta-sign-in .activate-push input {
    bottom: 22px;
    position: relative;
    height: 47px;
  }
  #okta-sign-in .activate-push .o-form-button-bar {
    margin-top: 31px;
    margin-bottom: 0;
  }
}
@media (max-width: 825px) {
  #okta-sign-in .enroll-manual-push .o-form-content {
    padding: unset !important;
  }
  #okta-sign-in .enroll-manual-push .okta-form-subtitle {
    margin-bottom: 0px;
  }
  #okta-sign-in .enroll-manual-push .button {
    border: 1px solid #3a5fab;
    border-radius: 4px;
    background-color: #3a5fab;
    margin-bottom: 13px;
  }
  #okta-sign-in .enroll-manual-push .button:hover {
    background-color: #3a5fab;
    border: 1px solid #3a5fab;
    border-radius: 4px;
  }
  #okta-sign-in .enroll-manual-push div[data-type=next-button-wrap] a {
    line-height: 45px;
    margin: 0 0 10px 0;
    border: 1px solid #3a5fab;
    border-radius: 4px;
    background: unset;
    background-color: #3a5fab;
  }
  #okta-sign-in .enroll-manual-push div[data-type=next-button-wrap] a:hover {
    background: unset;
    background-color: #3a5fab;
    border: 1px solid #3a5fab;
    border-radius: 4px;
  }
  #okta-sign-in .enroll-manual-push .text-align-c {
    text-align: left;
  }
  #okta-sign-in .enroll-manual-push .o-form-disabled {
    opacity: 0.6;
  }
  #okta-sign-in .enroll-manual-push span[data-se=o-form-input-phoneNumber] {
    height: 47px;
    display: table;
    width: 100.7%;
    right: 3px;
    position: relative;
    background-color: transparent;
  }
  #okta-sign-in .enroll-manual-push span[data-se=o-form-input-phoneNumber] span.okta-form-label-inline {
    background-color: black !important;
    color: white !important;
    border: 1px solid #3a5fab !important;
    border-right: unset !important;
    left: 3px;
    position: relative;
    z-index: 100;
    padding-left: 17px;
  }
  #okta-sign-in .enroll-manual-push span[data-se=o-form-input-phoneNumber] span.okta-form-input-field {
    display: table-cell;
  }
  #okta-sign-in .enroll-manual-push span[data-se=o-form-input-phoneNumber] span.okta-form-input-field input {
    border-left: unset !important;
  }
  #okta-sign-in .enroll-manual-push .link {
    padding: 5px 0;
  }
  #okta-sign-in .enroll-manual-push .link.js-goto {
    color: white;
    font-size: 12px;
    letter-spacing: 0;
    line-height: 18px;
    text-align: center;
  }
  #okta-sign-in .enroll-manual-push .infobox-error p {
    margin-bottom: -39px;
  }
}
@media (max-width: 825px) {
  #okta-sign-in .activate-push input[name=passCode] {
    height: 100%;
  }
  #okta-sign-in .activate-push .o-form-fieldset:last-child {
    margin-bottom: 0px;
  }
  #okta-sign-in .activate-push .button {
    border: 1px solid #3a5fab;
    border-radius: 4px;
    background-color: #3a5fab;
    margin-bottom: 13px;
  }
  #okta-sign-in .activate-push .button:hover {
    background-color: #3a5fab;
    border: 1px solid #3a5fab;
    border-radius: 4px;
  }
}
@media (max-width: 825px) {
  .chzn-container.chzn-container-single.chzn-with-drop a.chzn-single,
#okta-sign-in .o-form-select .chzn-container.chzn-container-single a.chzn-single {
    height: 50px;
    border: 1px solid #3a5fab;
    border-radius: 4px;
    background-color: black;
    padding-left: 18px;
    box-shadow: none;
    display: flex;
    align-items: center;
  }
  .chzn-container.chzn-container-single.chzn-with-drop a.chzn-single > span,
#okta-sign-in .o-form-select .chzn-container.chzn-container-single a.chzn-single > span {
    text-shadow: none;
    color: white;
    font-size: 13px;
    letter-spacing: 0;
    line-height: 19px;
  }
  .chzn-container.chzn-container-single.chzn-with-drop a.chzn-single > div,
#okta-sign-in .o-form-select .chzn-container.chzn-container-single a.chzn-single > div {
    top: -9px;
  }
  .chzn-container.chzn-container-single.chzn-with-drop div.chzn-drop,
#okta-sign-in .o-form-select .chzn-container.chzn-container-single div.chzn-drop {
    border: 1px solid #3a5fab;
    border-radius: 4px;
    background-color: #000000;
    margin-top: 10px;
  }
  .chzn-container.chzn-container-single.chzn-with-drop div.chzn-drop .chzn-search input,
#okta-sign-in .o-form-select .chzn-container.chzn-container-single div.chzn-drop .chzn-search input {
    display: none;
  }
  .chzn-container.chzn-container-single.chzn-with-drop div.chzn-drop ul.chzn-results,
#okta-sign-in .o-form-select .chzn-container.chzn-container-single div.chzn-drop ul.chzn-results {
    margin: 0 !important;
  }
  .chzn-container.chzn-container-single.chzn-with-drop div.chzn-drop ul.chzn-results li,
#okta-sign-in .o-form-select .chzn-container.chzn-container-single div.chzn-drop ul.chzn-results li {
    color: white;
    background-color: black;
    border: unset;
    height: 47px;
    padding: 18px;
  }
  .chzn-container.chzn-container-single.chzn-with-drop div.chzn-drop ul.chzn-results li:hover,
#okta-sign-in .o-form-select .chzn-container.chzn-container-single div.chzn-drop ul.chzn-results li:hover {
    background-color: #3a5fab;
  }
}
@media (max-width: 825px) {
  #okta-sign-in .enroll-totp form.barcode-scan .scan-instructions-details > p,
#okta-sign-in .enroll-yubikey form.barcode-scan .scan-instructions-details > p,
#okta-sign-in .barcode-push form.barcode-scan .scan-instructions-details > p,
#okta-sign-in .enroll-u2f form.barcode-scan .scan-instructions-details > p {
    font-size: 12px;
    text-align: center;
    margin-bottom: 10px;
  }
  #okta-sign-in .enroll-totp form.barcode-scan .scan-instructions-qrcode-wrapper > a,
#okta-sign-in .enroll-yubikey form.barcode-scan .scan-instructions-qrcode-wrapper > a,
#okta-sign-in .barcode-push form.barcode-scan .scan-instructions-qrcode-wrapper > a,
#okta-sign-in .enroll-u2f form.barcode-scan .scan-instructions-qrcode-wrapper > a {
    color: rgba(255, 255, 255, 0.72);
    width: 100%;
    margin-right: unset;
    float: unset;
    text-align: center;
  }
  #okta-sign-in .enroll-totp form.barcode-scan .scan-instructions,
#okta-sign-in .enroll-yubikey form.barcode-scan .scan-instructions,
#okta-sign-in .barcode-push form.barcode-scan .scan-instructions,
#okta-sign-in .enroll-u2f form.barcode-scan .scan-instructions {
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    justify-content: space-evenly;
    align-items: center;
    align-content: flex-end;
    margin-bottom: 37px;
  }
  #okta-sign-in .enroll-totp form.barcode-scan .manual-setup,
#okta-sign-in .enroll-yubikey form.barcode-scan .manual-setup,
#okta-sign-in .barcode-push form.barcode-scan .manual-setup,
#okta-sign-in .enroll-u2f form.barcode-scan .manual-setup {
    color: #ffffff;
    font-size: 12px;
    font-weight: 500;
    letter-spacing: 0;
    line-height: 18px;
    text-align: center;
    position: relative;
    bottom: -5px;
  }
  #okta-sign-in .enroll-totp form.enroll-u2f .okta-form-subtitle,
#okta-sign-in .enroll-totp form.barcode-scan .okta-form-subtitle,
#okta-sign-in .enroll-totp form.enroll-yubikey .okta-form-subtitle,
#okta-sign-in .enroll-totp form[data-se=step-device-type] .okta-form-subtitle,
#okta-sign-in .enroll-yubikey form.enroll-u2f .okta-form-subtitle,
#okta-sign-in .enroll-yubikey form.barcode-scan .okta-form-subtitle,
#okta-sign-in .enroll-yubikey form.enroll-yubikey .okta-form-subtitle,
#okta-sign-in .enroll-yubikey form[data-se=step-device-type] .okta-form-subtitle,
#okta-sign-in .barcode-push form.enroll-u2f .okta-form-subtitle,
#okta-sign-in .barcode-push form.barcode-scan .okta-form-subtitle,
#okta-sign-in .barcode-push form.enroll-yubikey .okta-form-subtitle,
#okta-sign-in .barcode-push form[data-se=step-device-type] .okta-form-subtitle,
#okta-sign-in .enroll-u2f form.enroll-u2f .okta-form-subtitle,
#okta-sign-in .enroll-u2f form.barcode-scan .okta-form-subtitle,
#okta-sign-in .enroll-u2f form.enroll-yubikey .okta-form-subtitle,
#okta-sign-in .enroll-u2f form[data-se=step-device-type] .okta-form-subtitle {
    color: rgba(255, 255, 255, 0.72);
    font-family: Heebo;
    font-size: 12px;
    letter-spacing: 0;
    line-height: 18px;
    text-align: center;
    margin: 6px;
  }
  #okta-sign-in .enroll-totp form.enroll-u2f .app-download-instructions .instructions-title,
#okta-sign-in .enroll-totp form.barcode-scan .app-download-instructions .instructions-title,
#okta-sign-in .enroll-totp form.enroll-yubikey .app-download-instructions .instructions-title,
#okta-sign-in .enroll-totp form[data-se=step-device-type] .app-download-instructions .instructions-title,
#okta-sign-in .enroll-yubikey form.enroll-u2f .app-download-instructions .instructions-title,
#okta-sign-in .enroll-yubikey form.barcode-scan .app-download-instructions .instructions-title,
#okta-sign-in .enroll-yubikey form.enroll-yubikey .app-download-instructions .instructions-title,
#okta-sign-in .enroll-yubikey form[data-se=step-device-type] .app-download-instructions .instructions-title,
#okta-sign-in .barcode-push form.enroll-u2f .app-download-instructions .instructions-title,
#okta-sign-in .barcode-push form.barcode-scan .app-download-instructions .instructions-title,
#okta-sign-in .barcode-push form.enroll-yubikey .app-download-instructions .instructions-title,
#okta-sign-in .barcode-push form[data-se=step-device-type] .app-download-instructions .instructions-title,
#okta-sign-in .enroll-u2f form.enroll-u2f .app-download-instructions .instructions-title,
#okta-sign-in .enroll-u2f form.barcode-scan .app-download-instructions .instructions-title,
#okta-sign-in .enroll-u2f form.enroll-yubikey .app-download-instructions .instructions-title,
#okta-sign-in .enroll-u2f form[data-se=step-device-type] .app-download-instructions .instructions-title {
    font-size: 13px;
    font-weight: 500;
    letter-spacing: 0;
    line-height: 19px;
    text-align: center;
    color: white;
    margin: 5px 0 0 0;
  }
  #okta-sign-in .enroll-totp form.enroll-u2f .app-download-instructions span.app-logo,
#okta-sign-in .enroll-totp form.barcode-scan .app-download-instructions span.app-logo,
#okta-sign-in .enroll-totp form.enroll-yubikey .app-download-instructions span.app-logo,
#okta-sign-in .enroll-totp form[data-se=step-device-type] .app-download-instructions span.app-logo,
#okta-sign-in .enroll-yubikey form.enroll-u2f .app-download-instructions span.app-logo,
#okta-sign-in .enroll-yubikey form.barcode-scan .app-download-instructions span.app-logo,
#okta-sign-in .enroll-yubikey form.enroll-yubikey .app-download-instructions span.app-logo,
#okta-sign-in .enroll-yubikey form[data-se=step-device-type] .app-download-instructions span.app-logo,
#okta-sign-in .barcode-push form.enroll-u2f .app-download-instructions span.app-logo,
#okta-sign-in .barcode-push form.barcode-scan .app-download-instructions span.app-logo,
#okta-sign-in .barcode-push form.enroll-yubikey .app-download-instructions span.app-logo,
#okta-sign-in .barcode-push form[data-se=step-device-type] .app-download-instructions span.app-logo,
#okta-sign-in .enroll-u2f form.enroll-u2f .app-download-instructions span.app-logo,
#okta-sign-in .enroll-u2f form.barcode-scan .app-download-instructions span.app-logo,
#okta-sign-in .enroll-u2f form.enroll-yubikey .app-download-instructions span.app-logo,
#okta-sign-in .enroll-u2f form[data-se=step-device-type] .app-download-instructions span.app-logo {
    display: none;
  }
  #okta-sign-in .enroll-totp form.enroll-u2f .app-download-instructions p.instructions,
#okta-sign-in .enroll-totp form.barcode-scan .app-download-instructions p.instructions,
#okta-sign-in .enroll-totp form.enroll-yubikey .app-download-instructions p.instructions,
#okta-sign-in .enroll-totp form[data-se=step-device-type] .app-download-instructions p.instructions,
#okta-sign-in .enroll-yubikey form.enroll-u2f .app-download-instructions p.instructions,
#okta-sign-in .enroll-yubikey form.barcode-scan .app-download-instructions p.instructions,
#okta-sign-in .enroll-yubikey form.enroll-yubikey .app-download-instructions p.instructions,
#okta-sign-in .enroll-yubikey form[data-se=step-device-type] .app-download-instructions p.instructions,
#okta-sign-in .barcode-push form.enroll-u2f .app-download-instructions p.instructions,
#okta-sign-in .barcode-push form.barcode-scan .app-download-instructions p.instructions,
#okta-sign-in .barcode-push form.enroll-yubikey .app-download-instructions p.instructions,
#okta-sign-in .barcode-push form[data-se=step-device-type] .app-download-instructions p.instructions,
#okta-sign-in .enroll-u2f form.enroll-u2f .app-download-instructions p.instructions,
#okta-sign-in .enroll-u2f form.barcode-scan .app-download-instructions p.instructions,
#okta-sign-in .enroll-u2f form.enroll-yubikey .app-download-instructions p.instructions,
#okta-sign-in .enroll-u2f form[data-se=step-device-type] .app-download-instructions p.instructions {
    font-size: 12px;
    letter-spacing: 0;
    line-height: 18px;
    text-align: center;
    margin-top: 6px;
    color: rgba(255, 255, 255, 0.72);
  }
  #okta-sign-in .enroll-totp form.enroll-u2f .app-download-instructions p.instructions a,
#okta-sign-in .enroll-totp form.barcode-scan .app-download-instructions p.instructions a,
#okta-sign-in .enroll-totp form.enroll-yubikey .app-download-instructions p.instructions a,
#okta-sign-in .enroll-totp form[data-se=step-device-type] .app-download-instructions p.instructions a,
#okta-sign-in .enroll-yubikey form.enroll-u2f .app-download-instructions p.instructions a,
#okta-sign-in .enroll-yubikey form.barcode-scan .app-download-instructions p.instructions a,
#okta-sign-in .enroll-yubikey form.enroll-yubikey .app-download-instructions p.instructions a,
#okta-sign-in .enroll-yubikey form[data-se=step-device-type] .app-download-instructions p.instructions a,
#okta-sign-in .barcode-push form.enroll-u2f .app-download-instructions p.instructions a,
#okta-sign-in .barcode-push form.barcode-scan .app-download-instructions p.instructions a,
#okta-sign-in .barcode-push form.enroll-yubikey .app-download-instructions p.instructions a,
#okta-sign-in .barcode-push form[data-se=step-device-type] .app-download-instructions p.instructions a,
#okta-sign-in .enroll-u2f form.enroll-u2f .app-download-instructions p.instructions a,
#okta-sign-in .enroll-u2f form.barcode-scan .app-download-instructions p.instructions a,
#okta-sign-in .enroll-u2f form.enroll-yubikey .app-download-instructions p.instructions a,
#okta-sign-in .enroll-u2f form[data-se=step-device-type] .app-download-instructions p.instructions a {
    color: #24b2da !important;
    font-weight: 400;
  }
  #okta-sign-in .enroll-totp form.enroll-u2f .device-type-input .o-form-input > span,
#okta-sign-in .enroll-totp form.barcode-scan .device-type-input .o-form-input > span,
#okta-sign-in .enroll-totp form.enroll-yubikey .device-type-input .o-form-input > span,
#okta-sign-in .enroll-totp form[data-se=step-device-type] .device-type-input .o-form-input > span,
#okta-sign-in .enroll-yubikey form.enroll-u2f .device-type-input .o-form-input > span,
#okta-sign-in .enroll-yubikey form.barcode-scan .device-type-input .o-form-input > span,
#okta-sign-in .enroll-yubikey form.enroll-yubikey .device-type-input .o-form-input > span,
#okta-sign-in .enroll-yubikey form[data-se=step-device-type] .device-type-input .o-form-input > span,
#okta-sign-in .barcode-push form.enroll-u2f .device-type-input .o-form-input > span,
#okta-sign-in .barcode-push form.barcode-scan .device-type-input .o-form-input > span,
#okta-sign-in .barcode-push form.enroll-yubikey .device-type-input .o-form-input > span,
#okta-sign-in .barcode-push form[data-se=step-device-type] .device-type-input .o-form-input > span,
#okta-sign-in .enroll-u2f form.enroll-u2f .device-type-input .o-form-input > span,
#okta-sign-in .enroll-u2f form.barcode-scan .device-type-input .o-form-input > span,
#okta-sign-in .enroll-u2f form.enroll-yubikey .device-type-input .o-form-input > span,
#okta-sign-in .enroll-u2f form[data-se=step-device-type] .device-type-input .o-form-input > span {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: center;
    align-items: center;
    align-content: stretch;
  }
  #okta-sign-in .enroll-totp form.enroll-u2f .device-type-input .custom-radio > label,
#okta-sign-in .enroll-totp form.barcode-scan .device-type-input .custom-radio > label,
#okta-sign-in .enroll-totp form.enroll-yubikey .device-type-input .custom-radio > label,
#okta-sign-in .enroll-totp form[data-se=step-device-type] .device-type-input .custom-radio > label,
#okta-sign-in .enroll-yubikey form.enroll-u2f .device-type-input .custom-radio > label,
#okta-sign-in .enroll-yubikey form.barcode-scan .device-type-input .custom-radio > label,
#okta-sign-in .enroll-yubikey form.enroll-yubikey .device-type-input .custom-radio > label,
#okta-sign-in .enroll-yubikey form[data-se=step-device-type] .device-type-input .custom-radio > label,
#okta-sign-in .barcode-push form.enroll-u2f .device-type-input .custom-radio > label,
#okta-sign-in .barcode-push form.barcode-scan .device-type-input .custom-radio > label,
#okta-sign-in .barcode-push form.enroll-yubikey .device-type-input .custom-radio > label,
#okta-sign-in .barcode-push form[data-se=step-device-type] .device-type-input .custom-radio > label,
#okta-sign-in .enroll-u2f form.enroll-u2f .device-type-input .custom-radio > label,
#okta-sign-in .enroll-u2f form.barcode-scan .device-type-input .custom-radio > label,
#okta-sign-in .enroll-u2f form.enroll-yubikey .device-type-input .custom-radio > label,
#okta-sign-in .enroll-u2f form[data-se=step-device-type] .device-type-input .custom-radio > label {
    margin: 0 18px;
  }
  #okta-sign-in .enroll-totp form.enroll-u2f .okta-form-divider,
#okta-sign-in .enroll-totp form.barcode-scan .okta-form-divider,
#okta-sign-in .enroll-totp form.enroll-yubikey .okta-form-divider,
#okta-sign-in .enroll-totp form[data-se=step-device-type] .okta-form-divider,
#okta-sign-in .enroll-yubikey form.enroll-u2f .okta-form-divider,
#okta-sign-in .enroll-yubikey form.barcode-scan .okta-form-divider,
#okta-sign-in .enroll-yubikey form.enroll-yubikey .okta-form-divider,
#okta-sign-in .enroll-yubikey form[data-se=step-device-type] .okta-form-divider,
#okta-sign-in .barcode-push form.enroll-u2f .okta-form-divider,
#okta-sign-in .barcode-push form.barcode-scan .okta-form-divider,
#okta-sign-in .barcode-push form.enroll-yubikey .okta-form-divider,
#okta-sign-in .barcode-push form[data-se=step-device-type] .okta-form-divider,
#okta-sign-in .enroll-u2f form.enroll-u2f .okta-form-divider,
#okta-sign-in .enroll-u2f form.barcode-scan .okta-form-divider,
#okta-sign-in .enroll-u2f form.enroll-yubikey .okta-form-divider,
#okta-sign-in .enroll-u2f form[data-se=step-device-type] .okta-form-divider {
    display: none !important;
  }
}
@media (max-width: 825px) {
  #okta-sign-in .enroll-choices .enroll-factor-description .enroll-factor-button a.button.link-button {
    background-color: transparent;
    border: none;
    background: transparent;
    box-shadow: none;
    padding: 0;
    color: var(--color-cerulean);
    font-size: 12px;
    text-transform: uppercase;
    line-height: 18px;
    font-weight: 500;
    width: 407px;
    height: 45px;
    position: absolute;
    bottom: 6px;
    left: -62px;
  }
}
@media (max-width: 825px) {
  .enroll-factor-description {
    position: relative;
  }
}
@media (max-width: 825px) {
  .enroll-factor-list {
    margin-top: 28px;
    margin-bottom: 22px;
  }
}
@media (max-width: 825px) {
  #okta-sign-in .primary-auth-form .o-form-fieldset [data-se=o-form-input-password] {
    margin-bottom: 20px !important;
  }
}
@media (max-width: 825px) {
  #okta-sign-in .o-form-fieldset.auth-passcode {
    width: calc( 100% - 94px - 12px );
    /* full width - button width - margin */
  }
}
@media (max-width: 825px) {
  #okta-sign-in .o-form .o-form-input {
    position: relative;
  }
}
@media (max-width: 825px) {
  #okta-sign-in .o-form .o-form-input .okta-form-input-field {
    border: none;
    height: 42px;
  }
}
@media (max-width: 825px) {
  #okta-sign-in .o-form .o-form-input .okta-form-input-field::before {
    position: relative;
    bottom: 6px;
    color: var(--color-white);
    font-size: 11px;
    font-weight: 500;
    letter-spacing: 0.58px;
    line-height: 17px;
    opacity: 0.44;
    text-transform: uppercase;
    bottom: 28px !important;
  }
  #okta-sign-in .o-form .o-form-input .okta-form-input-field[data-se=o-form-input-passCode]::before, #okta-sign-in .o-form .o-form-input .okta-form-input-field[data-se=o-form-input-answer]::before {
    content: "Enter Verification Code";
  }
  #okta-sign-in .o-form .o-form-input .okta-form-input-field input {
    color: var(--color-white);
    background-color: var(--color-transparent-white);
    font-size: 12px;
    letter-spacing: 0.53px;
    line-height: 18px;
    border: 1px solid var(--color-loblolly);
    border-radius: 4px;
    height: 42px;
    width: 100%;
    padding: 0 16px !important;
    filter: none;
    border: 1px solid #3a5fab;
    background-color: black !important;
    border-radius: 4px;
    height: 50px;
    letter-spacing: 0.62px;
    color: var(--color-white);
    position: absolute;
    left: 0;
    top: -1px;
  }
  #okta-sign-in .o-form .o-form-input .okta-form-input-field input::selection {
    color: var(--color-white);
    background-color: rgba(0, 185, 234, 0.6);
  }
}
@media (max-width: 825px) {
  #okta-sign-in .o-form .o-form-input .okta-form-input-field[data-se=o-form-input-username],
#okta-sign-in .o-form .o-form-input .okta-form-input-field.o-form-has-errors {
    margin-bottom: 20px;
  }
}
@media (max-width: 825px) {
  #okta-sign-in .o-form-button-bar {
    display: flex;
    justify-content: center;
    padding: 0;
    margin-bottom: 47px;
  }
}
@media (max-width: 825px) {
  .error-info__button,
#okta-sign-in .o-form .button.button-primary {
    display: inline-flex;
    justify-content: center;
    align-items: center;
    background: unset !important;
    background-color: rgba(58, 95, 171, 0.32) !important;
    color: var(--color-white) !important;
    background-clip: padding-box !important;
    font-size: 13px;
    font-weight: 500;
    line-height: 19px;
    text-align: center;
    border: 1px solid #3A5FAB;
    border-radius: 4px;
    height: 40px;
    width: 100%;
    padding: 0;
    margin: 0;
    cursor: pointer;
  }
  .error-info__button:hover,
#okta-sign-in .o-form .button.button-primary:hover {
    background: #3A5FAB !important;
  }
}
@media (max-width: 825px) {
  #okta-sign-in .o-form .button.button-primary[data-se=sms-button] {
    font-size: 12px;
    line-height: 18px;
    float: left;
  }
}
@media (max-width: 825px) {
  #okta-sign-in .o-form .button.button-primary[data-se=back-button] {
    font-size: 12px;
    line-height: 18px;
    margin: 0 auto !important;
  }
}
@media (max-width: 825px) {
  #okta-sign-in .o-form .button.button-primary.button-wide {
    display: block;
    min-width: 176px;
    font-size: 14px;
    line-height: 50px;
    margin: auto;
    height: 50px;
    border: 1px solid #3a5fab;
    border-radius: 4px;
    background: unset !important;
    background-color: black !important;
    color: rgba(255, 255, 255, 0.85);
    width: 100%;
  }
}
@media (max-width: 825px) {
  #okta-sign-in .auth-footer {
    text-align: center;
    margin-bottom: 39px;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
  }
}
@media (max-width: 825px) {
  #okta-sign-in a.link,
#okta-sign-in .auth-footer a {
    color: var(--color-white) !important;
    font-size: 14px;
    line-height: 21px;
    text-align: center;
    float: none !important;
  }
}
@media (max-width: 825px) {
  #okta-sign-in a.link.send-email-link,
#okta-sign-in .auth-footer a[data-se=signout-link] {
    color: var(--color-cerulean-2) !important;
  }
}
@media (max-width: 825px) {
  #okta-sign-in a.link.send-email-link {
    padding-bottom: 0;
    margin-bottom: 25px;
  }
}
@media (max-width: 825px) {
  #okta-sign-in a.link.send-email-link::before {
    content: "Didn't receive a code? ";
    color: var(--color-white);
  }
}
@media (max-width: 825px) {
  .term__text,
.error-info__text,
.login__text--service {
    color: var(--color-white);
    font-size: 12px;
    line-height: 18px;
    text-align: center;
    opacity: 0.86;
  }
}
@media (max-width: 825px) {
  .login__term {
    color: var(--color-white);
    text-decoration: underline;
  }
}
@media (max-width: 825px) {
  .mobile-recovery-hint {
    display: none;
  }
}
@media (max-width: 825px) {
  #okta-sign-in .o-form a[data-se=inline-totp-verify],
#okta-sign-in .o-form a[data-se=make-call],
#okta-sign-in .o-form a[data-se=sms-send-code],
#okta-sign-in .o-form a[data-se=resend-button] {
    display: flex;
    justify-content: center;
    align-items: center;
    color: #113046 !important;
    font-size: 11px;
    font-weight: 500;
    letter-spacing: -0.3px;
    line-height: 17px;
    text-transform: uppercase;
    background-color: rgba(230, 235, 243, 0.73);
    border: 1px solid var(--color-loblolly);
    border-radius: 4px;
    height: 42px;
    width: 94px;
    padding: 0;
    margin: 0;
    opacity: 0.73;
    cursor: pointer;
    margin: 18px 0 0 0;
    float: right;
  }
  #okta-sign-in .o-form a[data-se=inline-totp-verify] {
    margin-top: 20px;
  }
}
@media (max-width: 825px) {
  #okta-sign-in span[data-se=o-form-input-autoPush] {
    display: flex;
    justify-content: center;
  }
}
@media (max-width: 825px) {
  .mobile-error-container {
    display: none;
  }
  .mobile-error-container--active {
    display: block;
    position: relative;
  }
}
@media (max-width: 825px) {
  .error-info {
    position: absolute;
    top: 20px;
    margin-left: 26px;
  }
  .error-info__text {
    width: 60%;
    text-align: left;
  }
  .error-info__button {
    font-size: 12px;
    line-height: 18px;
    height: 35px;
  }
}
@media (max-width: 825px) {
  #okta-sign-in .o-form .okta-form-input-error {
    bottom: -17px !important;
  }
}
@media (max-width: 825px) {
  .o-form-has-errors > input {
    border: 1px solid rgba(236, 94, 94, 0.45) !important;
  }
}
@media (max-width: 825px) {
  #footer {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    align-content: center;
    color: #ffffff;
    letter-spacing: 0;
    line-height: 8px;
    text-align: center;
    width: 100%;
    font-size: 12px;
    height: 20px;
    position: absolute;
    left: 0;
    bottom: 15px;
    flex-wrap: wrap;
  }
}
@media (max-width: 825px) {
  .footer-item {
    padding: 0 15px;
    border-right: 1px solid rgba(255, 255, 255, 0.4);
    opacity: 0.8;
    cursor: pointer;
  }
}
@media (max-width: 825px) {
  .last-footer-item {
    padding: 10px 20px;
    opacity: 0.8;
    line-height: 16px;
  }
}

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