#okta-sign-in {
    margin: 0 auto;
}

body {
    padding:0;
    margin:0;
}
img{
	border:0px;
}
*,
*:before,
*:after {
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
}
 #atg-login-overlay{
    display:block;
    height:auto;
    margin:0px auto;
    min-height:initial;
    position: relative;
    width:100%;
    font-family: 'RobotoRegular', Arial, Helvetica, sans-serif;
}
#okta-sign-in .o-form-label-top label[for=username]:after,#okta-sign-in .o-form-label-top label[for=password]:after{
    color: #D6001C;
    content: "*";
    padding-left:4px;
}
#okta-login-container .auth-container #back-link a:before,.return-login a:before{
    content: "";
    display: inline-block;
    background: url("../images/arrow-down.png") no-repeat;
    width: 7px;
    height: 12px;
    padding-left: 6px;
    font-size:0;
    box-sizing: content-box;
}
#okta-login-container .auth-container #back-link a:hover:before,.return-login a:hover:before{
    background: url("../images/arrow-down-hover.png") no-repeat;
}

#okta-login-container .auth-container h2:before {
    content: "";
    display: block;
    background: url("../images/login-icon.png") no-repeat;
    width: 40px;
    height: 40px;  
    margin:0 auto 8px;
}
#okta-sign-in .primary-auth .o-form-button-bar {
    padding-bottom: 40px;
    clear:both;
}
#okta-sign-in.auth-container.main-container {
    box-sizing: border-box;
    box-shadow: none;
    min-height: 514px;
    height: auto;
    border: 1px solid #D0D0CE;
    border-radius: 0;
} 
#okta-sign-in .o-form-fieldset:first-child {
    margin-bottom: 19px;
}
#okta-login-container .auth-container input[type="submit"],#atg-login-overlay .mfa-verify a.button.inline-totp-verify.link-button {
    background-color: #0085D5;
    border: 1px solid transparent;
    color: #fff !important;
    padding: 8px 20px;
    line-height: 19px;
    text-transform: uppercase;
    font-size: 14px;
    font-family: 'RobotoMedium',arial,helvetica, sans-serif;
    text-align: center;
    display: inline-block;
    border-radius: 0;            
    cursor: pointer;
    height: auto;
    min-width:75px;
    box-sizing: border-box;
}
#okta-login-container .forgot-password .email-button {
    background: #0085D5;
    border: 1px solid transparent;
    color: #fff !important;
    padding: 8px 20px;
    line-height: 19px;
    text-transform: uppercase;
    font-size: 14px;
    font-family: 'RobotoMedium',arial,helvetica, sans-serif;
    text-align: center;
    display: inline-block;
    border-radius: 0;            
    cursor: pointer;
    height: auto;
    width: 100%;
    box-sizing: border-box;
}

#okta-login-container .auth-container input[type="submit"]:hover,
#okta-login-container .auth-container input[type="submit"]:focus,
#okta-login-container .forgot-password .email-button:hover,
#okta-login-container .forgot-password .email-button:focus,#atg-login-overlay .mfa-verify a.button.inline-totp-verify.link-button:hover{
    background: #00426A;
    border: 1px solid #F4F3F1;
}

#okta-login-container .o-form .custom-checkbox label {
    font-family: 'RobotoRegular', Arial, Helvetica, sans-serif; 
    font-size: 14px;
    padding-bottom:0;
    color:#303030;
}
#okta-sign-in .o-form-theme{
    padding-bottom: 0;
}
#okta-sign-in.auth-container .okta-form-input-field.focused-input{
    border-color:#B1B3B3;
}
#okta-sign-in .custom-checkbox.focused-input,#okta-sign-in .o-form-button-bar.focused-input,#okta-sign-in .focused-input {
	box-shadow:none;
}
#atg-login-overlay #okta-sign-in .o-form-button-bar.focused-input{
    margin-bottom: 0;
}
#atg-login-overlay #okta-sign-in .auth-content a{
    color: #0085D5;
}

#okta-login-container .no-beacon .auth-content {
    padding-top: 0;
}

#okta-login-container .auth-content {
    padding:0;
    min-height: calc(514px - 48px);
    height: auto;   
}
#okta-login-container .auth-container{
    padding:0 30px 25px;
}

#okta-login-container .auth-content-inner {
    padding: 0;
}
#okta-sign-in .idp-discovery .o-form-fieldset{
    margin-bottom:5px;
}

