/*========== LOGIN ==========*/

.social-btn-wrapper {
    line-height: 33px;
    text-align: center;
    margin-bottom: 10px;
}

a.social-btn {
    display: inline-block;
    position: relative;
    min-width: 280px;
    height: 38px;
    color: #FFFFFF;
    padding: 0 12px 0 46px;
    line-height: 39px;
    font-family: 'Merriweather', Helvetica, Arial, sans-serif;
    font-size: 14px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}

a.social-btn img {
    background: #FFFFFF;
    width: 34px;
    height: 34px;
    position: absolute;
    top: 2px;
    left: 2px;
    border: 7px solid #FFFFFF;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
}

a.social-btn-facebook {
    background-color: #3B5998;
}

a.social-btn-google {
    background-color: #4285F4;
}

a.social-btn-okta {
    background-color: #FFFFFF;
    width: auto;
    min-width: 160px;
    height: 27px;
    color: #363636;
    padding: 0 12px 0 29px;
    line-height: 26px;
    font-family: 'Raleway', Helvetica, sans-serif;
    font-size: 12px;
    border: 1px solid #EEEEED;
}

a.social-btn.social-btn-okta img {
    border: 0;
    width: 16px;
    height: 16px;
    top: 4px;
    left: 6px;
}

.or-br {
    margin-top: 20px;
    margin-bottom: 16px;
}

.title-instructions {
    margin-bottom: 28px;
}

hr.social-hr {
    width: 200px;
    margin: 15px auto 0 auto;
    border-top: 1px solid #EEEEED;
}

.login-footer {
    text-align: center;
    margin: 20px 0;
}

.login-footer a {
    display: inline-block;
    margin: 0 6px;
    font-size: 14px;
}

.event-msg {
    margin-bottom: 20px;
}

.registration-form {
    max-width: 360px;
    margin: 0 auto;
}

.registration-form input[type=submit] {
    display: block;
    width: 100%;
    margin-top: 15px;
}

.main-login-container .registration-form input[type=submit] {
    margin-top: 50px;
}

/*========== END LOGIN ==========*/

/*========== REGISTER ==========*/
.btn.registration-continue {
    max-width: 360px;
    margin: 30px auto 0 auto;
}

.registration-form .required {
    color: #DE483C;
}

.registration-form label small {
    font-weight: 400;
}
/*========== END REGISTER ==========*/

/*========== FORGOT PASSWORD ==========*/

.forgot-password-footer {
    margin: 20px 40px 0 40px;
    font-size: 14px;
    text-align: left;
}

/*========== END FORGOT PASSWORD ==========*/