#okta-sign-in {
font-family: proxima nova, montserrat, Arial, Helvetica, sans-serif;
font-size: 14px;
font-weight: 400;
line-height: 1.4;
background-color: #f9f9f9;
color: #777;
position: relative;
overflow: auto;
border-radius: 3px;
border-style: solid;
border-width: 0px; 
height: auto;
outline:none;
/*margin: 100px auto 8px;*/
width: 82%;
min-width: 300px
}

#okta-sign-in .beacon-container{
top:86px !important;
bottom: auto !important;
width: 50px !important;
height: 50px !important;

}


@media only screen and (max-width: 900px) and (min-width: 400px) {
#okta-sign-in .beacon-container{
top:85px !important;
bottom: auto !important;
width: 35px !important;
height: 35px !important;

}

}

#okta-sign-in h2.o-form-head{
margin-top: 20px !important;
display: none !important;
}

#okta-sign-in .mfa-verify  h2.o-form-head{
display: block !important;
}

.mfa-verify{
margin-top:26px !important;
 }

@media only screen and (max-width: 600px){
#okta-sign-in h2.o-form-head{
margin-top: 28px !important;
}
}

#okta-sign-in .auth-content {
padding: 40px 42px 20px;
-moz-transition: padding-top .4s;
-webkit-transition: padding-top .4s;
transition: padding-top .4s;
border:none;
border-bottom: 0px rgba(0, 0, 0, 0);
}

#okta-sign-in .auth-content .auth-content-inner .enroll-question,
#okta-sign-in .auth-content .auth-content-inner .enroll-totp,
#okta-sign-in .auth-content .auth-content-inner .enroll-webauthn,
#okta-sign-in .auth-content .auth-content-inner .enroll-sms,
#okta-sign-in .auth-content .auth-content-inner .enroll-call {
  margin-top:40px;
}

#okta-sign-in .auth-content .help-links li {
margin-top: 0px;
color: #008292
}
#okta-sign-in .js-help-link{
	display : none;
}
#okta-sign-in .o-form-head {
font-size: 15px;
line-height: 1.5;
margin-top: 0px;
text-align: left;
text-transform: none
}

#okta-sign-in .auth-header {
text-align: left;
padding-left: 42px;
padding-right: 42px;
padding-top: 17px;
padding-bottom: 10px;
position: relative;
border: none;
border-bottom: 0px transparent; 
z-index: 10;
-moz-transition: padding-bottom .4s;
-webkit-transition: padding-bottom .4s;
transition: padding-bottom .4s
}

@media only screen and (max-width: 900px) and (min-width: 400px) {
#okta-sign-in .auth-header {
text-align: left;
padding-left: 42px;
padding-top: 20px;
padding-bottom: 0px;
position: relative;
border-bottom: 0px  transparent; 
z-index: 10;
-moz-transition: padding-bottom .4s;
-webkit-transition: padding-bottom .4s;
transition: padding-bottom .4s
}
}

@media only screen and (max-width: 960px) and (min-width: 600px) {
#okta-sign-in .auth-header {
text-align: left;
padding-left: 135px;
padding-top: 20px;
padding-bottom: 10px;
position: relative;
border-bottom: 0px  transparent; 
z-index: 10;
-moz-transition: padding-bottom .4s;
-webkit-transition: padding-bottom .4s;
transition: padding-bottom .4s

}
}

@media only screen and (max-width: 1024px) and (min-width: 768px) {
#okta-sign-in .auth-header {
text-align: left;
padding-left: 42px;
padding-top: 20px;
padding-bottom: 10px;
position: relative;
border-bottom: 0px  transparent; 
z-index: 10;
-moz-transition: padding-bottom .4s;
-webkit-transition: padding-bottom .4s;
transition: padding-bottom .4s
}
}

@media only screen and (max-width: 1400px) and (min-width: 900px) {
#okta-sign-in .auth-header {
text-align: left;
padding-left: 42px;
padding-top: 20px;
padding-bottom: 10px;
position: relative;
border-bottom: 0px  transparent; 
z-index: 10;
-moz-transition: padding-bottom .4s;
-webkit-transition: padding-bottom .4s;
transition: padding-bottom .4s
}
}

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

#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 {
font-size: 17px;
color: #008292;
}