#okta-login-container .auth-container h2 {
    font-weight: normal;
    font-family: 'RobotoCondensedLight';
    font-size: 28px;
    color: #303030;
    margin: 25px 0 30px;
    line-height: 33px;
}

#okta-login-container .o-form-head {
    font-family: 'RobotoMedium', Arial, Helvetica, sans-serif;
    color: #303030;
    font-size: 16px;
    line-height: 21px;
    font-weight: normal;
}

#okta-login-container .o-form .o-form-input input[type=text],
#okta-login-container .o-form .o-form-input input[type=password] {
    padding: 6px 10px;    
    font-family: 'RobotoRegular', Arial, Helvetica, sans-serif;
    color: #53565A;
    font-size: 14px;
} 
#okta-login-container .o-form .input-fix.o-form-has-errors {
    border-color: #d6001c;
}
#okta-login-container .o-form .o-form-has-errors label{
    color: #d6001c;
}

#help-links-container .fp-link {
    font-size: 14px;
    line-height: 19px;
}

#okta-sign-in .auth-content .help-links#help-links-container li {
    margin-top: 0;
    line-height: 0px;
}
#okta-login-container .o-form .input-fix {
    border-color: #B1B3B3;
    border-radius: 0;
    height:37px;
}

#okta-login-container .auth-container.main-container .primary-auth .password-toggle .eyeicon{
   right: 2px;
}
#okta-sign-in.auth-container.main-container .primary-auth .password-toggle .eyeicon,
#okta-sign-in.auth-container.main-container .primary-auth .password-toggle .eyeicon.button-show:before,
#okta-sign-in.auth-container.main-container .primary-auth .password-toggle .eyeicon.button-hide:before{
    font-size:16px;
    text-rendering:auto;
    -webkit-font-smoothing:antialiased;
    -moz-osx-font-smoothing:grayscale;
    color:#D0D0CE;
    opacity:1;
    font-family: 'Font Awesome 5 Free';
    font-weight: 900;
}
#okta-sign-in.auth-container.main-container .primary-auth .password-toggle .eyeicon.button-show:before{
    content: "\f06e";
}
#okta-sign-in.auth-container.main-container .primary-auth .password-toggle .eyeicon.button-hide:before{
    content: "\f070";
}
#okta-login-container .help-links,
#okta-login-container .auth-footer .js-back {
   font-family: 'RobotoRegular', Arial, Helvetica, sans-serif;
   font-size: 12px;
   line-height: 17px;
}
#okta-login-container .o-form-explain.o-form-input-error {
   font-family: 'RobotoRegular', Arial, Helvetica, sans-serif;
   font-size: 14px;
   line-height: 19px;
}

#okta-login-container .auth-container .okta-form-input-error {
    color: #D6001C;
}

#okta-login-container .o-form-explain.o-form-input-error {
    padding-left: 0px;
}
#okta-login-container .o-form-error-container {
  background-color: #FAF1F1;
}
#okta-login-container .o-form-error-container p {
   font-family: 'RobotoRegular', Arial, Helvetica, sans-serif;
   font-size: 14px;
   line-height: 18px;
   color: #D6001C !important;
   padding: 15px;
}
#atg-login-overlay #okta-sign-in .o-form-button-bar{
    padding:2px 0 0;
}
#okta-login-container #login-help-text {
    padding: 30px 0 25px 0;
}
#okta-login-container #login-help-text li {
    text-indent: -10px;
    margin-left: 10px;
    padding-bottom: 8px;
}
#okta-login-container #login-help-text span.help-text {    
    font-family: 'RobotoRegular', Arial, Helvetica, sans-serif;
    font-size: 13px;
    line-height: 18px;
    color: #202020;   
}
#okta-login-container #login-help-text a {
    font-family: 'RobotoRegular', Arial, Helvetica, sans-serif;
    font-size: 13px;
    line-height: 16px;
}
#okta-login-container .help-list li span.list-bullet {
    font-size: 6px;
    position: relative;
    top: -3px;
    margin-right: 5px;
}
#okta-login-container .auth-container .btm-link {
    font-family: 'RobotoRegular', Arial, Helvetica, sans-serif;  
    font-size: 16px;
    color: #0085D5; 
    line-height: 21px; 
    float: left;   
}
#okta-login-container .auth-container .btm-link:hover,#help-links-container .fp-link:hover,#atg-login-overlay #errormsg-container a:hover,.login-help-innerwrap a:hover,#okta-login-container #login-help-text a:hover{
    color:#00426A !important;
}

