/* ---------------- */
/* --- Sections --- */
/* ---------------- */
/* --- Container --- */
#okta-sign-in {
    font-family: 'Poppins', Arial, sans-serif !important;
    color: #333333 !important;
    border-radius: 2px !important;
    margin: 40px 0px !important;
    width: calc(100vw - 32px) !important;
    min-width: 300px !important;
    max-width: 400px !important;
}
#okta-sign-in.auth-container.main-container {
    background-color: #FFFFFF !important;
    border: none !important;
    box-shadow: 0px 2px 4px rgb(0 0 0 / 20%) !important;
}
/* --- Header --- */
#okta-sign-in .auth-header {
    padding: 40px 40px 0px !important;
    border: none !important;
}
#okta-sign-in .auth-org-logo {
    margin: 0px !important;
}
#okta-sign-in .beacon-container {
    display: none !important;
}
/* --- Body --- */
#okta-sign-in .auth-content {
    padding: 24px 40px 40px 40px !important;
}
@media only screen and (max-width: 600px) {
    #okta-sign-in.auth-container .auth-content {
        max-width: none !important;
    }
}
#okta-sign-in .o-form-has-errors .infobox-error {
    margin-bottom: 16px !important;
}
#okta-sign-in .password-requirements-html {
    text-align: left;
}
#okta-sign-in .password-requirements--list {
    list-style: initial;
    padding-left: 20px;
    margin-top: 8px;
}
#okta-sign-in .password-requirements--list-item {
    line-height: 16px;
    margin-bottom: 4px;
}
#okta-sign-in .password-requirements--list-item:last-child {
    margin-bottom: 0px;
}
/* --- Footer --- */
#okta-sign-in .auth-footer {
    margin-top: 24px !important;
}
#okta-sign-in .auth-content .help-links li {
    margin-top: 0px !important;
}
#okta-sign-in .auth-content ul.help-links {
    display: block !important;
}
#okta-sign-in .auth-footer .link.help.js-help,
#okta-sign-in .auth-footer > ul li:last-child {
    display: none !important;
}
/* --------------- */
/* --- General --- */
/* --------------- */
/* --- Icons --- */
#okta-sign-in .visibility-16:before {
    content: "\e022";
    color: #717171 !important;
}
#okta-sign-in .visibility-off-16:before {
    content: "\e0c3";
    color: #717171 !important;
}
#okta-sign-in .error-16-red:before,
#okta-sign-in .error-16-small:before {
    content: "\e055";
    color: #CF363D !important;
}
/* --- Buttons --- */
#okta-sign-in .button,
#okta-sign-in .button.link-button {
    height: 32px !important;
    line-height: 32px !important;
    padding: 0px 16px !important;
    border-radius: 2px !important;
    font-size: 13px !important;
    font-weight: 500 !important;
}
#okta-sign-in.auth-container .button {
    color: #177B8F !important;
    background: unset !important;
    background-image: unset !important;
    background-color: #FFFFFF !important;
    border-color: #177B8F !important;
    box-shadow: none !important;
}
#okta-sign-in.auth-container .button:focus {
    border-color: #177B8F !important;
    box-shadow: inset 0px 0px 0px 1px #177B8F !important;
}
#okta-sign-in.auth-container .button:active,
#okta-sign-in.auth-container .button:hover {
    color: #106273 !important;
    background-color: #F7F7F7 !important;
    border-color: #106273 !important;
}
#okta-sign-in.auth-container .button.link-button-disabled {
    color: #C7C7C7 !important;
    background-color: #FFFFFF !important;
    border-color: #C7C7C7 !important;
}
#okta-sign-in.auth-container .button-primary {
    color: #FFFFFF !important;
    background: unset !important;
    background-image: unset !important;
    background-color: #177B8F !important;
    border-color: #177B8F !important;
    box-shadow: none !important;
}
#okta-sign-in.auth-container .button-primary:focus {
    border-color: #177B8F !important;
    box-shadow: inset 0px 0px 0px 1px #177B8F,
    inset 0px 0px 0px 2px #FFFFFF !important;
}
#okta-sign-in.auth-container .button-primary:active,
#okta-sign-in.auth-container .button-primary:hover {
    color: #FFFFFF !important;
    background-color: #106273 !important;
    border-color: #106273 !important;
}
#okta-sign-in.auth-container .button.button-primary.link-button-disabled {
    color: #FFFFFF !important;
    background-color: #C7C7C7 !important;
    border-color: #C7C7C7 !important;
}
/* --- Links --- */
#okta-sign-in a {
    color: #177B8F !important;
}
#okta-sign-in a:active,
#okta-sign-in a:link,
#okta-sign-in a:visited {
    text-decoration: none;
    color: #177B8F !important;
}
#okta-sign-in a:focus {
    color: #177B8F !important;
    border-radius: 2px !important;
    box-shadow: 0px 0px 0px 1px #177B8F !important;
}
#okta-sign-in.auth-container .link,
#okta-sign-in.auth-container .link:active,
#okta-sign-in.auth-container .link:hover,
#okta-sign-in.auth-container .link:link,
#okta-sign-in.auth-container .link:visited {
    color: #177B8F !important;
}
#okta-sign-in.auth-container .inline-link,
#okta-sign-in.auth-container .inline-link:active,
#okta-sign-in.auth-container .inline-link:hover,
#okta-sign-in.auth-container .inline-link:link,
#okta-sign-in.auth-container .inline-link:visited {
    color: #177B8F !important;
}
/* --- Form Layout --- */
#okta-sign-in .o-form-theme {
    padding: 0px !important;
}
#okta-sign-in .o-form-fieldset {
    margin-bottom: 16px !important;
}
#okta-sign-in .o-form-fieldset:last-child {
    margin-bottom: 16px !important;
}
/* --- Form Headers --- */
#okta-sign-in .o-form-head {
    color: #333333 !important;
    font-size: 20px !important;
    line-height: 28px !important;
    font-weight: 500 !important;
    margin: 0px 0px 24px !important;
    text-align: left !important;
    display: flex;
}
#okta-sign-in h2.for-password  {
    margin-bottom: 4px !important;
}
#okta-sign-in .o-form-subhead {
    color: #717171;
    font-size: 13px;
    line-height: 20px;
    font-weight: 400px;
    text-align: left;
}
#okta-sign-in .o-form-explain {
    color: #717171;
    font-weight: 400;
}
#okta-sign-in .o-form-head+.o-form-explain {
    margin-bottom: 16px !important;
    text-align: left !important;
}
#okta-sign-in .o-form-content>.o-form-explain {
    margin-bottom: 16px !important;
}
#okta-sign-in.auth-container .okta-form-subtitle {
    color: #717171 !important;
}
#okta-sign-in .o-form-head .back-btn {
    color: #717171 !important;
    font-size: 12px !important;
    line-height: 16px !important;
    font-weight: 400 !important;
    padding-left: 14px;
    display: block;
}
#okta-sign-in .o-form-head .back-btn:before {
    content: "\e020";
    speak: none;
    display: block;
    font-family: okticon;
    font-size: 12px;
    font-smoothing: antialiased;
    -webkit-font-smoothing: antialiased;
    font-style: normal !important;
    font-weight: 300 !important;
    line-height: 16px;
    transform: rotate(0.5turn);
    position: absolute;
    left: 0px;
}
/* --- Form Inputs --- */
#okta-sign-in .o-form .o-form-label,
#okta-sign-in .o-form label {
    font-size: 12px !important;
}
#okta-sign-in .o-form-label {
    font-weight: 600 !important;
    padding: 0px 0px 8px 0px !important;
    color: #333333 !important;
}
#okta-sign-in .o-form .input-fix {
    height: 32px !important;
}
#okta-sign-in .o-form .input-fix input[type=number],
#okta-sign-in .o-form .input-fix input[type=password],
#okta-sign-in .o-form .input-fix input[type=tel],
#okta-sign-in .o-form .input-fix input[type=text],
#okta-sign-in .o-form .input-fix input[type=textbox] {
    padding-right: 12px !important;
    padding-left: 12px !important;
    line-height: 20px !important;
}
#okta-sign-in .o-form .input-fix input.password-with-toggle {
    padding-right: 40px !important;
}
#okta-sign-in .o-form .input-fix .password-toggle .eyeicon {
    right: 4px !important;
    opacity: 1 !important;
}
#okta-sign-in .o-form .input-fix,
#okta-sign-in .o-form .textarea-fix {
    border-radius: 2px !important;
}
#okta-sign-in .o-form .textarea-fix textarea {
    padding-right: 12px !important;
    padding-left: 12px !important;
    line-height: 20px !important;
    min-height: 32px !important;
}
#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-color: #F2F2F2 !important;
    color: #8D8D8D !important;
}
#okta-sign-in.auth-container .okta-form-input-field input {
    font-family: 'Poppins', Arial, sans-serif !important;
    color: #333333 !important;
}
#okta-sign-in.auth-container .okta-form-input-field {
    border-color: #8D8D8D !important;
}
#okta-sign-in.auth-container .okta-form-input-field:focus-within {
    border-color: #177B8F !important;
}
#okta-sign-in.auth-container .okta-form-input-field input:focus {
    box-shadow: inset 0px 0px 0px 1px #177B8F !important;
}
#okta-sign-in.auth-container .okta-form-input-field.focused-input {
    border-color: #177B8F !important;
    box-shadow: inset 0px 0px 0px 1px #177B8F !important;
}
#okta-sign-in.auth-container .okta-form-input-field placeholder {
    font-family: 'Poppins', Arial, sans-serif !important;
    font-style: italic !important;
    color: #717171 !important;
}
#okta-sign-in.auth-container .okta-form-input-field input::-webkit-input-placeholder {
    font-family: 'Poppins', Arial, sans-serif !important;
    font-style: italic !important;
    color: #717171 !important;
}
#okta-sign-in.auth-container .okta-form-input-field input::-moz-placeholder {
    font-family: 'Poppins', Arial, sans-serif !important;
    font-style: italic !important;
    color: #717171 !important;
}
#okta-sign-in.auth-container .okta-form-input-field input:-ms-input-placeholder {
    font-family: 'Poppins', Arial, sans-serif !important;
    font-style: italic !important;
    color: #717171 !important;
}
#okta-sign-in.auth-container .okta-form-input-field input[disabled] {
    color: #8D8D8D !important;
    -webkit-text-fill-color: #8D8D8D !important;
    background-color: #F2F2F2 !important;
    border-color: #C7C7C7 !important;
}
#okta-sign-in.auth-container .okta-form-input-field input[type=password]:placeholder-shown {
    font-family: 'Poppins', Arial, sans-serif !important;
}
#okta-sign-in.auth-container .input-icon:before,
#okta-sign-in.auth-container .input-tooltip:before {
    color: #717171 !important;
}
#okta-sign-in .o-form select {
    margin-top: 8px !important;
}
/* --- Form Buttons --- */
#okta-sign-in .o-form-button-bar {
    padding: 0px !important;
}
#okta-sign-in .o-form-button-bar.focused-input {
    box-shadow: none !important;
    margin-bottom: 0px !important;
}
/* --- Form Errors --- */
#okta-sign-in .o-form-input .o-form-explain {
    padding: 8px 0px 0px !important;
}
#okta-sign-in .o-form-explain.o-form-input-error {
    color: #CF363D !important;
    padding-left: 18px !important;
}
/* --- Infoboxes --- */
#okta-sign-in .help-wrap .infobox,
#okta-sign-in .infobox,
#okta-sign-in .infobox.infobox-subtle {
    background-color: #F2F9FC !important;
    border-color: #3996C4 !important;
}
#okta-sign-in .help-wrap .infobox:before,
#okta-sign-in .infobox:before,
#okta-sign-in .infobox.infobox-subtle:before {
    background-color: #3996C4 !important;
}
#okta-sign-in .help-wrap .infobox.infobox-success,
#okta-sign-in .infobox-success,
#okta-sign-in .infobox.infobox-subtle.infobox-success {
    background-color: #F6FAF2 !important;
    border-color: #619C36 !important;
}
#okta-sign-in .help-wrap .infobox.infobox-success:before,
#okta-sign-in .infobox-success:before,
#okta-sign-in .infobox.infobox-subtle.infobox-success:before {
    background-color: #619C36 !important;
}
#okta-sign-in .help-wrap .infobox.infobox-warning,
#okta-sign-in .infobox-warning,
#okta-sign-in .infobox.infobox-subtle.infobox-warning {
    background-color: #FCF8E8 !important;
    border-color: #D47800 !important;
}
#okta-sign-in .help-wrap .infobox.infobox-warning:before,
#okta-sign-in .infobox-warning:before,
#okta-sign-in .infobox.infobox-subtle.infobox-warning:before {
    background-color: #D47800 !important;
}
#okta-sign-in .help-wrap .infobox.infobox-error,
#okta-sign-in .infobox-error,
#okta-sign-in .infobox.infobox-subtle.infobox-error {
    background-color: #FFF5F5 !important;
    border-color: #EB5B63 !important;
}
#okta-sign-in .help-wrap .infobox.infobox-error:before,
#okta-sign-in .infobox-error:before,
#okta-sign-in .infobox.infobox-subtle.infobox-error:before {
    background-color: #EB5B63 !important;
}
#okta-sign-in .help-wrap .infobox.infobox-teach,
#okta-sign-in .help-wrap .infobox.infobox-tip,
#okta-sign-in .infobox-teach,
#okta-sign-in .infobox-tip,
#okta-sign-in .infobox.infobox-subtle.infobox-teach,
#okta-sign-in .infobox.infobox-subtle.infobox-tip {
    background-color: #FBF5FF !important;
    border-color: #A67BC7 !important;
}
#okta-sign-in .help-wrap .infobox.infobox-teach:before,
#okta-sign-in .help-wrap .infobox.infobox-tip:before,
#okta-sign-in .infobox-teach:before,
#okta-sign-in .infobox-tip:before,
#okta-sign-in .infobox.infobox-subtle.infobox-teach:before,
#okta-sign-in .infobox.infobox-subtle.infobox-tip:before {
    background-color: #A67BC7 !important;
}
#okta-sign-in .infobox, #okta-sign-in .infobox-md {
    -webkit-hyphens: none !important;
    -ms-hyphens: none !important;
    hyphens: none !important;
    border-radius: 2px !important;
}
#okta-sign-in .infobox-compact:before,
#okta-sign-in .infobox-md:before,
#okta-sign-in .infobox:before {
    border-top-left-radius: 2px !important;
    border-bottom-left-radius: 2px !important;
}

#okta-sign-in .o-form .challenge-question-select {
	width: 100% !important;
    padding: 7px 5px;
    margin-top: 0px !important;
}


#okta-sign-in .o-form .challenge-answer-input {
	width: 100% !important;
	padding: 7px 5px;
    margin-top: 0px !important;
}