.btn-facebook {
    background-color: #587ebf;
    border-color: #395c97 #395c97 hsl(218, 45%, 37.5%);
    border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
    color: #fff;
}
.btn-facebook:hover, .btn-facebook:focus, .btn-facebook:active, .btn-facebook.active, .open>.dropdown-toggle.btn-facebook {
    background-color: #506EA1;;
    border-color: #395c97 #395c97 hsl(218, 45%, 37.5%);
    color: #fff;
}

.btn-twitter {
    background-color: #31b0d5;
    border-color: #2b9fc2;
    color: #fff;
}
.btn-twitter.active, .btn-twitter.focus, .btn-twitter:active, .btn-twitter:focus, .btn-twitter:hover {
    background-color: #2aa9ce;
    border-color: #269abc;
    color: #fff;
}

.auth-wrapper .auth-header {
    margin-bottom: 0;
}

.auth-wrapper .auth-inner {
    background: url("/National_Library/20161130034600oe_/http://instructables.com/static/img/account/robot-illustration.jpg") no-repeat 0 200px;
    padding: 70px;
    min-height: 400px;
}

.auth-welcome {
    text-align: center;
    width: 450px;
    font-size: 14px;
    line-height: normal;
}

.auth-welcome .welcome-message {
    font-family: CompleteInHimPro;
    font-size: 30px;
    font-weight: normal;
    color: #555;
}

.auth-welcome .support-message {
    font-size: 18px;
    margin-bottom: 0;
}

.auth-welcome .gopro-message {
    color: #757575;
}

.upgrade-image {
    width: 280px;
    height: 140px;
}

.auth-form input {
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    width: 100%;
    height: 28px;
    margin-bottom: 20px
}

.auth-form.login-form {
    margin-bottom: 0;
}

.auth-form input.ie-password-input {
    width: 100%;
    vertical-align: baseline;
}

.auth-form .ie-password-label {
    margin-right: 6px;
}

.auth-form input + label.error {
    color: red;
    font-size: 12px;
    position: relative;
    top: -16px;
}

.auth-form select {
    width: 100%;
}

.auth-modal {
    left: 58%;
}

.auth-modal,
.auth-container {
    width: 320px;
    line-height: normal;
}

.auth-container {
    background-color: #fff;
    border-top: 1px solid lightgray;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
    -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.35);
    -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.35);
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.35);
    -webkit-background-clip: padding-box;
    -moz-background-clip: padding-box;
    background-clip: padding-box;
    outline: none;
}

.auth-modal .modal-header {
    padding: 9px 20px;
    background-color: #f5f5f5;
    -webkit-border-radius: 6px 6px 0 0;
    -moz-border-radius: 6px 6px 0 0;
    border-radius: 6px 6px 0 0;
}

.auth-modal .modal-header h3 {
    font-family: 'CompleteInHimPro';
    font-weight: normal;
    font-size: 28px;
    margin: 3px 0 -3px;
}

.auth-modal .modal-body,
.auth-container .auth-container-body {
    padding: 20px;
}

.auth-modal .modal-body {
    max-height: none;
}

.auth-container .auth-container-body {
    position: relative;
    overflow-y: auto;
}

.auth-modal .modal-footer,
.auth-container .auth-container-footer {
    padding: 14px 20px;
    text-align: left;
    font-size: 12px;
}
    
.auth-container .auth-container-footer {
    background-color: #f5f5f5;
    border-top: 1px solid #ddd;
    -webkit-border-radius: 0 0 6px 6px;
    -moz-border-radius: 0 0 6px 6px;
    border-radius: 0 0 6px 6px;
    -webkit-box-shadow: inset 0 1px 0 #fff;
    -moz-box-shadow: inset 0 1px 0 #fff;
    box-shadow: inset 0 1px 0 #fff;
    *zoom: 1;
}

.auth-modal .modal-footer a,		
.auth-container .auth-container-footer a {		
    color: #777;		
}

.auth-module .login-footer {
    margin-top: 10px;
    text-align: center;
}

.auth-module .divider {
    text-align: center;
    color: #999;
    border-top: 1px solid #ddd;
    margin: 20px 0;
}

.auth-module .divider span {
    display: inline-block;
    position: relative;
    top: -7px;
    padding: 0 10px;
    background: #fff;
}

.auth-module .btn-large {
    width: 100%
}

.auth-module .carousel {
    margin: 0;
    height: 120px;
}

.auth-module .social-login-options .btn-large {
    width: 135px;
    margin-bottom: 10px;
}

.auth-module .robot-speech-bubble {
    width: auto;
    height: 135px;
    margin: 0 0 10px 0;
    background-size: 281px;
}

.auth-module .robot-speech-bubble .bubble {
    padding: 10px;
    overflow: hidden;
    height: 80px;
    width: 180px;
    top: 0;
    right: 0;
}

.auth-module .robot-speech-bubble .bubble span {
    font-size: 18px;
    position: relative;
    top: 0;
    color: #555;
}

.auth-module .tooltip-inner {
    background-color: #ce4127;
}

.auth-module .tooltip.top .tooltip-arrow {
    border-top-color: #ce4127;
}

.auth-module .error-label  {
    display: none;
    white-space: normal;
    margin-bottom: 20px;
}

.auth-module .legal {
    font-size: 13px;
    font-weight: 200px;
}

.auth-login .btn-large {
    margin-bottom: 20px
}

.auth-gopro-prompt .btn-large {
    width: auto;
    display: block;
}

.auth-gopro-prompt .btn-primary {
    margin-bottom: 20px
}

.auth-gopro-signup .btn-large {
    width: 100%;
    display: block;
}

.auth-gopro-signup .robot-speech-bubble,
.auth-gopro-prompt .robot-speech-bubble {
    background-image: url(/National_Library/20161130034600oe_/http://instructables.com/static/img/gopro/robot-speechbubble-modal.png);
    width: 280px;
    height: 100px;
    margin-bottom: 10px;
}

.auth-gopro-signup .robot-speech-bubble .bubble p,
.auth-gopro-prompt .robot-speech-bubble .bubble p {
    margin-bottom: 0;
}

.auth-gopro-prompt .robot-speech-bubble .bubble span {
    top: 10px;
}

.auth-forgot-password .robot-speech-bubble {
    background-image: url(/National_Library/20161130034600oe_/http://instructables.com/static/img/account/forgot-robot-speechbubble.png);
    width: 280px;
    height: 149px;
}

.auth-forgot-password .robot-speech-bubble .bubble {
    width: 128px;
    height: 142px;
}

.auth-forgot-password .robot-speech-bubble .bubble span {
    display: inline-block;
    font-size: 22px;
    width: 130px;
}

.auth-reset-password .robot-speech-bubble .bubble {
    width: 150px;
    height: 120px;
}

.auth-reset-password .robot-speech-bubble .bubble span {
    display: inline-block;
    width: 147px;
}

.wide-robot-messaging .robot-speech-bubble {
    background-image: url(/National_Library/20161130034600oe_/http://instructables.com/static/img/gopro/robot-speechbubble-modal.png);
    width: 280px;
    height: 100px;
    margin-bottom: 10px;
}

.wide-robot-messaging .robot-speech-bubble .bubble p {
    margin-bottom: 0;
}

.recaptcha-container {
    transform: scale(0.925);
    transform-origin: 0;
    -webkit-transform: scale(0.925);
    transform: scale(0.925);
    -webkit-transform-origin: 0 0;
    transform-origin: 0 0;
}