@import url('./font/iconfont.css?2023-0519');
@import url('./slider_verify.css?2021-0412');
*{
    letter-spacing: 1.2px;
}
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    font-size: 100%;
    font: inherit;
    vertical-align: baseline;
    background: transparent;

}

img{
    display:inline !important;
}

body {
    line-height: 1;
}

ol, ul {
    list-style: none;
}

blockquote, q {
    quotes: none;
}

blockquote:before, blockquote:after,
q:before, q:after {
    content: '';
    content: none;
}

:focus {
    outline: 0;
}

ins {
    text-decoration: none;
}

del {
    text-decoration: line-through;
}

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

input[type=hidden] {
    display: none !important;
}

input[type=checkbox], input[type=radio] {
    border: 0 !important;
    margin: 0;
    padding: 0;
}

/* stylelint-disable selector-max-id */
/*
 * This is an override of the _variables.scss files in the okta-signin-widget repo.
 * Any variables that need to be overridden for Okta's sign-in page CSS need to be added here.
 * NOTE - This needs to be in sync with _variables.scss in okta-signin-widget repo, if not
 * there will be fatal build errors.
 */
/* @override */

#okta-sign-in.auth-container h2,
#okta-sign-in.auth-container h3 {
    /* -- Fonts and Text Colors -- */
    font-weight: 600;
    color: #5e5e5e;
}

#okta-sign-in.auth-container .okta-sign-in-header {
    /* -- Fonts and Text Colors -- */
    color: #5e5e5e;
}

#okta-sign-in.auth-container .okta-form-subtitle,
#okta-sign-in.auth-container .okta-form-label {
    /* -- Fonts and Text Colors -- */
    color: #777;
}

#okta-sign-in.auth-container .link {
    /* -- Fonts and Text Colors: links -- */
    color: #777;
}

#okta-sign-in.auth-container .link:link, #okta-sign-in.auth-container .link:visited, #okta-sign-in.auth-container .link:hover, #okta-sign-in.auth-container .link:active {
    /* -- Fonts and Text Colors: links -- */
    color: #777;
}


#okta-sign-in.auth-container input[type="submit"],
#okta-sign-in.auth-container input[type="button"] {
    /* -- Submit Buttons' Fonts -- */
    font-family: 'Chinese Quote',-apple-system,BlinkMacSystemFont,'Segoe UI','PingFang SC','Hiragino Sans GB','Microsoft YaHei','Helvetica Neue',Helvetica,Arial,sans-serif,'Apple Color Emoji','Segoe UI Emoji','Segoe UI Symbol';
}

#okta-sign-in.auth-container.main-container {
    /* -- Main Background and Border Colors -- */
    font-family: 'Chinese Quote',-apple-system,BlinkMacSystemFont,'Segoe UI','PingFang SC','Hiragino Sans GB','Microsoft YaHei','Helvetica Neue',Helvetica,Arial,sans-serif,'Apple Color Emoji','Segoe UI Emoji','Segoe UI Symbol';
    color: #777;
    background-color: #fff;
    border:none;
    -webkit-box-shadow: 0 6px 15px rgba(0, 0, 0, 0.16);
    box-shadow: 0 3px 5px -1px rgba(0,0,0,.1),0 6px 10px 0 rgba(0,0,0,.1),0 1px 18px 0 rgba(0,0,0,.1);
    border-top:1px solid #fff;
    backdrop-filter: blur(5px);
}
.h_header {
    backdrop-filter: blur(5px);
}


@media only screen and (min-device-width: 320px) and (max-device-width: 480px) and (-webkit-min-device-pixel-ratio: 2) {
    #okta-sign-in.auth-container.main-container {
        border-width: 0;
        box-shadow: none;
    }
}

@media only screen and (min-device-width: 320px) and (max-device-width: 568px) and (-webkit-min-device-pixel-ratio: 2) {
    #okta-sign-in.auth-container.main-container {
        border-width: 0;
        box-shadow: none;
    }
}

@media only screen and (min-device-width: 375px) and (max-device-width: 667px) and (-webkit-min-device-pixel-ratio: 2) {
    #okta-sign-in.auth-container.main-container {
        border-width: 0;
        box-shadow: none;
    }
}

@media only screen and (min-device-width: 414px) and (max-device-width: 736px) and (-webkit-min-device-pixel-ratio: 3) {
    #okta-sign-in.auth-container.main-container {
        border-width: 0;
        box-shadow: none;
    }
}

@media screen and (device-width: 320px) and (device-height: 640px) and (-webkit-device-pixel-ratio: 2) {
    #okta-sign-in.auth-container.main-container {
        border-width: 0;
        box-shadow: none;
    }
}

@media screen and (device-width: 360px) and (device-height: 640px) and (-webkit-device-pixel-ratio: 3) {
    #okta-sign-in.auth-container.main-container {
        border-width: 0;
        box-shadow: none;
    }
}


#okta-sign-in.auth-container .button {
    /* -- Buttons' Colors -- */
    color: #5e5e5e;
    background-color: #fbfbfb;
    /* Opera 11.10+ */
    /* IE10+ */
    background: -webkit-linear-gradient(#fbfbfb, #f8f8f8);
    background: linear-gradient(#fbfbfb, #f8f8f8);
    border-color: #c3c3c3;
    border-bottom-color: #bbbbbb;
    box-shadow: rgba(0, 0, 0, 0.05) 0 1px 0, rgba(255, 255, 255, 0.1) 0 1px 0 0 inset;
}

#okta-sign-in.auth-container .button:hover, #okta-sign-in.auth-container .button:focus, #okta-sign-in.auth-container .button:active, #okta-sign-in.auth-container .button:focus {
    /* -- Buttons' Colors -- */
    background-color: white;
    /* Opera 11.10+ */
    background: -ms-linear-gradient(top, white 0%, #fcfcfc 100%);
    /* IE10+ */
    background-image: -webkit-linear-gradient(white, #fcfcfc);
    background-image: linear-gradient(white, #fcfcfc);
    border-color: #b2b2b2;
    border-bottom-color: #afaeae;
    text-decoration: none;
    cursor: pointer;
}

#okta-sign-in.auth-container .button:hover, #okta-sign-in.auth-container .button:focus, #okta-sign-in.auth-container .button:active, #okta-sign-in.auth-container .button:focus {
    /* -- Buttons' Colors -- */
    box-shadow: none;
}

#okta-sign-in.auth-container .button:focus {
    border-color: #0074b3;
}

#okta-sign-in.auth-container .button-dark {
    /* -- Buttons' Colors -- */
    color: #fff;
    background-color: #929292;
    /* Opera 11.10+ */
    /* IE10+ */
    background: -webkit-linear-gradient(#929292, #8a8a8a);
    background: linear-gradient(#929292, #8a8a8a);
    border-color: #6c6c6c;
    border-bottom-color: #676767;
    box-shadow: rgba(0, 0, 0, 0.15) 0 1px 0, rgba(255, 255, 255, 0.1) 0 1px 0 0 inset;
}

#okta-sign-in.auth-container .button-dark:hover, #okta-sign-in.auth-container .button-dark:focus, #okta-sign-in.auth-container .button-dark:active, #okta-sign-in.auth-container .button-dark:focus {
    /* -- Buttons' Colors -- */
    background-color: #9a9a9a;
    /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #9a9a9a 0%, #929292 100%);
    /* IE10+ */
    background-image: -webkit-linear-gradient(#9a9a9a, #929292);
    background-image: linear-gradient(#9a9a9a, #929292);
    border-color: #606060;
    border-bottom-color: #5e5e5e;
    text-decoration: none;
    cursor: pointer;
}

#okta-sign-in.auth-container .button-dark:hover, #okta-sign-in.auth-container .button-dark:focus, #okta-sign-in.auth-container .button-dark:active, #okta-sign-in.auth-container .button-dark:focus {
    /* -- Buttons' Colors -- */
    box-shadow: none;
}

#okta-sign-in.auth-container .button-primary {
    /* -- Buttons' Colors -- */
    color: #fff;
    background-color: #007dc1;
    /* Opera 11.10+ */
    /* IE10+ */
    background: -webkit-linear-gradient(#007dc1, #0073b2);
    background: linear-gradient(#007dc1, #0073b2);
    border-color: #004b75;
    border-bottom-color: #00456a;
    box-shadow: rgba(0, 0, 0, 0.15) 0 1px 0, rgba(255, 255, 255, 0.1) 0 1px 0 0 inset;
}

#okta-sign-in.auth-container .button-primary:hover, #okta-sign-in.auth-container .button-primary:focus, #okta-sign-in.auth-container .button-primary:active, #okta-sign-in.auth-container .button-primary:focus {
    /* -- Buttons' Colors -- */
    background-color: #0087d0;
    /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #0087d0 0%, #007dc1 100%);
    /* IE10+ */
    background-image: -webkit-linear-gradient(#0087d0, #007dc1);
    background-image: linear-gradient(#0087d0, #007dc1);
    border-color: #003d5e;
    border-bottom-color: #003a59;
    text-decoration: none;
    cursor: pointer;
}

#okta-sign-in.auth-container .button-primary:hover, #okta-sign-in.auth-container .button-primary:focus, #okta-sign-in.auth-container .button-primary:active, #okta-sign-in.auth-container .button-primary:focus {
    /* -- Buttons' Colors -- */
    box-shadow: none;
}

#okta-sign-in.auth-container .button-success {
    /* -- Buttons' Colors -- */
    color: #fff;
    background-color: #4cbf9c;
    /* Opera 11.10+ */
    /* IE10+ */
    background: -webkit-linear-gradient(#4cbf9c, #42b995);
    background: linear-gradient(#4cbf9c, #42b995);
    border-color: #328c71;
    border-bottom-color: #2f856b;
    box-shadow: rgba(0, 0, 0, 0.15) 0 1px 0, rgba(255, 255, 255, 0.1) 0 1px 0 0 inset;
}

#okta-sign-in.auth-container .button-success:hover, #okta-sign-in.auth-container .button-success:focus, #okta-sign-in.auth-container .button-success:active, #okta-sign-in.auth-container .button-success:focus {
    /* -- Buttons' Colors -- */
    background-color: #57c3a2;
    /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #57c3a2 0%, #4cbf9c 100%);
    /* IE10+ */
    background-image: -webkit-linear-gradient(#57c3a2, #4cbf9c);
    background-image: linear-gradient(#57c3a2, #4cbf9c);
    border-color: #2c7b63;
    border-bottom-color: #2b7861;
    text-decoration: none;
    cursor: pointer;
}

#okta-sign-in.auth-container .button-success:hover, #okta-sign-in.auth-container .button-success:focus, #okta-sign-in.auth-container .button-success:active, #okta-sign-in.auth-container .button-success:focus {
    /* -- Buttons' Colors -- */
    box-shadow: none;
}

#okta-sign-in.auth-container .button.link-button-disabled {
    /* -- Buttons' Colors -- */
    color: #aaa;
}

#okta-sign-in.auth-container .button.link-button-disabled:hover, #okta-sign-in.auth-container .button.link-button-disabled:focus, #okta-sign-in.auth-container .button.link-button-disabled:active, #okta-sign-in.auth-container .button.link-button-disabled:focus {
    /* -- Buttons' Colors -- */
    cursor: default;
    background-image: none;
}

#okta-sign-in.auth-container .button.button-primary.link-button-disabled {
    /* -- Buttons' Colors -- */
    color: #fff;
    background-color: #63b1d7;
    border-color: #63b1d7;
    background-image: none;
    box-shadow: none;
}

#okta-sign-in.auth-container .button.button-primary.link-button-disabled:hover, #okta-sign-in.auth-container .button.button-primary.link-button-disabled:focus, #okta-sign-in.auth-container .button.button-primary.link-button-disabled:active, #okta-sign-in.auth-container .button.button-primary.link-button-disabled:focus {
    /* -- Buttons' Colors -- */
    cursor: default;
    background-image: none;
}