#atg-login-overlay .auth-content .form-input-label {
    font-family: 'RobotoMedium', Arial, Helvetica, sans-serif; 
    font-size: 14px; 
    margin-bottom: 5px; 
    display: block; 
    color: #303030;
}

#atg-login-overlay #errormsg-container span,
#atg-login-overlay #session-expired-msg span {
    width: calc(100% - 26px);
    display: inline-block;
    vertical-align: top;
    line-height: 20px;
    margin-left: 10px;
}

#atg-login-overlay #errormsg-container a {
    color: #0085D5;
}
#atg-login-overlay #errormsg-container a:hover {
    text-decoration: underline;
}
::-ms-reveal{
    display:none;
}
/*Login help css*/
#login-help {   
    background: rgb(255,255,255);
    position: absolute;
    top: 50%;
    left: 50%;
    width: 100%;
    height: 514px;
    box-sizing: border-box;
    padding: 30px;
    transform: translate(-50%,-50%);
    -webkit-transform: translate(-50%,-50%);
    border: 1px solid #D0D0CE;
}
.login-help-innerwrap h2 {
    font-weight: normal;
    font-family: 'RobotoCondensedLight';
    font-size: 28px;
    color: #303030;
    margin: 0 0 30px;
    line-height: 33px;
    text-align: center;
}
.login-instructions .list-bullet {
    font-size: 6px;
    position: relative;
    top: -3px;
    margin-right: 5px;
}
.login-help-innerwrap p {
    font-family: 'RobotoRegular', Arial, Helvetica, sans-serif;
    color: #202020;
    font-size: 14px;
    line-height: 20px;
    margin:0;
}

.login-help-innerwrap a {
    color: #0085D5;
    text-decoration: none;
}
.login-instructions p {
    margin-bottom: 20px;
    text-indent: -10px;
}

.login-help-innerwrap a:hover {
    text-decoration: underline;
}

.login-help-innerwrap .return-login a {
    font-size: 16px;
    line-height: 21px;
    font-family: 'RobotoRegular', Arial, Helvetica, sans-serif;
}
.return-login {
    position: absolute;
    bottom: 30px;
    left:21px;
}

#atg-login-overlay .atg-alert  {
    padding: 15px;
    display: block;
    vertical-align: top;
}
#atg-login-overlay .atg-alert p{
    width: calc(100% - 26px);
}

#atg-login-overlay .atg-alert p,#atg-login-overlay .password-reset-email-sent .okta-form-subtitle {    
    font-family: 'RobotoRegular', Arial, Helvetica, sans-serif;
    font-size: 14px;    
    line-height: 19px;    
    display: inline-block;
    vertical-align: top;
}
#atg-login-overlay .atg-alert.atg-alert-success p{
    width: calc(100% - 30px);
}

#atg-login-overlay .atg-alert-success {
    background: #F1FAF1;
}
#atg-login-overlay .atg-alert-error {
    background: #FAF1F1;    
}

#atg-login-overlay .black-20 {
    color: #303030 !important; 
}

#atg-login-overlay .black-30 {
    color: #303030 !important; 
}

#atg-login-overlay .alert-red {
    color: #D6001C !important; 
}
#atg-login-overlay .atg-alert:before{
    content:"";
    width:16px;
    height:16px;
    display:inline-block;
    vertical-align: top;
    margin-top: 3px;
    margin-right:10px;
}
#atg-login-overlay .atg-alert-success::before{   
    background:url("../images/success.png") no-repeat;   
}

#atg-login-overlay .atg-alert-info::before {
    content: url("../images/information-icon.svg");     
}
#atg-login-overlay .atg-alert-error:before{
    background: url("../images/alert.png") no-repeat;
}

#atg-login-overlay .password-reset-email-sent .okta-form-subtitle span {
    margin: 0;
    color: #202020;    
    display: block;
}
#atg-login-overlay #errormsg-container {
    margin:15px 0;
}
#atg-login-overlay .mrgn-btm-20 {
    margin-bottom: 20px;
}
#atg-login-overlay .atg-alert-info {
    background: #EEF7FC;   
}

/*Loader css*/

#spinner-icon{
    background:url("../images/loader.gif") no-repeat;
    width:48px;
    height:48px;
    display: inline-block;
    margin: 0 auto 14px;
}
#spinner-icon-wrap,#lh-loader{
    background: rgba(255,255,255,0.8);
    position: absolute;
    top: 50%;
    left: 50%;
    width: 100%;
    height: 513px;
    border: 1px solid #D0D0CE;
    box-sizing: border-box;
    padding: 30px;
    transform: translate(-50%,-50%);
    -webkit-transform: translate(-50%,-50%);
}
#okta-login-container .auth-container.main-container .primary-auth .password-with-toggle{
      padding-right:52px;
} 