#okta-sign-in.auth-container.main-container {
background-color: #fff;
border-color: #ddd #ddd #d8d8d8;
box-shadow: none; 
}

#okta-sign-in.auth-container .button,
#okta-sign-in.auth-container .button-primary {
color: #fff;
background-color: #008292;
background: -o-linear-gradient(top, #008292 0, #008292 100%);
background: -ms-linear-gradient(top, #008292 0, #008292 100%);
background: -webkit-gradient(linear, left top, left bottom, from(#008292), to(#008292));
background: -webkit-linear-gradient(#008292, #008292);
background: linear-gradient(#008292, #008292);
border-color: #008292 #008292 #008292;
box-shadow: 0 1px 0 rgba(0, 0, 0, .15), inset 0 1px 0 0 hsla(0, 0%, 100%, .1)
}
#okta-sign-in.auth-container .button-primary:active,
#okta-sign-in.auth-container .button-primary:focus,
#okta-sign-in.auth-container input[type="submit"],
#okta-sign-in.auth-container input[type="submit"]:focus {
font-size: 18px;
color: #ffffff;
background: #008292;
border-color: #008292;
border-radius: 4px;
}

#okta-sign-in.auth-container .button.button-primary.link-button-disabled,
#okta-sign-in.auth-container .button.link-button-disabled,
#okta-sign-in.auth-container .button.link-button-disabled:focus {
color: #646464;
border-color: #DCE3DD;
background: #DCE3DD;
}
#okta-sign-in.auth-container .button:hover,
#okta-sign-in.auth-container .button-primary:hover {
background: #008292;
background: -o-linear-gradient(top, #008292 0, #008292 100%);
background: -ms-linear-gradient(top, #008292 0, #008292 100%);
background-image: -webkit-gradient(linear, left top, left bottom, from(#008292), to(#008292));
background-image: -webkit-linear-gradient(#008292, #008292);
background-image: linear-gradient(#008292, #008292);
border-color: #008292;    
opacity: 0.8;
text-decoration: none;
cursor: pointer;
box-shadow: none
}

#okta-sign-in .o-form-head+.o-form-explain {
  text-align: left;
}
/** Center "auth-header" with a maximum width on small screens **/
@media only screen and (max-width: 600px) {
  #okta-sign-in .auth-header {
    margin: 0 auto;
    width: 300px !important;
  }
}
/** Lower the padding for "auth-header" on extra-small screens **/
@media only screen and (max-width: 350px) {
  #okta-sign-in .auth-header {
    padding-left: 20px;
    padding-right: 20px;
  }
}
#okta-sign-in .auth-footer .goto {
    float: left;
}
.mfa-verify-passcode .o-form-head
{
padding-top: 10px !important;
}
#okta-sign-in.auth-container .o-form label {
font-size: 15px;
color: #646464;
}
#okta-sign-in.auth-container .okta-form-input-field {
border: 1px solid #ddd;
border-radius: 4px;
}
/** mfa-verify-passcode used by SMS/Voice MFA **/
form.mfa-verify-passcode div.o-form-content div.o-form-fieldset-container {
display: flex;
flex-wrap: wrap;
}
#okta-sign-in .mfa-verify-passcode .auth-passcode {
order: 2;
width: 100%;
margin-top: 10px;
margin-bottom: 0;
}
#okta-sign-in .call-request-button.link-button, 
#okta-sign-in .sms-request-button.link-button {
order: 1;
width: 100%;
}
form.mfa-verify-passcode > div.o-form-content.o-form-theme.clearfix > div.o-form-fieldset-container > div:nth-of-type(2) {
order: 3;
}
#okta-sign-in .mfa-verify-passcode .link-button {
margin-top: 0;
}
/** recovery-challenge used by SMS/Voice forgot pw/unlock **/
form.recovery-challenge div.o-form-content div.o-form-fieldset-container {
display: flex;
flex-wrap: wrap;
}
#okta-sign-in .recovery-challenge .o-form-fieldset.enroll-sms-phone {
order: 2;
width: 100%;
margin-top: 10px;
margin-bottom: 0;
}

#okta-sign-in.auth-container.main-container .sms-request-button.margin-top-30
{
margin-left: 0;
margin-top: 0;
}
/* #okta-sign-in .js-forgot-password { */
/* display: none !important; */
/* } */
/* #okta-sign-in .primary-auth .js-help {
display: none !important;
} */