#okta-sign-in.auth-container .okta-form-input-field {
    /* -- Input Fields -- */
    background-color: #fff;
    border-color: #bbb;
}

#okta-sign-in.auth-container .okta-form-input-field:hover {
    /* -- Input Fields -- */
    border-color: #888;
}

#okta-sign-in.auth-container .okta-form-input-field.focused-input {
    border-color: #0074b3;
}

#okta-sign-in.auth-container .okta-form-input-field input {
    /* -- Input Fields -- */
    font-family: 'Chinese Quote',-apple-system,BlinkMacSystemFont,'Segoe UI','PingFang SC','Hiragino Sans GB','Microsoft YaHei','Helvetica Neue',Helvetica,Arial,sans-serif,'Apple Color Emoji','Segoe UI Emoji','Segoe UI Symbol';


    color: #5e5e5e;
}

#okta-sign-in.auth-container .okta-form-input-field input::-webkit-input-placeholder {
    /* -- Input Fields: placeholder -- */
    font-family: 'Chinese Quote',-apple-system,BlinkMacSystemFont,'Segoe UI','PingFang SC','Hiragino Sans GB','Microsoft YaHei','Helvetica Neue',Helvetica,Arial,sans-serif,'Apple Color Emoji','Segoe UI Emoji','Segoe UI Symbol';
    color: #aaa;
}

#okta-sign-in.auth-container .okta-form-input-field input::-moz-placeholder {
    /* -- Input Fields: placeholder -- */
    font-family: 'Chinese Quote',-apple-system,BlinkMacSystemFont,'Segoe UI','PingFang SC','Hiragino Sans GB','Microsoft YaHei','Helvetica Neue',Helvetica,Arial,sans-serif,'Apple Color Emoji','Segoe UI Emoji','Segoe UI Symbol';
    color: #aaa;
}

#okta-sign-in.auth-container .okta-form-input-field input:-ms-input-placeholder {
    /* -- Input Fields: placeholder -- */
    font-family: 'Chinese Quote',-apple-system,BlinkMacSystemFont,'Segoe UI','PingFang SC','Hiragino Sans GB','Microsoft YaHei','Helvetica Neue',Helvetica,Arial,sans-serif,'Apple Color Emoji','Segoe UI Emoji','Segoe UI Symbol';
    color: #aaa;
}

#okta-sign-in.auth-container .okta-form-input-field input[disabled] {
    /* -- Input Fields: disabled input field -- */
    color: #777;
    -webkit-text-fill-color: #777;
    /* background: #f4f4f4; */
}

#okta-sign-in.auth-container .okta-form-input-field input[type="password"] {
    /* -- Input Fields: password input field -- */
    font-family: 'Chinese Quote',-apple-system,BlinkMacSystemFont,'Segoe UI','PingFang SC','Hiragino Sans GB','Microsoft YaHei','Helvetica Neue',Helvetica,Arial,sans-serif,'Apple Color Emoji','Segoe UI Emoji','Segoe UI Symbol';
}

#okta-sign-in.auth-container .okta-form-input-field input[type="password"]:placeholder-shown {
    font-family: 'Chinese Quote',-apple-system,BlinkMacSystemFont,'Segoe UI','PingFang SC','Hiragino Sans GB','Microsoft YaHei','Helvetica Neue',Helvetica,Arial,sans-serif,'Apple Color Emoji','Segoe UI Emoji','Segoe UI Symbol';
}

#okta-sign-in.auth-container .okta-form-input-field placeholder {
    /* -- Input Fields: placeholder -- */
    font-family: 'Chinese Quote',-apple-system,BlinkMacSystemFont,'Segoe UI','PingFang SC','Hiragino Sans GB','Microsoft YaHei','Helvetica Neue',Helvetica,Arial,sans-serif,'Apple Color Emoji','Segoe UI Emoji','Segoe UI Symbol';
    color: #aaa;
}

#okta-sign-in.auth-container .input-icon:before,
#okta-sign-in.auth-container .input-tooltip:before {
    /* -- Input Fields: icons -- */
    color: #a7a7a7;
}

/*  Remove the background image and borders on a smaller window size */
@media only screen and (max-width: 600px) {
    /* stylelint-disable declaration-no-important */
    .login-bg-image {
        background-image: none !important;
        background-color: #fff !important;
        -webkit-filter: unset !important;
        filter: unset !important;
    }
    /* stylelint-enable declaration-no-important */
    /* Using the same selector as line 59 to override styles at small screen sizes. */
    #okta-sign-in.auth-container {
        width: auto;
        margin-right: 0;
        margin-left: 0;
    }
    #okta-sign-in.auth-container.main-container {
        border: 0;
        box-shadow: none;
    }
    #okta-sign-in.auth-container .auth-content {
        max-width: 100%;
        margin: 0 auto;
    }
}

html {
    height: 100%;
    font-size:14px !important;
}

body {
    position: relative;
    font-family: 'Chinese Quote',-apple-system,BlinkMacSystemFont,'Segoe UI','PingFang SC','Hiragino Sans GB','Microsoft YaHei','Helvetica Neue',Helvetica,Arial,sans-serif,'Apple Color Emoji','Segoe UI Emoji','Segoe UI Symbol';
    font-size: 14px !important;
    font-weight: normal;
    line-height: 1.4;
    background-color: #f9f9f9;
    min-width: 100%;
    min-height: 100%;
    color: #777;
    overflow: auto;
}

#okta-sign-in .unsupported-message {
    padding: 21px 55px 37px;
    text-align: center;
}

#okta-sign-in .unsupported-message p {
    padding-bottom: 20px;
}

#okta-sign-in .unsupported-message a.button {
    display: block;
}

#okta-sign-in .auth-footer .help {
    color: #0074b3;
}
@font-face {
    font-family: 'okticon';
    src: url("okticon.fe8b3f5e8c2e13114d5bfb04e4731fb9.eot");
    src: url("okticon.fe8b3f5e8c2e13114d5bfb04e4731fb9.eot?#iefix") format("embedded-opentype"), url("okticon.31036a2f6d125325e0caa9ba52db6bfd.woff") format("woff"), url("okticon.fe45e84b9dc074a8a28504bfb92c27c0.ttf") format("truetype");
    font-weight: normal;
    font-style: normal;
}

.wf-loading {
    visibility: hidden;
}

.wf-loading .ajax-include-feedback-content {
    visibility: hidden !important;
}

.wf-active {
    visibility: visible;
}

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

.clearfix {
    display: block;
}

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

.hide {
    display: none;
}

/* stylelint-disable selector-max-id */
#okta-sign-in {
    font-family: 'Chinese Quote',-apple-system,BlinkMacSystemFont,'Segoe UI','PingFang SC','Hiragino Sans GB','Microsoft YaHei','Helvetica Neue',Helvetica,Arial,sans-serif,'Apple Color Emoji','Segoe UI Emoji','Segoe UI Symbol';
    font-size: 14px;
    font-weight: normal;
    line-height: 1.4;
    background-color: #f9f9f9;
    color: #777;
    position: relative;
    overflow: auto;
    border-radius: 3px;
    border-style: solid;
    border-width: 1px;
    height: auto;
    margin: 50px auto 8px;
    width: 400px;
    min-width: 300px;
}

@media only screen and (max-device-width: 480px) {
    #okta-sign-in {
        margin-top: 0;
        width: 100%;
    }
}

@media only screen and (max-width: 400px) {
    #okta-sign-in {
        width: 100%;
    }
}

@media only screen and (max-height: 750px) {
    #okta-sign-in {
        margin-top: 30px;
    }
}

#okta-sign-in.no-beacon .auth-content {
    padding-top: 20px;
}

#okta-sign-in.no-beacon .auth-header {
    padding-bottom: 30px;
}

.auth .content {
    min-height: 100%;
    min-width: 300px;
    display: inline-block;
    width: 100%;
}


.auth .footer {
    background-color: #fff;
    min-width: 300px;
    position: absolute;
    font-size: 12px;
    left: 0;
    right: 0;
    bottom: 0;
    height: 34px;
    overflow: hidden;
}

.auth .footer .footer-container {
    padding: 9px 80px;
    margin: 0 auto;
    box-sizing: border-box;
}

@media only screen and (max-width: 560px) {
    .auth .footer .footer-container {
        width: 400px;
        padding-left: 20px;
        padding-right: 20px;
    }
}

@media only screen and (max-width: 400px) {
    .auth .footer .footer-container {
        width: 100%;
    }
}

.auth .footer a {
    color: #777;
}

.auth .footer a:link, .auth .footer a:visited, .auth .footer a:active {
    text-decoration: none;
    color: #777;
}

.auth .footer a:hover, .auth .footer a:focus {
    text-decoration: underline;
    color: #777;
}

.auth .footer .copyright {
    float: left;
}