/*** Custom CheckBox ***/
#atg-login-overlay .custom-checkbox input {
  position: absolute;
  opacity: 0;
  top: 2px;
  left: 0;
  width: 12px;
  height: 12px;
  background-image: none;
}
#atg-login-overlay .custom-checkbox input + label {
  position: relative;
  cursor: pointer;
  padding: 0;
}
#atg-login-overlay .custom-checkbox input + label:before {
  content: '';
  margin-right: 7px;
  display: inline-block;
  vertical-align: middle;
  width: 12px;
  height: 12px;
  background: white;
  border: 1px solid #B1B3B3;
}
#atg-login-overlay .custom-checkbox input:hover + label:before {
  background: #fff;
}
#atg-login-overlay .custom-checkbox input:checked + label:before {
  background: #fff;
}
#atg-login-overlay .custom-checkbox input:checked + label:after {
  content: '';
  position: absolute;
  left: 4px;
  top: 3px;
  width: 4px;
  height: 8px; 
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  color: #0085D5;
  border: 1px solid #0085D5;
  border-width: 0 1px 1px 0;  
  transform: rotate(45deg);
}
#okta-login-container .o-form .custom-checkbox label {
    background-image: none;
    margin: 7px 10px 0px 0;
}
#okta-login-container .o-form .custom-checkbox label .labelcontent {
    display: inline-block;
    vertical-align: middle;
}
@media (min-width: 768px) {
    #atg-login-overlay{
        width:400px;            
    }
    .atg-wrapper{
        margin:60px auto;    
        min-height: calc(100vh - 299px);
    }
}
@media (max-width:812px){
    .atg-wrapper{
        margin-top:64px;
        min-height: calc(100vh - 185px);
    }
}
@media (min-width: 768px) and (max-width: 812px){
    .atg-wrapper{
         margin-top:141px; 
         min-height: calc(100vh - 299px);
    }
}
@media (max-width: 767px) {
    #atg-login-overlay #okta-sign-in{
        min-width: 290px;
    }
    .col-xs-12.inner-wrap{
        padding:0;
    }
    #okta-login-container .auth-content{
        min-height:480px;
    }
}
@media only screen and (max-width: 600px){
    #atg-login-overlay #create-account-link,#atg-login-overlay #back-link{
        max-width: 316px;
        margin:0 auto;
    }
} 
@media only screen and (max-width:414px){
    #login-help,#okta-sign-in.auth-container.main-container,#spinner-icon-wrap {   
        border: 0;
    }
}
@media only screen and (orientation: landscape) {
    #login-help{
        max-width: 400px;
    }
}

#login-help #lh-loader img{
    width: 32px;
}
/*** MFA verify CSS ***/
#okta-login-container .mfa-verify .o-form .input-fix.o-form-has-errors:hover{
    border-color:#d6001c;
}
#okta-login-container .auth-container .mfa-verify .okta-form-subtitle{
    font-family: 'RobotoRegular', Arial, Helvetica, sans-serif;
    font-size: 14px;
    color: #202020;
}
#atg-login-overlay .mfa-verify .o-form-button-bar input {
    width: 100%;
}
#atg-login-overlay .mfa-verify .o-form-button-bar{
    text-align:center;
}
#atg-login-overlay .mfa-verify a.link.link-button {
    font-family: 'RobotoRegular', Arial, Helvetica, sans-serif;
    font-size: 16px;
    color: #0085D5;
    line-height: 21px;
    display: inline-block;
}

