/**
 * General
 **/
body {
    background: -webkit-linear-gradient(135deg, #2d4082, #6d84d6);
    background: -o-linear-gradient(135deg, #2d4082, #6d84d6);
    background: -moz-linear-gradient(135deg, #2d4082, #6d84d6);
    background: linear-gradient(135deg, #2d4082, #6d84d6);
    width: 100%;
    height: 100%;
}
.container {
    background-repeat: repeat;
}
.auth_box {
    border-radius: 20px;
    background-color: #f8f9fb;
    position:relative;
}
.auth_box .title {
    color: #5e76c3;
    font-size: 36px;
    text-align: center;
    margin-bottom: 25px;
    line-height: 42px;
}
.help a,
.help span,
.help span a,
.password_reset {
    color: #c3c3c3;
}
.help span {
    cursor: default;
}
.help .password_reset:hover,
.help span:hover a {
    color: #870b89 !important;
}
.comp_input {
    margin-bottom: 25px;
}
.auth_box .password_reset_content .button,
.auth_box .signin_content .button {
    margin-bottom: 25px;
}
.auth_box .subtitle {
    text-align: center;
    line-height: 26px;
    font-size: 18px;
    margin: 25px auto;
    color: #5d6d8a;
}
.auth_box .password_reset_submitted_content .email {
    font-weight: bold;
    text-align: center;
    font-size: 18px;
}
.auth_box .password_reset_verification_content .recaptcha {
    margin: auto;
    display: block;
    width: 304px;
    margin-bottom: 50px;
}
.auth_box .password_reset_verification_content .subtitle {
    margin-bottom: 50px;
}
.auth_box .account_unconfirmed_content .subtitle {
    margin: 40px auto;
}
.auth_box .account_unconfirmed_content .button {
    margin-top: 40px;
}
.auth_box .confirmation_email_resent_content .button {
    margin-top: 40px;
}
.auth_box .email {
    font-weight: bold;
    text-align: center;
    font-size: 18px;
    display: block;
}
.auth_box .no_email_contact {
    text-align: center;
    line-height: 26px;
    font-size: 18px;
    width: 305px;
    margin: 25px auto 25px auto;
    color: #5d6d8a;
}
.auth_box .choose_password_content .subtitle {
    font-size: 17px;
    margin-bottom: 40px;
}
.auth_box .choose_password_content .comp_input {
    margin-bottom: 40px;
}
.auth_box .password_set_content .fa-check {
    margin-bottom: 25px;
}
.auth_box .authy_verify_content .comp_input.checkbox {
    display: block;
    margin: auto;
    text-align: center;
    margin-bottom: 25px;
}
.auth_box .authy_verify_content .comp_input.checkbox input {
    float: none;
    position: relative;
    top: 6px;
}
.auth_box .authy_verify_content .send_sms {
    margin-bottom: 25px;
}

.auth_box .security_key_content .security_key {
    margin: 20px 0;
}

.auth_box .security_key_content .error {
    margin: 10px 0;
    font-weight: bold;
    color: #BB0000;
    display: none;
}

.auth_box .security_key_content .retry {
    margin-top: 10px;
    line-height: 20px;
    display: none;
}

.auth_box .security_key_content .error,
.auth_box .security_key_content .security_key,
.auth_box .security_key_content .description,
.auth_box .security_key_content .retry {
    text-align: center;
}


/**
 * Large
 **/
@media screen and (min-width: 1035px) {
    .auth_box_center {
        position: absolute;
        top: 0;
        right: 0;
        height: 100%;
        width: 100%;
        display: flex;
        -webkit-box-pack: center;
        -o-box-pack: center;
        -ms-flex-pack: center;
        -webkit-justify-content: center;
        justify-content: center;
        -webkit-box-align: center;
        -o-box-align: center;
        -ms-flex-align: center;
        -webkit-align-items: center;
        align-items: center;
        z-index: 1;
    }
    .auth_box {
        width: 360px;
        padding: 40px 80px;
    }
}


/**
 * Medium
 **/
@media screen and (min-width: 684px) and (max-width: 1034px) {
    .auth_container {
        padding: 20px 20px;
    }
    .auth_box {
        width: 360px;
        padding: 40px 80px;
        margin: auto;
    }
}


/**
 * Small
 **/
@media screen and (max-width: 683px) {
    .auth_container {
        padding: 20px;
    }
    .auth_box {
        padding: 20px;
    }
    .auth_box .help {
        font-size: 15px;
    }
}