.auth .footer .privacy-policy {
    float: right;
}

.lt-ie8 .beacon-container {
    left: 50%;
    margin-left: -42px;
}

.lt-ie9 {
    /* stylelint-disable selector-max-id */
    /* stylelint-enable selector-max-id */
}

.lt-ie9 .input-fix input[name="phoneNumber"] {
    border: 1px solid #bbb;
}

.lt-ie9 .auth {
    max-height: 500px;
    overflow: auto;
}

.lt-ie9 .footer {
    position: fixed;
    bottom: 0;
}

.lt-ie9 .auth-beacon-border {
    bottom: -2px;
    left: -2px;
    right: -2px;
    top: -2px;
}

.lt-ie9 #copyright a {
    text-decoration: none;
}

.lt-ie9 #copyright a:hover {
    cursor: pointer;
    color: #f00;
}

.lt-ie9 .beacon-blank {
    display: none;
}

/* Layout */
.login-bg-image {
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: -5;
}

/* stylelint-disable selector-max-id */
#okta-sign-in {

}

#okta-sign-in [class^='-16'],
#okta-sign-in [class*='-16'] {
    vertical-align: top;
    position: relative;
    box-sizing: border-box;
}

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

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

#okta-sign-in [class^='-24'],
#okta-sign-in [class*='-24'] {
    vertical-align: top;
    box-sizing: border-box;
}

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

#okta-sign-in [class^='-48'],
#okta-sign-in [class*='-48'] {
    vertical-align: top;
    box-sizing: border-box;
}

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

#okta-sign-in [class^='-32'],
#okta-sign-in [class*='-32'] {
    vertical-align: top;
    box-sizing: border-box;
}

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

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

#okta-sign-in .admin-banner .dismiss-icon:before {
    content: '\e04f';
    color: #fff;
}

#okta-sign-in .dismiss-icon:before {
    content: '\e04f';
    color: #a7a7a7;
}

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

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

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

#okta-sign-in #getting-started-shortcut .dismiss-icon {
    content: '\e04f';
    color: #b0d244;
}

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

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

#okta-sign-in #hide-getting-started-shortcut:before {
    content: '\e04f';
    color: #b0d244;
}

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

#okta-sign-in .oktamainlogo:before {
    display: block;
    position: absolute;
    white-space: normal;
    text-indent: 0;
    vertical-align: top;
    top: -7px;
    font-size: 66px;
    font-family: 'okticon';
    font-weight: 300 !important;
    font-style: normal !important;
    speak: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-smoothing: antialiased;
    content: '\e06e';
    color: #fff;
}

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

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

#okta-sign-in .person-add-16:before {
    color: #5e5e5e;
    content: '\e00d';
}

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

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

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

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

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

#okta-sign-in .app-refresh-16:before {
    color: #5e5e5e;
    content: '\e047';
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

#okta-sign-in .help-16:before {
    content: '\e054';
    color: #666;
}

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

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

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

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

#okta-sign-in .light-bulb-16:before {
    content: '\e062';
    color: #fff;
}

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

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

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

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

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

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

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

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

#okta-sign-in .visibility-16:before {
    content: '\e022';
    color: #a7a7a7;
}

#okta-sign-in .visibility-off-16::before {
    content: '\e0c3';
    color: #a7a7a7;
}

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

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

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

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

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

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

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

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

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

#okta-sign-in .checkbox-16:before {
    content: '\e033';
    color: #007dc1;
}

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

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

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

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

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

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

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

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

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

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

#okta-sign-in .edit-16-white:before {
    content: '\e040';
    color: #fff;
}

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

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

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

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

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

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

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

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

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

#okta-sign-in .settings-white-16:before {
    content: '\e025';
    color: #fff;
}

#okta-sign-in .settings-white-16:after {
    content: '\e026';
    color: #fff;
}

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

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

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

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

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

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

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

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

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

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

#okta-sign-in .add-16-white:before {
    content: '\e050';
    color: #fff;
}

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

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

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

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

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

#okta-sign-in .icon-android-16:before {
    content: '\e085';
    color: #92bf43;
}

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

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

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

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

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

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

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

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

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

#okta-sign-in .info-16:before {
    content: '\e053';
    color: #fff;
}

#okta-sign-in .info-16-white:before {
    content: '\e053';
    color: #fff;
}

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

#okta-sign-in .warning-16:before {
    content: '\e058';
    color: #fff;
}

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

#okta-sign-in .error-16:before {
    content: '\e055';
    color: #fff;
}

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

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

#okta-sign-in .success-16:before {
    content: '\e051';
    color: #fff;
}

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

#okta-sign-in .success-16-gray:before {
    content: '\e051';
    color: #e0e0e0;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

#okta-sign-in .run-16-white:before {
    content: '\e04b';
    color: #fff;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

#okta-sign-in .conversation-16-white:before {
    content: '\e023';
    color: #fff;
}

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

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

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

#okta-sign-in .active-sync-16-reverse:before {
    content: '\e01c';
    color: #fff;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

#okta-sign-in .refresh-16-white:before {
    content: '\e03e';
    color: #fff;
}

#okta-sign-in .back-16:before {
    content: '\e02c';
    color: #fff;
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
}

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

#okta-sign-in .filter-16-reverse:before {
    content: '\e04a';
    color: #fff;
}

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

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

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

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

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

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

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

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

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

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

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

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

#okta-sign-in .asterisk-16-white:before {
    content: '\e071';
    color: #fff;
}

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

#okta-sign-in .instructions-16:before {
    content: '\e064';
    color: #fff;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

#okta-sign-in .instructions-24:before {
    content: '\e064';
    color: #fff;
}

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

#okta-sign-in .info-24:before {
    content: '\e053';
    color: #fff;
}

#okta-sign-in .warning-24:before {
    content: '\e058';
    color: #fff;
}

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

#okta-sign-in .error-24:before {
    content: '\e055';
    color: #fff;
}

#okta-sign-in .success-24:before {
    content: '\e051';
    color: #fff;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

#okta-sign-in .light-bulb-24:before {
    content: '\e062';
    color: #fff;
}

#okta-sign-in .warning-important-24:before {
    content: '\e058';
    color: #fff;
}

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

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

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

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

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

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

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

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

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

#okta-sign-in .teach-48:before {
    content: '\e074';
    color: #fff;
}

#okta-sign-in #universal-directory-profiles .data-list-empty-img {
    background-image: none;
    top: 0;
    left: 0;
    position: relative;
    margin-left: 0;
}

#okta-sign-in #universal-directory-profiles .data-list-empty-img:before {
    content: '\e067';
    color: #a7a7a7;
    font-size: 100px;
    display: block;
    position: absolute;
    white-space: normal;
    text-indent: 0;
    font-family: 'okticon';
    font-weight: 300 !important;
    font-style: normal !important;
    speak: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-smoothing: antialiased;
    margin-left: 345px;
    top: -95px;
}

#okta-sign-in #universal-directory-profiles .data-list-empty-img:after {
    content: '\e004';
    color: #a7a7a7;
    font-size: 100px;
    display: block;
    position: absolute;
    white-space: normal;
    text-indent: 0;
    font-family: 'okticon';
    font-weight: 300 !important;
    font-style: normal !important;
    speak: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-smoothing: antialiased;
    margin-left: 345px;
    top: -98px;
}

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

#okta-sign-in .green-light:before {
    content: '\e072';
    color: #4cbf9c;
}

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

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


#okta-sign-in .legend-light:before {
    color: #f9f9f9;
    content: '\e072';
}

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

#okta-sign-in .link-button.button-error .icon.info-16-gray:before {
    color: #fff;
}

#okta-sign-in .link-button.button-primary .icon.active-sync-16:before {
    color: #fff;
}

#okta-sign-in .link-button.button-primary .icon.active-sync-16:after {
    color: #fff;
}

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

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

#okta-sign-in body {
    line-height: 1;
}

#okta-sign-in ol, #okta-sign-in ul {
    list-style: none;
}

#okta-sign-in blockquote, #okta-sign-in q {
    quotes: none;
}

#okta-sign-in blockquote:before, #okta-sign-in blockquote:after,
#okta-sign-in q:before, #okta-sign-in q:after {
    content: '';
    content: none;
}

#okta-sign-in :focus {
    outline: 0;
}

#okta-sign-in ins {
    text-decoration: none;
}

#okta-sign-in del {
    text-decoration: line-through;
}

#okta-sign-in table {
    border-collapse: collapse;
    border-spacing: 0;
}

#okta-sign-in input[type=hidden] {
    display: none !important;
}

#okta-sign-in input[type=checkbox], #okta-sign-in input[type=radio] {
    border: 0 !important;
    margin: 0;
    padding: 0;
}

#okta-sign-in .o-form-fieldset:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

#okta-sign-in .o-form-fieldset {
    height: auto;
    word-wrap: break-word;
    display: inline-block;
    margin-bottom: 15px;
}

#okta-sign-in .o-form-fieldset:last-child {
    margin-bottom: 0;
}

#okta-sign-in * html .o-form-fieldset {
    height: 1%;
}

#okta-sign-in .o-form-fieldset {
    display: block;
}

#okta-sign-in .o-form-label,
#okta-sign-in .o-form-input {
    float: left;
}

#okta-sign-in .o-form-label {
    width: 38%;
    font-weight: bold;
    padding: 7px 10px 7px 0;
    line-height: 16px;
    color: #5e5e5e;
    box-sizing: border-box;
}

#okta-sign-in .o-form-label a.icon-16 {
    display: inline;
    margin-left: 6px;
    top: -1px;
}

#okta-sign-in .o-form-input {
    width: 62%;
    /* o-form dynamic array inputs */
}

#okta-sign-in .o-form-input .o-form-input-group + .o-form-input-group,
#okta-sign-in .o-form-input .o-form-input-group + .link-button {
    margin-top: 15px;
}

#okta-sign-in .o-form-input .array-inputs-button {
    clear: both;
}

#okta-sign-in .o-form-input .o-form-input-group-controls {
    width: 100%;
}

#okta-sign-in .o-form .input-fix {
    height: 30px;
}

#okta-sign-in .o-form .input-fix input[type="text"],
#okta-sign-in .o-form .input-fix input[type="textbox"],
#okta-sign-in .o-form .input-fix input[type="number"],
#okta-sign-in .o-form .input-fix input[type="password"] {
    height: 100%;
    width: 100%;
    margin: 0;
    padding: 6px 8px;
    line-height: 16px;
    border: none;
    background: transparent;
    box-sizing: border-box;
}

