body{
    background-color:#FFFFFF;
}
.btn:focus{
    outline: 0;
    box-shadow: 0 0 0 0.2rem rgba(0,123,255,.25);
}
#login-register iframe{

}
#login-register{
    background-color:#FFFFFF;
}
#start-button, #next-button, #verify-button, #start-over-button,
#login-button,#register-button,#register-button-disabled,
#real-time-registration-button, #start-button-top{
    margin:20px 0px;
    color:#FFFFFF;
    width:100%;
    max-width:200px;
}
#start-button:hover, #next-button:hover, #verify-button:hover, #start-over-button:hover,
#login-button:hover,#register-button:hover, #register-button-disabled:hover,
#real-time-registration-button:hover{
    margin:20px 0px;
    color:#FFFFFF;
}
#register-button-disabled{
    opacity: .5;
    cursor:not-allowed;
}
#start-over-button.btn, #real-time-registration-button.btn{
    background-color:var(--bgcolor4);
}
.helper-text, .policy-exception{
    color:#707070;
    font-style: italic;
}
.exceeded-limit{
    font-size: 1rem;
    color: var(--danger);
    padding: 20px;
}
#send-new-verification{
    margin:10px 0px;
    color:blue;
}
#login-register.slide{
    animation: slide-in .5s forwards;
    -webkit-animation: slide-in .5s forwards;
}
@keyframes slide-in {
    100% { transform: translateX(-1%); }
}

@-webkit-keyframes slide-in {
    100% { -webkit-transform: translateX(-1%); }
}
    
@keyframes slide-out {
    0% { transform: translateX(0%); }
    100% { transform: translateX(-100%); }
}

@-webkit-keyframes slide-out {
    0% { -webkit-transform: translateX(0%); }
    100% { -webkit-transform: translateX(-100%); }
}