#atg-login-overlay .mfa-verify a.link.link-button:hover {
    color: #00426A !important;
}
#atg-login-overlay .mfa-verify .o-form-fieldset-container {
    text-align: center;
    margin: 25px 0;
}
#atg-login-overlay .mfa-verify .auth-footer .goto{
    display:none;
}
#atg-login-overlay .mfa-verify .okta-form-input-field:hover{
    border-color: #B1B3B3;
}
#atg-login-overlay .mfa-verify .auth-passcode input{
    padding: 6px 10px;
    font-family: 'RobotoRegular', Arial, Helvetica, sans-serif;
    color: #53565A;
    font-size: 14px;
}
#atg-login-overlay .mfa-verify .okta-form-title:before{
    display: none;
}
#atg-login-overlay .mfa-verify a.button.inline-totp-verify.link-button{
    background: #0085D5;
}
#atg-login-overlay .auth-container .auth-header {
    margin: 30px 0 47px;
    padding: 46px 0 0;
    border: 0;
}
#atg-login-overlay .auth-container .mfa-verify h2 {
    font-size: 26px;
    line-height: 31px;
    margin-bottom: 25px;
}
#atg-login-overlay .auth-container .okta-form-input-error{
    text-align: left;
}
/*** Forgot Password and Onetime Password Reset Common CSS Starts***/
#atg-login-overlay .forgot-password .o-form .input-fix:hover,#okta-login-container .password-expired .o-form .input-fix:hover{
    border-color:#B1B3B3;
}
#okta-login-container .forgot-password .o-form .input-fix.o-form-has-errors:hover,#okta-login-container .password-expired .o-form .input-fix.o-form-has-errors:hover{
   border-color: #d6001c;
}
#atg-login-overlay .forgot-password .forgot-password-instructions,#okta-login-container .auth-container .password-expired .okta-form-subtitle{
    font-family: 'RobotoRegular', Arial, Helvetica, sans-serif;
    font-size: 14px;
    color: #202020;
    line-height: 20px;
    margin-bottom: 30px;
}
#atg-login-overlay .auth-container .forgot-password h2:before,#okta-login-container .auth-container .password-expired h2:before{
    display: none;
}
/*** Forgot Password and Onetime Password Reset Common CSS Ends***/

/*** Forgot Password CSS ***/
#atg-login-overlay .auth-container .forgot-password h2:before,#atg-login-overlay .auth-container .password-reset-email-sent h2:before,#atg-login-overlay .auth-container .forgot-password .auth-footer a,#atg-login-overlay .auth-container #back-link a.fp-back:before,#atg-login-overlay .password-reset-email-sent .link-button{
    display: none;
}
#okta-login-container .auth-container .forgot-password h2{
    margin-top:30px;
}
#atg-login-overlay .forgot-password .form-input-label {
    line-height: 19px;
}
#atg-login-overlay .forgot-password .email-button{
    text-decoration: none;
    min-width: 91px;
    width: auto;
    float:right;
}
#atg-login-overlay .forgot-password #login-help-text{
    clear:both;
}
#atg-login-overlay .auth-content .forgot-password .o-form-fieldset.remove-space{
    margin-bottom: 10px;
}
#atg-login-overlay .forgot-password .o-form-fieldset:first-child{
    margin-bottom: 30px;
}
#navigate-fplink{
    display: inline-block;
}
#atg-login-overlay #navigate-fplink #fp-link {
    font-size: 14px;
    line-height: 19px;
    font-family: 'RobotoRegular', Arial, Helvetica, sans-serif;
}
#atg-login-overlay #okta-login-container .auth-content #navigate-fplink #fp-link:hover {
    color: #00426A;
}
#atg-login-overlay .password-reset-email-sent .okta-form-subtitle {       
    color: #202020;
    text-align: left;
    margin-bottom:0;
    line-height: 20px;
}
#lh-loader{
    z-index: 1;
    border:0;
}
#resend-spinner-icon{
    background: url(../images/loader.gif) no-repeat;
    width: 48px;
    height: 48px;
    display: inline-block;
    margin: 0 auto 14px;
}
#lh-loader .lh-loader-wrap,#atg-login-overlay .loader-msg-wrap {
    top: 192px;
    position: absolute;
    left: 50%;
    transform: translate(-50%,-50%);
    -webkit-transform: translate(-50%,-50%);
    text-align: center;
    width:100%;
}
#lh-loader .resend-email,#atg-login-overlay .loader-msg {
    line-height: 19px;
    font-size: 14px;
    color: #303030;
    font-family: 'RobotoMedium', Arial, Helvetica, sans-serif;
}
@media (max-width:767px){
    #atg-login-overlay {
		margin-top: 64px;
	}
}

/*Onetime Password Reset CSS*/
#okta-login-container .password-expired a.goto.js-signout{
    display: none;
}
#okta-login-container .auth-container .password-expired .okta-form-subtitle{
    text-align: left;
}
#okta-login-container #okta-sign-in.auth-container .okta-form-input-field input[type="password"]:placeholder-shown{
    font-family: 'RobotoRegular', Arial, Helvetica, sans-serif;
}
#okta-login-container .auth-container  .password-expired .okta-form-divider{
    border-color: #D0D0CE;
}
#okta-login-container .password-expired .o-form .o-form-fieldset:last-child{
    margin-bottom:28px;
}