#okta-sign-in .o-form .input-fix input.password-with-toggle {
    padding-right: 35px;
}

#okta-sign-in .o-form .input-fix .password-toggle .eyeicon {
    right: 5px;
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 32px;
    height: 32px;
    padding: 6px 8px;
    opacity: 0.5;
    cursor: pointer;
}

#okta-sign-in .o-form .input-fix .password-toggle .button-hide {
    display: none;
}

#okta-sign-in .o-form .input-fix input[type="number"] {
    border: none;
}

#okta-sign-in .o-form .input-fix, #okta-sign-in .o-form .textarea-fix {
    border-radius: 5px;
    width: 100%;
    box-sizing: border-box;
}

#okta-sign-in .o-form .textarea-fix textarea {
    height: auto;
    width: 100%;
    margin: 0;
    padding: 6px 8px;
    line-height: 16px;
    box-sizing: border-box;
    min-height: 30px;
    max-width: 100% !important;
}

#okta-sign-in .o-form select {
    width: 62%;
    margin-top: 6px;
    /* For standard select boxes, not Chosen */
}

#okta-sign-in .o-form-wide select {
    width: 100%;
}


#okta-sign-in .o-form-label-inline {
    padding: 6px 10px;
    color: #999;
    background-color: #f2f2f2;
    border-bottom-left-radius: 3px;
    border-top-left-radius: 3px;
    border: 1px solid #c8c8c8;
    border-right-width: 0;
    font-weight: normal;
}

#okta-sign-in .o-form-control + .o-form-control {
    margin-top: 20px;
}


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

#okta-sign-in .text-select .input-fix {
    width: 84%;
    border-right: none;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
}


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

#okta-sign-in .custom-checkbox, #okta-sign-in .custom-radio {
    position: relative;
    clear: both;
}

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

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

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

#okta-sign-in .o-form-input kbd {
    box-shadow: 0 1px 1px rgba(150, 150, 150, 0.16) inset;
    background: #fff;
    padding: 10px;
    display: block;
    border-radius: 3px;
    border: 1px solid #cacaca;
}

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

#okta-sign-in .o-form-button-bar .button + .button,
#okta-sign-in .o-form-toolbar .button + .button,
#okta-sign-in .o-form-toolbar.ui-tabs .button + .button {
    margin-left: 10px;
}

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

#okta-sign-in .o-form-toolbar.ui-tabs {
    margin: 0;
}

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

#okta-sign-in .o-form-toolbar.ui-tabs .o-form-pillbar.ui-tabs-nav li a {
    margin: 0;
    padding: 0 14px;
    border-width: 1px 0 1px 1px;
    border-color: #d1d1d1;
    border-style: solid;
    color: #5e5e5e;
    background: #fbfbfb;
    display: block;
    float: none;
    font-size: 12px;
    font-weight: normal;
    line-height: 28px;
    overflow: hidden;
    text-align: center;
    text-overflow: ellipsis;
    white-space: nowrap;
}

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

#okta-sign-in .o-form-toolbar.ui-tabs .o-form-pillbar.ui-tabs-nav li:first-child a {
    border-radius: 3px 0 0 3px;
}

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

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

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

#okta-sign-in .o-form-toolbar.ui-tabs .o-form-pillbar.ui-tabs-nav li.ui-state-active + li > a {
    border-left-width: 0;
    padding-left: 21px;
}

#okta-sign-in .o-form-pillbar.ui-tabs-nav > .ui-corner-top {
    background: transparent;
    border-top: none;
}

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

#okta-sign-in .o-form-title-bar {
    padding: 0 20px;
    line-height: 44px;
    font-size: 17px;
    font-weight: normal;
    background: #f2f2f2;
    color: #5e5e5e;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
    border: 1px solid #ddd;
    border-bottom-width: 0;
    margin: 0;
    position: relative;
}

#okta-sign-in .o-form-toggle {
    position: absolute;
    right: 8px;
    top: 8px;
    /* Differs from link-button only in height and width */
}

#okta-sign-in .o-form-toggle a {
    display: block;
    font-size: 13px;
    height: 26px;
    line-height: 26px;
    padding: 0;
    width: 60px;
}

#okta-sign-in .data-list .o-form-title-bar {
    padding: 0;
    margin: 0 0 15px;
    color: #5e5e5e;
    border: none;
    border-radius: 0;
    box-shadow: none;
    background: transparent;
}

#okta-sign-in .data-list .o-form-toggle {
    right: 0;
}

#okta-sign-in .o-form-head {
    color: #46b090;
    line-height: 30px;
    margin: 0 0 15px;
    padding: 0;
    font-size: 14px;
    text-transform: uppercase;
    font-weight: 200;
}

#okta-sign-in .o-form-subhead {
    color: #a7a7a7;
    font-size: 15px;
    font-weight: 200;
    line-height: 30px;
    margin: 0 0 15px;
    padding: 0;
}

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

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

#okta-sign-in .o-form-explain {
    color: #a7a7a7;
    font-weight: normal;
}

#okta-sign-in .o-form-explain + .o-form-explain {
    margin-top: 0;
}

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

#okta-sign-in .o-form-explain.o-form-input-error {
    color: #d93934;
    padding-left: 18px;
    position: relative;
    display: none;
}

#okta-sign-in .o-form-has-errors .o-form-explain.o-form-input-error {
    display: block;
}

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

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

#okta-sign-in .o-form-theme {
    padding: 30px;
    background: #f9f9f9;
    box-shadow: 0 1px 1px rgba(175, 175, 175, 0.16);
    border: 1px solid #ddd;
    border-bottom-color: #d2d2d2;
    border-radius: 4px;
}

#okta-sign-in .o-form-theme-no-border {
    border: none;
    border-radius: 0;
}

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

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

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

#okta-sign-in .o-form-3-4 .o-form-label {
    width: 25%;
}

#okta-sign-in .o-form-3-4 .o-form-input {
    width: 75%;
}

#okta-sign-in .o-form .o-form-focus {
    border: 1px solid #888;
    box-shadow: 0 1px 1px #fff;
}


#okta-sign-in .o-form-edit-mode .o-form-content {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
}

#okta-sign-in .custom-checkbox label,
#okta-sign-in .custom-radio label {
    background-position: -16px -13px;
}

#okta-sign-in .custom-checkbox label.hover,
#okta-sign-in .custom-checkbox label.focus,
#okta-sign-in .custom-radio label.hover,
#okta-sign-in .custom-radio label.focus {
    background-position: -16px -113px;
}

#okta-sign-in .custom-checkbox label.checked,
#okta-sign-in .custom-radio label.checked {
    background-position: -16px -213px;
}

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

#okta-sign-in .o-form-label-top .o-form-label,
#okta-sign-in .o-form-label-top .o-form-input {
    width: 100%;
    position:relative;
    display: flex;
}

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

#okta-sign-in .o-form-saving .o-form-content {
    overflow: hidden;
}

#okta-sign-in .o-form-saving .o-form-content * {
    cursor: default !important;
}

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

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

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

#okta-sign-in .o-form-disabled.custom-radio label.checked,
#okta-sign-in .o-form-disabled .custom-radio label.checked {
    background-position: -16px -713px;
    /* prevents change on hover */
}

#okta-sign-in .o-form-has-errors.input-fix, #okta-sign-in .o-form-has-errors.textarea-fix,
 #okta-sign-in .o-form-has-errors.link-button {
    border-color: #d93934;
}

#okta-sign-in .o-form-has-errors .o-form-control.o-form-focus,
#okta-sign-in .o-form-has-errors .link-button:hover {
    border-color: #888;
}

#okta-sign-in .o-form-has-errors .custom-radio label {
    background-position: -16px -613px;
}

#okta-sign-in .o-form-has-errors .custom-checkbox label {
    background-position: -16px -813px;
}

#okta-sign-in .o-form-has-errors .custom-checkbox label.hover,
#okta-sign-in .o-form-has-errors .custom-checkbox label.focus,
#okta-sign-in .o-form-has-errors .custom-radio label.hover,
#okta-sign-in .o-form-has-errors .custom-radio label.focus {
    background-position: -16px -113px;
}

#okta-sign-in .o-form-has-errors .custom-checkbox label.checked {
    background-position: -16px -913px;
}

#okta-sign-in .o-form-has-errors .custom-radio label.checked {
    background-position: -16px -713px;
}

#okta-sign-in .o-form-has-errors .infobox-error {
    display: block !important;
    margin-bottom: 15px;
    border-radius: 5px;
    border-color: #f56c6c;
    color:#f56c6c;
    background: #fef0f0 !important;
}

#okta-sign-in .o-form .infobox-error + form .o-form-focus {
    border-color: #888 !important;
}

#okta-sign-in .data-list-inline-form .o-form-head {
    color: #444444;
    font-size: 16px;
    margin: 0;
}

#okta-sign-in .data-list-inline-form .o-form-button-bar {
    border-width: 1px 0 0;
    margin: 5px -30px -20px;
}

#okta-sign-in .o-form-content > .o-form-explain {
    margin-bottom: 20px;
}

#okta-sign-in .infobox {
    word-break: break-word;
    -webkit-hyphens: auto;
    -ms-hyphens: auto;
    hyphens: auto;
    position: relative;
    min-height: 18px;
    padding: 12px 18px 12px 48px !important;
}

#okta-sign-in .infobox:before {
    width: 36px;
}

#okta-sign-in .infobox.infobox-no-icon {
    padding-left: 24px !important;
}

#okta-sign-in .infobox.infobox-no-icon :before {
    display: none;
}

#okta-sign-in .infobox > .icon {
    position: absolute;
    top: calc(50% - 8px);
    left: 9px;
}

#okta-sign-in .infobox ul {
    margin-right: 0;
    margin-left: 27px;
}

#okta-sign-in .infobox + .infobox,
#okta-sign-in .infobox + h2 {
    margin-top: 18px;
}

#okta-sign-in .infobox .two_col_left {
    width: 80%;
}

#okta-sign-in .infobox .two_col_right {
    width: 19%;
    margin-left: 1%;
    padding-left: 0;
}

#okta-sign-in .infobox .two_col_right .button-primary {
    width: 100% !important;
    float: right;
    box-sizing: border-box;
}

#okta-sign-in .infobox[style='display: none;'] + .infobox,
#okta-sign-in .infobox[style='display:none;'] + .infobox {
    margin-top: 0;
}

#okta-sign-in .infobox h2,
#okta-sign-in .infobox h3,
#okta-sign-in .infobox h2 *,
#okta-sign-in .infobox h3 * {
    margin: 0;
    padding: 0;
    font-size: 13px;
    font-weight: bold;
    line-height: 18px;
}

#okta-sign-in .infobox h2 span,
#okta-sign-in .infobox h3 span {
    color: #5e5e5e;
}

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

#okta-sign-in .infobox,
#okta-sign-in .infobox-md {
    border: 1px solid #ddd;
    border-radius: 3px;
    background-color: #fbfbfb;
}

#okta-sign-in .infobox:before,
#okta-sign-in .infobox-md:before,
#okta-sign-in .infobox-compact:before {
    position: absolute;
    top: -1px;
    bottom: -1px;
    left: -1px;
    border-top-left-radius: 5px;
    border-bottom-left-radius: 5px;
    content: '';
}

#okta-sign-in .infobox-md {
    min-height: 18px;
    padding: 24px 24px 24px 70px !important;
}

#okta-sign-in .infobox-md h2,
#okta-sign-in .infobox-md h3 {
    font-size: 15px;
}

#okta-sign-in .infobox-md h2 *,
#okta-sign-in .infobox-md h3 * {
    margin: 0;
    line-height: 18px;
}

#okta-sign-in .infobox-md:before {
    width: 48px;
}

#okta-sign-in .infobox-md > .icon {
    top: 20px;
    left: 11px;
}

#okta-sign-in .infobox-md + .button-bar.button-bar-attached {
    width: auto;
    padding-left: 60px;
    float: none;
}

#okta-sign-in .infobox-md + .button-bar.button-bar-attached.button-bar-l-height {
    line-height: 32px;
}

#okta-sign-in .infobox-compact {
    min-height: 16px;
    padding: 9px 9px 9px 40px !important;
    border-width: 1px;
    border-style: solid;
    border-radius: 3px;
    border-color: #ddd;
    background-color: #fbfbfb;
}

#okta-sign-in .infobox-compact p,
#okta-sign-in .infobox-compact li {
    line-height: 16px;
}

#okta-sign-in .infobox-compact h2 + *,
#okta-sign-in .infobox-compact h3 + *,
#okta-sign-in .infobox-compact p + *,
#okta-sign-in .infobox-compact ul + *,
#okta-sign-in .infobox-compact ol + *,
#okta-sign-in .infobox-compact li + * {
    margin-top: 5px;
}

#okta-sign-in .infobox-compact:before {
    width: 30px;
}

#okta-sign-in .infobox-compact + p {
    margin-top: 9px;
}

#okta-sign-in .infobox-compact > .icon {
    top: 9px;
    left: 6px;
}

#okta-sign-in .infobox-xl {
    min-height: 18px;
    padding: 26px 36px 26px 108px !important;
}

#okta-sign-in .infobox-xl:before {
    width: 84px;
}

#okta-sign-in .infobox-xl > .icon {
    top: 22px;
    left: 18px;
}

#okta-sign-in .infobox-xl p,
#okta-sign-in .infobox-xl ul {
    width: 75%;
    margin-top: 20px;
}

#okta-sign-in .infobox-xl p,
#okta-sign-in .infobox-xl li {
    font-size: 14px;
    line-height: 20px;
}

#okta-sign-in .infobox-xl h2,
#okta-sign-in .infobox-xl h3 {
    font-size: 18px;
}

#okta-sign-in .infobox-xl h2 *,
#okta-sign-in .infobox-xl h3 * {
    margin: 0;
    line-height: 18px;
}

#okta-sign-in .infobox-teach h2,
#okta-sign-in .infobox-teach h3 {
    color: #835ab1;
    font-weight: 200;
}


#okta-sign-in .infobox-confirm {
    position: absolute !important;
    top: 20px;
    left: 50%;
    width: 240px;
    margin-left: -154px;
    box-shadow: 0 2px 0 rgba(160, 160, 160, 0.1);
    z-index: 10;
}

#okta-sign-in .infobox-confirm-fixed {
    position: fixed !important;
    top: 106px;
}


#okta-sign-in .infobox:before {
    background-color: #007dc1;
}

#okta-sign-in .infobox.infobox-subtle.infobox-success:before,
#okta-sign-in .help-wrap .infobox.infobox-success:before,
#okta-sign-in .infobox-success:before {
    background-color: #4cbf9c;
}

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

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

#okta-sign-in .infobox.infobox-subtle.infobox-tip:before,
#okta-sign-in .infobox.infobox-subtle.infobox-teach:before,
#okta-sign-in .help-wrap .infobox.infobox-tip:before,
#okta-sign-in .help-wrap .infobox.infobox-teach:before,
#okta-sign-in .infobox-tip:before,
#okta-sign-in .infobox-teach:before {
    background-color: #835ab1;
}


#okta-sign-in .infobox + .button-bar,
#okta-sign-in .infobox + .button-bar-small {
    border-top: 0;
}

#okta-sign-in .infobox-no-border + .button-bar,
#okta-sign-in .infobox-no-border + .button-bar-small {
    border-top: 1px solid #dadada;
}

#okta-sign-in .infobox-no-border {
    border: none !important;
}

#okta-sign-in .infobox-text {
    padding: 0;
}

#okta-sign-in .infobox-header {
    font-weight: bold;
}

#okta-sign-in .infobox-divider {
    border-bottom: 1px dotted #ddd;
}

#okta-sign-in .edit-form .infobox,
#okta-sign-in .read-only-form .infobox,
#okta-sign-in .ajax-form-editor .infobox,
#okta-sign-in .form-content-wrap .infobox,
#okta-sign-in .o-form .infobox,
#okta-sign-in .m-form .infobox,
#okta-sign-in .v-form .infobox {
    background-color: #fff;
}

#okta-sign-in .infobox.infobox-subtle,
#okta-sign-in .help-wrap .infobox {
    padding: 0 0 0 18px !important;
    border: 0;
    background: transparent;
}

#okta-sign-in .infobox.infobox-subtle:before,
#okta-sign-in .help-wrap .infobox:before {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    width: 6px;
    border-radius: 0;
    background-color: #007dc1;
    content: '';
}

#okta-sign-in .infobox.infobox-subtle .icon,
#okta-sign-in .help-wrap .infobox .icon {
    display: none;
}


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

#okta-sign-in .auth-account {
    line-height: 18px;
    padding: 6px 0;
}

#okta-sign-in .auth-content {
    padding: 24px 42px 20px;
    -webkit-transition: padding-top 0.4s;
    transition: padding-top 0.4s;
}

@media only screen and (max-device-width: 480px) {
    #okta-sign-in .auth-content {
        padding-left: 20px;
        padding-right: 20px;
    }
}

@media only screen and (max-width: 350px) {
    #okta-sign-in .auth-content {
        padding-left: 20px;
        padding-right: 20px;
    }
}

#okta-sign-in .auth-content .auth-content-inner {
    position: relative;
}
#okta-sign-in .auth-content ul#help-links{
    display:table;
    width:100%;
}
#okta-sign-in .auth-content #help-links li {
    margin-top: 15px;
    display:table-cell;
    width:50%;

}
#okta-sign-in .auth-content #help-links li:nth-child(even) {
    text-align:right;
}

#okta-sign-in .enroll-choices {
    padding-top: 20px;
}

#okta-sign-in .no-beacon .auth-content {
    padding-top: 20px;
}

#okta-sign-in .auth-idp {
    background-color: #f9f9f9;
    border-radius: 0 0 3px 3px;
    padding: 20px 30px;
    border-top: 1px solid #ddd;
}

#okta-sign-in .auth-idp-label {
    text-transform: uppercase;
    font-size: 14px;
    font-weight: 200;
    line-height: 30px;
    color: #888;
    float: left;
    margin-right: 155px;
}


#okta-sign-in .animation-container-overflow {
    overflow: hidden;
}

#okta-sign-in .transition-from-right {
    position: absolute;
    width: 316px;
    top: 0;
    left: 200px;
    opacity: 0;
}

#okta-sign-in .transition-from-left {
    position: absolute;
    width: 316px;
    top: 0;
    left: -200px;
    opacity: 0;
}

#okta-sign-in .o-form-head {
    font-size: 15px;
    line-height: 1.5;
    text-align: center;
    text-transform: none;
}

#okta-sign-in .o-form-head + .o-form-explain {
    margin-bottom: 20px;
    text-align: center;
}

#okta-sign-in .o-form-button-bar {
    background: transparent;
    border: none;
    padding: 0 0 10px;
    border-radius: 0;
    box-shadow: none;
}


#okta-sign-in .o-form-button-bar .button {
    display: block;
    width: 100%;
    height: 50px;
}

#okta-sign-in .o-form-button-bar .button-success {
    position: absolute;
    text-align: center;
}

#okta-sign-in .o-form-theme {
    background: transparent;
    box-shadow: none;
    padding: 0 0 14px;
    border-radius: 0;
    border: none;
}

#okta-sign-in .o-form .o-form-fieldset:last-child {
    margin-bottom: 15px;
}

#okta-sign-in .o-form .o-form-fieldset.margin-btm-0 {
    margin-bottom: 0;
}

#okta-sign-in .o-form .o-form-label,
#okta-sign-in .o-form label,
#okta-sign-in .o-form input,
#okta-sign-in .o-form textarea {
    font-size: 14px;
}

#okta-sign-in .o-form .o-form-label {
    font-weight: normal;
}

#okta-sign-in .o-form .o-form-label-inline + .input-fix input[type="text"] {
    line-height: 27px;
}

#okta-sign-in .o-form .input-fix, #okta-sign-in .o-form .textarea-fix {
    height: 42px;
    border: 1px solid #bbb;
    display: inline-block;
    float: left;
}

#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: #f4f4f4;
    color: #777;
    border-radius: 3px;
    box-shadow: rgba(0, 0, 0, 0.1) 0 1px 1px 0 inset;
}

#okta-sign-in .o-form .input-fix input,
#okta-sign-in .o-form .textarea-fix input {
    padding: 8px;
    line-height: 22px;
    font-size: 18px;
    border: none;
    background: none;
    box-shadow: none;
}

@media only screen and (min-device-width: 320px) and (max-device-width: 480px) and (-webkit-min-device-pixel-ratio: 2) {
    #okta-sign-in .o-form .input-fix input,
    #okta-sign-in .o-form .textarea-fix input {
        font-size: 15px;
    }
}

@media only screen and (min-device-width: 320px) and (max-device-width: 568px) and (-webkit-min-device-pixel-ratio: 2) {
    #okta-sign-in .o-form .input-fix input,
    #okta-sign-in .o-form .textarea-fix input {
        font-size: 15px;
    }
}

@media only screen and (min-device-width: 375px) and (max-device-width: 667px) and (-webkit-min-device-pixel-ratio: 2) {
    #okta-sign-in .o-form .input-fix input,
    #okta-sign-in .o-form .textarea-fix input {
        font-size: 15px;
    }
}

@media only screen and (min-device-width: 414px) and (max-device-width: 736px) and (-webkit-min-device-pixel-ratio: 3) {
    #okta-sign-in .o-form .input-fix input,
    #okta-sign-in .o-form .textarea-fix input {
        font-size: 15px;
    }
}

@media screen and (device-width: 320px) and (device-height: 640px) and (-webkit-device-pixel-ratio: 2) {
    #okta-sign-in .o-form .input-fix input,
    #okta-sign-in .o-form .textarea-fix input {
        font-size: 15px;
    }
}

@media screen and (device-width: 360px) and (device-height: 640px) and (-webkit-device-pixel-ratio: 3) {
    #okta-sign-in .o-form .input-fix input,
    #okta-sign-in .o-form .textarea-fix input {
        font-size: 15px;
    }
}

#okta-sign-in .o-form .input-fix input::-webkit-input-placeholder,
#okta-sign-in .o-form .textarea-fix input::-webkit-input-placeholder {
    font-size: 14px;
    letter-spacing: 0;
}

#okta-sign-in .o-form .input-fix input::-moz-placeholder,
#okta-sign-in .o-form .textarea-fix input::-moz-placeholder {
    font-size: 14px;
}

#okta-sign-in .o-form .input-fix input:-ms-input-placeholder,
#okta-sign-in .o-form .textarea-fix input:-ms-input-placeholder {
    font-size: 14px;
    line-height: 27px;
}

#okta-sign-in .o-form .input-fix input:-webkit-autofill,
#okta-sign-in .o-form .textarea-fix input:-webkit-autofill {
    -webkit-box-shadow: 0 0 0 1000px #fff inset;
    border-radius: 3px;
}

#okta-sign-in .o-form .input-fix input[type="password"],
#okta-sign-in .o-form .textarea-fix input[type="password"] {
    font-size: 14px;
}

@media only screen and (min-device-width: 320px) and (max-device-width: 480px) and (-webkit-min-device-pixel-ratio: 2) {
    #okta-sign-in .o-form .input-fix input[type="password"],
    #okta-sign-in .o-form .textarea-fix input[type="password"] {
        font-size: 15px;
    }
}

@media only screen and (min-device-width: 320px) and (max-device-width: 568px) and (-webkit-min-device-pixel-ratio: 2) {
    #okta-sign-in .o-form .input-fix input[type="password"],
    #okta-sign-in .o-form .textarea-fix input[type="password"] {
        font-size: 15px;
    }
}

@media only screen and (min-device-width: 375px) and (max-device-width: 667px) and (-webkit-min-device-pixel-ratio: 2) {
    #okta-sign-in .o-form .input-fix input[type="password"],
    #okta-sign-in .o-form .textarea-fix input[type="password"] {
        font-size: 15px;
    }
}

@media only screen and (min-device-width: 414px) and (max-device-width: 736px) and (-webkit-min-device-pixel-ratio: 3) {
    #okta-sign-in .o-form .input-fix input[type="password"],
    #okta-sign-in .o-form .textarea-fix input[type="password"] {
        font-size: 15px;
    }
}

@media screen and (device-width: 320px) and (device-height: 640px) and (-webkit-device-pixel-ratio: 2) {
    #okta-sign-in .o-form .input-fix input[type="password"],
    #okta-sign-in .o-form .textarea-fix input[type="password"] {
        font-size: 15px;
    }
}

@media screen and (device-width: 360px) and (device-height: 640px) and (-webkit-device-pixel-ratio: 3) {
    #okta-sign-in .o-form .input-fix input[type="password"],
    #okta-sign-in .o-form .textarea-fix input[type="password"] {
        font-size: 15px;
    }
}

#okta-sign-in .o-form .input-fix .placeholder,
#okta-sign-in .o-form .textarea-fix .placeholder {
    color: #aaa;
}

@media only screen and (min-device-width: 320px) and (max-device-width: 480px) and (-webkit-min-device-pixel-ratio: 2) {
    #okta-sign-in .o-form select,
    #okta-sign-in .o-form select:focus

}

@media only screen and (min-device-width: 320px) and (max-device-width: 568px) and (-webkit-min-device-pixel-ratio: 2) {
    #okta-sign-in .o-form select,
    #okta-sign-in .o-form select:focus

}

@media only screen and (min-device-width: 375px) and (max-device-width: 667px) and (-webkit-min-device-pixel-ratio: 2) {
    #okta-sign-in .o-form select,
    #okta-sign-in .o-form select:focus

}

@media only screen and (min-device-width: 414px) and (max-device-width: 736px) and (-webkit-min-device-pixel-ratio: 3) {
    #okta-sign-in .o-form select,
    #okta-sign-in .o-form select:focus

}

@media screen and (device-width: 320px) and (device-height: 640px) and (-webkit-device-pixel-ratio: 2) {
    #okta-sign-in .o-form select,
    #okta-sign-in .o-form select:focus
}

@media screen and (device-width: 360px) and (device-height: 640px) and (-webkit-device-pixel-ratio: 3) {
    #okta-sign-in .o-form select,
    #okta-sign-in .o-form select:focus
}

#okta-sign-in .o-form .custom-checkbox label {
    font-size: 13px;
}

#okta-sign-in .o-form .o-form-input input[name="passCode"],
#okta-sign-in .o-form .o-form-input input[name="nextPassCode"] {
    font-family: "Anonymous Pro", "Andale Mono", "Courier New", "Courier", serif;
    font-size: 17px;
    letter-spacing: 1px;
}

#okta-sign-in .o-form .o-form-input .o-form-control {
    position: relative;
}

#okta-sign-in .o-form .o-form-input .input-tooltip,
#okta-sign-in .o-form .o-form-input .input-icon {
    width: 16px;
    height: 16px;
    position: absolute;
    top: 50%;
    margin-top: -11px;
}

#okta-sign-in .o-form .o-form-input .input-tooltip + input,
#okta-sign-in .o-form .o-form-input .input-icon + input {
    padding-right: 30px;
}

#okta-sign-in .o-form .o-form-input .input-tooltip + input + input,
#okta-sign-in .o-form .o-form-input .input-icon + input + input {
    padding-right: 30px;
}

#okta-sign-in .o-form .o-form-input .input-icon {
    left: 10px;
    opacity: 0.25;
}

#okta-sign-in .o-form .o-form-input .input-icon + input {
    padding-left: 30px;
}

#okta-sign-in .o-form .o-form-input .input-icon + input + input {
    padding-left: 30px;
}

#okta-sign-in .o-form .o-form-input .input-tooltip {
    right: 10px;
    opacity: 0.5;
}

#okta-sign-in .o-form-input-group .o-form-control {
    display: table-cell;
    float: none;
    white-space: nowrap;
}

#okta-sign-in .form-divider {
    border-bottom: 1px solid #e8e8e8;
    margin-bottom: 25px;
    padding-top: 5px;
    clear: both;
}




#okta-sign-in .custom-checkbox label.focus {
    background-position: -16px -1013px;
}

#okta-sign-in .custom-checkbox label.focus::before {
    background-position: -16px -1020px;
}


#okta-sign-in .infobox.icon-16 > .icon {
    position: absolute;
}

#okta-sign-in .infobox.icon-16 {
    margin-bottom: 15px;
}

#okta-sign-in .contact-support .infobox {
    margin-bottom: 15px;
}

#okta-sign-in .infobox > .icon {
    line-height: 16px;
}

#okta-sign-in .qtip {
    font-size: 14px;
}

#okta-sign-in .qtip-custom .qtip-titlebar {
    background-color: transparent;
    border: 0;
    font-weight: normal;
}

#okta-sign-in .qtip-title {
    word-break: break-all;
}


#okta-sign-in .qtip-custom {
    background-color: #4d4d4d;
    border-color: #303030;
    color: #f3f3f3;
    padding: 5px 8px 8px;
}

#okta-sign-in .qtip-custom.qtip-pos-bl {
    border-radius: 4px 4px 4px 0;
}

#okta-sign-in .qtip-custom.qtip-pos-br {
    border-radius: 4px 4px 0;
}

#okta-sign-in .qtip-custom .qtip-content {
    color: #f3f3f3;
}

#okta-sign-in .qtip-custom .qtip-titlebar {
    background-color: #404040;
}

#okta-sign-in .qtip-custom .qtip-icon {
    border-color: #444;
}

#okta-sign-in .qtip-custom .qtip-titlebar .ui-state-hover {
    border-color: #303030;
}

#okta-sign-in .qtip-custom .qtip-content ul {
    list-style: disc;
}

#okta-sign-in .qtip-custom .qtip-content ul > li {
    color: #69882a;
    font-size: 20px;
}

#okta-sign-in .qtip-custom .qtip-content ul > li span {
    color: #f3f3f3;
    font-size: 12px;
    vertical-align: middle;
}

#okta-sign-in .mfa-verify-totp-inline .inline-input {
    width: 212px;
    float: left;
}

@media only screen and (max-device-width: 480px) {
    #okta-sign-in .mfa-verify-totp-inline .inline-input {
        width: 180px;
    }
}

@media only screen and (max-width: 400px) {
    #okta-sign-in .mfa-verify-totp-inline .inline-input {
        width: 100%;
    }
}

@media only screen and (max-width: 400px) {
    #okta-sign-in .mfa-verify-totp-inline .inline-totp-verify {
        width: 100%;
        margin-bottom: 15px;
    }
}

#okta-sign-in .mfa-verify-totp-inline a.button {
    float: right;
    padding-left: 25px;
    padding-right: 25px;
}

#okta-sign-in .mfa-verify-totp-inline a.link-button {
    display: block;
    text-align: center;
}

#okta-sign-in .mfa-verify-passcode .link-button {
    float: left;
}

#okta-sign-in .mfa-verify-passcode .auth-passcode .o-form-input {
    width: 180px;
    float: right;
}

@media only screen and (max-device-width: 480px) {
    #okta-sign-in .mfa-verify-passcode .auth-passcode .o-form-input {
        width: 170px;
    }
}

@media only screen and (max-width: 400px) {
    #okta-sign-in .mfa-verify-passcode .auth-passcode .o-form-input {
        width: 100%;
    }
}

#okta-sign-in .duo-form iframe {
    height: 400px;
    width: 100%;
}

#okta-sign-in .forgot-password-sms-enabled .sms-hint,
#okta-sign-in .forgot-password-sms-enabled .mobile-recovery-hint,
#okta-sign-in .forgot-password-call-enabled .sms-hint,
#okta-sign-in .forgot-password-call-enabled .mobile-recovery-hint {
    font-size: 13px;
    padding-bottom: 10px;
    position: relative;
    top: -5px;
}

#okta-sign-in .forgot-password-sms-enabled .o-form-fieldset-container,
#okta-sign-in .forgot-password-call-enabled .o-form-fieldset-container {
    overflow: hidden;
}

#okta-sign-in .forgot-password-sms-enabled .o-form-fieldset-container .button,
#okta-sign-in .forgot-password-call-enabled .o-form-fieldset-container .button {
    width: 100%;
    float: none;
    margin-left: 0;
    margin-bottom: 15px;
}

#okta-sign-in .forgot-password-sms-enabled .o-form-fieldset-container .button + .button-primary,
#okta-sign-in .forgot-password-call-enabled .o-form-fieldset-container .button + .button-primary {
    margin-left: 0;
}

@media only screen and (max-width: 400px) {
    #okta-sign-in .recovery-challenge .enroll-sms-phone-send {
        width: 100%;
        margin-bottom: 15px;
    }
}

#okta-sign-in .recovery-challenge .o-form-input {
    width: 178px;
}

@media only screen and (max-device-width: 480px) {
    #okta-sign-in .recovery-challenge .o-form-input {
        width: 150px;
    }
}

@media only screen and (max-width: 400px) {
    #okta-sign-in .recovery-challenge .o-form-input {
        width: 100%;
    }
}

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

#okta-sign-in .recovery-challenge a.button {
    float: right;
}

#okta-sign-in .recovery-challenge .send-email-link {
    display: inline-block;
    font-size: 13px;
    padding-bottom: 25px;
    text-align: center;
    width: 100%;
}

#okta-sign-in .button,
#okta-sign-in .button.link-button {
    display: inline-block;
    height: 42px;
    line-height: 36px;
    padding: 0 15px;
    border: 1px solid;
    border-radius: 3px;
    font-size: 14px;
    box-sizing: border-box;
    -webkit-appearance: none;
}

#okta-sign-in .button-wide,
#okta-sign-in .button-wide.button-primary
{
    width: 100%;
    height: 50px;
    line-height: 48px;
    text-align: center;
}

#okta-sign-in .icon-button {
    display: block;
    width: 22px;
    height: 22px;
    text-align: center;
    border: 1px solid;
    border-radius: 3px;
}

#okta-sign-in .icon-button .icon {
    display: inline-block;
    position: relative;
    top: 4px;
    opacity: 0.25;
}

#okta-sign-in .icon-button:hover .icon {
    opacity: 0.5;
}

#okta-sign-in .sms-request-button,
#okta-sign-in .call-request-button,
#okta-sign-in .email-request-button {
    text-align: center;
    width: 130px;
    display: block;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

@media only screen and (max-width: 400px) {
    #okta-sign-in .sms-request-button,
    #okta-sign-in .call-request-button,
    #okta-sign-in .email-request-button {
        width: 100%;
        margin-bottom: 15px;
    }
}

#okta-sign-in .auth-header {
    padding: 30px 30px 24px;
    position: relative;
    z-index: 10;
    -webkit-transition: padding-bottom 0.4s;
    transition: padding-bottom 0.4s;
}

#okta-sign-in .auth-org-logo {
    display: block;
    margin: 0 auto;
    max-width: 200px;
    max-height: 40px;
}

#okta-sign-in .beacon-container {
    position: absolute;
    bottom: -10px;
    right: 0;
    left: 0;
    margin: auto;
    max-width: 200px;
    -webkit-transform: scale(0, 0);
    transform: scale(0, 0);
}

#okta-sign-in .beacon-container.beacon-small {
    height: 20px;
    width: 20px;
    bottom: -10px;
}

#okta-sign-in .beacon-container.beacon-small .beacon-blank {
    width: 50px;
    left: -20px;
}

#okta-sign-in .beacon-blank {
    background-image: none;
    background-color: transparent;
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
}

#okta-sign-in .radial-progress-bar {
    position: absolute;
    clip: rect(0, 96px, 96px, 48px);
    bottom: -5px;
    left: -5px;
    right: -5px;
    top: -5px;
}

#okta-sign-in .radial-progress-bar .circle {
    z-index: 10;
    width: 91px;
    height: 91px;
    border: 2px solid #a7a7a7;
    border-radius: 50%;
    position: absolute;
    clip: rect(0, 48px, 96px, 0);
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
    -webkit-transform-origin: center;
    transform-origin: center;
}

#okta-sign-in .auth-beacon {
    position: absolute;
    border-radius: 50%;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background-color: #fff;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    background-clip: content-box;
    color: #fff;
    box-shadow: 0 0 0 15px;
}


#okta-sign-in .auth-beacon-border {
    position: absolute;
    border: 2px solid #a7a7a7;
    border-radius: 50%;
    bottom: -5px;
    left: -5px;
    right: -5px;
    top: -5px;
}

#okta-sign-in .beacon-loading:after {
    content: '';
    display: block;
    position: absolute;
    top: -5px;
    bottom: -5px;
    left: -5px;
    right: -5px;
    border-radius: 50%;
    border: 2px solid transparent;
    border-top-color: #007dc1;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    -webkit-animation: load8 1.1s infinite linear;
    animation: load8 1.1s infinite linear;
}

@-webkit-keyframes load8 {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

@keyframes load8 {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}


#okta-sign-in .auth-footer {
    font-size: 13px;
}

#okta-sign-in .auth-footer .goto {
    float: right;
}

#okta-sign-in .auth-footer .dot-separator {
    font-weight: bold;
}


#okta-sign-in .enroll-factor-row {
    margin-bottom: 30px;
}

#okta-sign-in .enroll-factor-row .enroll-factor-description {
    overflow: hidden;
}

#okta-sign-in .enroll-factor-row .enroll-factor-button {
    padding-top: 10px;
}

@media only screen and (max-device-width: 480px) {
    #okta-sign-in .enroll-factor-row .enroll-factor-button {
        width: 100%;
        margin-top: 10px;
    }
}

#okta-sign-in .enroll-factor-row .enroll-factor-button .button {
    margin-top: 0;
    height: 30px;
    line-height: 28px;
    padding: 0 10px;
}

@media only screen and (max-device-width: 480px) {
    #okta-sign-in .enroll-factor-row .enroll-factor-button .button {
        width: 100%;
        text-align: center;
    }
}

#okta-sign-in .enroll-factor-row .enroll-factor-icon-container {
    float: left;
    margin-right: 20px;
}

#okta-sign-in .enroll-factor-row .enroll-factor-icon {
    width: 38px;
    height: 38px;
    border: 1px solid #ccc;
    border-radius: 50%;
    background-repeat: no-repeat;
    background-position: 50% 50%;
    background-size: 38px 38px;
}

#okta-sign-in .enroll-factor-row .success-16-green,
#okta-sign-in .enroll-factor-row .success-16-gray {
    float: right;
    width: 20px;
    height: 20px;
    line-height: 24px;
}

#okta-sign-in .enroll-factor-row .success-16-green:before,
#okta-sign-in .enroll-factor-row .success-16-gray:before {
    font-size: 20px;
}

#okta-sign-in .enroll-factor-row-min {
    margin-bottom: 10px;
}

#okta-sign-in .enroll-factor-row-min h3 {
    padding-top: 10px;
}

#okta-sign-in .enroll-factor-row-min p {
    display: none;
}


#okta-sign-in .enroll-sms .enroll-sms-phone {
    width: 196px;
    float: left;
}

@media only screen and (max-device-width: 480px) {
    #okta-sign-in .enroll-sms .enroll-sms-phone {
        width: 165px;
    }
}

@media only screen and (max-width: 400px) {
    #okta-sign-in .enroll-sms .enroll-sms-phone {
        width: 100%;
        margin-bottom: 15px;
    }
}

#okta-sign-in .enroll-sms .sms-request-button {
    float: right;
    width: 111px;
    margin-top: 0;
    padding: 0;
}

@media only screen and (max-width: 400px) {
    #okta-sign-in .enroll-sms .sms-request-button {
        width: 100%;
        margin-bottom: 15px;
    }
}

#okta-sign-in [name="sharedSecret"] {
    text-align: center;
    cursor: text;
    opacity: 1;
}



@media only screen and (max-height: 550px) {
    #okta-sign-in.can-remove-beacon .beacon-container {
        display: none;
    }
    #okta-sign-in.can-remove-beacon .auth-content {
        padding-top: 20px;
    }
    #okta-sign-in.can-remove-beacon .enroll-choices {
        padding-top: 15px;
    }
    #okta-sign-in.can-remove-beacon .auth-header {
        padding: 30px 90px 25px;
    }
}

/* stylelint-enable selector-max-id */
.qtip {
    font-size: 14px;
}

.qtip-custom .qtip-titlebar {
    background-color: transparent;
    border: 0;
    font-weight: normal;
}

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

.security-image-qtip.qtip-custom {
    font-size: 13px;
    line-height: 1.4;
    padding: 8px 8px 5px;
}

.security-image-qtip.qtip-custom canvas {
    margin-top: 2px;
}



.security-image-qtip.qtip-custom .qtip-icon:hover {
    opacity: 0.5;
}


/* @end */
/* Form */
.o-form-head {
    font-size: 15px;
    line-height: 1.5;
    margin-top: 10px;
    text-align: center;
    text-transform: none;
}

.o-form-head + .o-form-explain {
    margin-bottom: 20px;
    text-align: center;
}

.o-form-button-bar {
    background: transparent;
    border: none;
    padding: 0 0 25px;
    border-radius: 0;
    box-shadow: none;
}

.o-form-button-bar .button {
    display: block;
    width: 100%;
    height: 50px;
}

.o-form-button-bar .button-success {
    position: absolute;
    text-align: center;
}

.o-form-theme {
    background: transparent;
    box-shadow: none;
    padding: 0 0 14px;
    border-radius: 0;
    border: none;
}

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

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

.o-form .o-form-label,
.o-form label,
.o-form input,
.o-form textarea {
    font-size: 14px;
}

.o-form .o-form-label {
    font-weight: normal;
}

.o-form .o-form-label-inline + .input-fix input[type="text"] {
    line-height: 27px;
}

.o-form .input-fix,
.o-form .textarea-fix {
    height: 40px;
    border: 1px solid #bbb;
    display: inline-block;
    float: left;
}

.o-form .input-fix input[disabled],
.o-form .input-fix input[readonly],
.o-form .textarea-fix input[disabled],
.o-form .textarea-fix input[readonly] {
    background: #f4f4f4;
    color: #777;
    border-radius: 3px;
    box-shadow: rgba(0, 0, 0, 0.1) 0 1px 1px 0 inset;
}

.o-form .input-fix input,
.o-form .textarea-fix input {
    padding: 8px;
    line-height: 22px;
    font-size: 14px;
    border: none;
    background: none;
    box-shadow: none;
}

@media only screen and (min-device-width: 320px) and (max-device-width: 480px) and (-webkit-min-device-pixel-ratio: 2) {
    .o-form .input-fix input,
    .o-form .textarea-fix input {
        font-size: 15px;
    }
}

@media only screen and (min-device-width: 320px) and (max-device-width: 568px) and (-webkit-min-device-pixel-ratio: 2) {
    .o-form .input-fix input,
    .o-form .textarea-fix input {
        font-size: 15px;
    }
}

@media only screen and (min-device-width: 375px) and (max-device-width: 667px) and (-webkit-min-device-pixel-ratio: 2) {
    .o-form .input-fix input,
    .o-form .textarea-fix input {
        font-size: 15px;
    }
}

@media only screen and (min-device-width: 414px) and (max-device-width: 736px) and (-webkit-min-device-pixel-ratio: 3) {
    .o-form .input-fix input,
    .o-form .textarea-fix input {
        font-size: 15px;
    }
}

@media screen and (device-width: 320px) and (device-height: 640px) and (-webkit-device-pixel-ratio: 2) {
    .o-form .input-fix input,
    .o-form .textarea-fix input {
        font-size: 15px;
    }
}

@media screen and (device-width: 360px) and (device-height: 640px) and (-webkit-device-pixel-ratio: 3) {
    .o-form .input-fix input,
    .o-form .textarea-fix input {
        font-size: 15px;
    }
}

/*  Remove the background image and borders on a smaller window size */
@media only screen and (max-width: 600px) {
    /* stylelint-disable declaration-no-important */
    .login-bg-image {
        background-image: none !important;
        background-color: #fff !important;
        -webkit-filter: unset !important;
        filter: unset !important;
    }
    /* stylelint-enable declaration-no-important */
    /* Using the same selector as line 59 to override styles at small screen sizes. */
    #okta-sign-in.auth-container {
        width: auto;
        margin-right: 0;
        margin-left: 0;
    }
    #okta-sign-in.auth-container.main-container {
        border: 0;
        box-shadow: none;
    }
    #okta-sign-in.auth-container .auth-content {
        max-width:100%;
        margin: 0 auto;
    }
}

html {
    height: 100%;
}

body {
    position: relative;
    font-family: "proxima nova", Arial, Helvetica, sans-serif;
    font-size: 14px;
    font-weight: normal;
    line-height: 1.4;
    background-color: #f9f9f9;
    min-width: 100%;
    min-height: 100%;
    color: #777;
    overflow: auto;
}

#okta-sign-in .unsupported-message {
    padding: 21px 55px 37px;
    text-align: center;
}

#okta-sign-in .unsupported-message p {
    padding-bottom: 20px;
}

#okta-sign-in .unsupported-message a.button {
    display: block;
}

#okta-sign-in .auth-footer .help {
    color: #0074b3;
}


.img_verify{
    cursor: pointer;
    width: 122px;
    height:42px;
    line-height: 42px;
    margin-left: 5px;
    font-size:14px;
}

.send_verify_btn{
    cursor: pointer !important;
    width: 38% !important;
    line-height: 40px !important;
    margin-left: 5px !important;
    position: absolute !important;
    top: 0 !important;
    right: 0 !important;
    font-size:14px !important;
}
.weui-dialog{
    max-height:500px;
}
.weui-dialog__bd{
    max-height: 300px;
    overflow-y: auto;
}
.qrlogin_container_mask{
    width:100%;
    height:100%;
    position: fixed;
    top:0;
    left:0;
    background: rgba(0,0,0,.6);
    z-index: 9999;
}
.qrlogin_container_popup{
    background: #fff;
    position:relative;
    text-align: center;
    display: block;
    min-width:200px;
    width:30%;
    min-height: 200px;
    margin:50px auto;
    padding-top:20px;
    height:80%;
    border:1px solid #444;
    -webkit-border-radius: 8px;
    -webkit-box-shadow: #444 0 2px 10px;
    box-shadow: 0 2px 10px #444;
    -moz-box-shadow: #444 0 2px 10px;
}
#qrlogin_close{
    width: 50px;
    height: 50px;
    border-radius: 25px;
    opacity: 1;
    font-size: 2em;
    line-height: 45px;
    position: absolute;
    right: -20px;
    top: -20px;
    border: 1px;
    color: #000;
    background-color: #fff;
    border-color: #ddd #ddd #d8d8d8;
    -webkit-box-shadow: 0 6px 15px rgba(0, 0, 0, 0.24);
    box-shadow: 0 6px 15px rgba(0, 0, 0, 0.24);
}
.weui-toast{
    width:12em;
}
.auth-footer .left .link:not(:first-child):before {
    content:' | ';
    color:#777;
    margin:0 8px;
    vertical-align: text-bottom;
}



.page.icons-svg .icon-box,.page.icons .icon-box {
    margin: 8px 0 0 0;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    padding-bottom:8px;
}

.page.icons-svg .icon-box:not(:last-child),.page.icons .icon-box:not(:last-child){
    border-bottom:1px solid #ccc;
}

.page.icons-svg .icon-box i,.page.icons .icon-box i {
    margin-right: 18px
}

.page.icons-svg .icon-box__ctn,.page.icons .icon-box__ctn {
    -webkit-flex-shrink: 100;
    flex-shrink: 100
}

.page.icons-svg .icon-box__ctn,.page.icons .icon-box__action {
    -webkit-flex-grow: 100;
    flex-grow: 100;
    text-align:right;
}

.page.icons-svg .icon-box__title,.page.icons .icon-box__title {
    font-weight: 400
}

.page.icons-svg .icon-box__desc,.page.icons .icon-box__desc {
    margin-top: 6px;
    font-size: 12px;
    color: #888
}

.page.icons-svg .weui-icon_msg,.page.icons .weui-icon_msg {
    color:#FF6F3D;
    font-size:36px;
}

.na-img-area {
    width: 64px;
    height: 64px;
    border: 2px solid #ccc;
    border-radius: 50%;
    padding: 2px;
    background: #fff;
    position: relative;
    z-index: 4;
    cursor: pointer;
    margin: 0 auto;
    text-align: center;
}
.na-img-bg-area {
    width: 100%;
    height: 100%;
    border-radius: 50%;
    overflow: hidden;
}
.na-img-bg-area,.na-img-bg-area:empty {
    background: url(../images/n-avator-bg.png) top center no-repeat !important;
    background-size: cover !important;
}

.weui-msg__title{
    font-size:16px;
}



.auth-divider{
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    margin:0;
    color: #969799;
    font-size: 14px;
    line-height: 0;
    border-color: #ddd;
    border-style: solid;
    border-width: 0;
}

.auth-divider::before,.auth-divider::after {
    content: '';
    display: block;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    flex: 1;
    box-sizing: border-box;
    height: 1px;
    border-color: inherit;
    border-style: inherit;
    border-width: 1px 0 0;
}
.auth-divider::before{
    margin-right:32px;
}
.auth-divider::after{
    margin-left:32px;
}
.auth-divider .divider-title{
    font-size:14px;color:#8c8c8c;background: #fff; font-weight: normal;text-align:center;
}

.show-keyboard{
    bottom:0 !important;
}
.simple-keyboard{
    transition: all .5s;
    position: fixed;
    bottom: -500px;
    box-shadow: 0 0 10px rgba(0,0,0,0.5);
}
.simple-keyboard-handle{
    position: absolute;
    right: 10px;
    top: 50%;
    margin-top: -10px;
    width: 16px;
    height: 20px;
    background: url(../images/keyboard.png) no-repeat center;
    background-size: contain;
    cursor: pointer;
}

.noscript-msg {
    background-color: #fff;
    border-color: #ddd #ddd #d8d8d8;
    box-shadow: 0 2px 0 rgba(175, 175, 175, 0.12);
    text-align: center;
    width: 398px;
    min-width: 300px;
    margin: 200px auto;
    border-radius: 3px;
    border-width: 1px;
    border-style: solid;
}

.noscript-content {
    padding: 42px;
}

.noscript-content h2 {
    padding-bottom: 20px;
}

.noscript-content h1 {
    padding-bottom: 25px;
}

.noscript-content a {
    background: transparent;
    box-shadow: none;
    display: table-cell;
    vertical-align: middle;
    width: 314px;
    height: 50px;
    line-height: 36px;
    color: #fff;
    background: linear-gradient(#007dc1, #0073b2), #007dc1;
    border: 1px solid;
    border-color: #004b75;
    border-bottom-color: #00456a;
    box-shadow: rgba(0, 0, 0, 0.15) 0 1px 0, rgba(255, 255, 255, 0.1) 0 1px 0 0 inset;
    -webkit-border-radius: 3px;
    border-radius: 3px;
}

.noscript-content a:hover {
    background: #007dc1;
    cursor: hand;
    text-decoration: none;
}

.van-steps{
    background-color: transparent !important;
}

.van-step__circle-container{
    background-color: transparent !important;
}