section.LoginPage {
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover;
    padding: 20px 0
}

.LoginPageInner {
    background: #fffffff6;
    border-radius: 6px;
    box-shadow: 0 3px 6px #00000029;
    margin: 0 auto;
    max-width: 696px;
    padding: 58px 90px;
    width: 100%
}

.LoginPageInner .systems-page {
    padding: 0
}

.LoginPageInner .systems-page .systempageheader a {
    max-width: 295px!important;
    width: 100%
}

.LoginPageInner .systems-page .systempageheader a img {
    object-fit: contain;
    width: 100%
}

.systempageheader {
    text-align: center
}

.systempageheader h1 {
    color: #333435;
    font-size: 43px;
    font-weight: 500;
    line-height: 1.2;
    margin-top: 24px
}

.systempageheader p {
    font-weight: 500;
    margin-top: 19px
}

.LoginPageInner .form-container form {
    background: transparent
}

.LoginPageInner .form-container form label {
    color: #333435;
    font-size: 21px;
    line-height: 1.2
}

.LoginPageInner .form-container form input {
    border: 1px solid #8f3135ea;
    border-radius: 6px;
    box-shadow: 0 3px 6px #00000029;
    color: #333435;
    font-size: 21px;
    padding: 10px 12px
}

.LoginPageInner .form-container form input::-ms-input-placeholder {
    color: #333435;
    opacity: .5
}

.LoginPageInner .form-container form input::placeholder {
    color: #333435;
    opacity: .5
}

.LoginPageInner .form-container .hs-form-field {
    margin-bottom: 31px
}

.systems-page #hs_login_reset {
    color: #750a10;
    font-weight: 700
}

.systems-page form input[type=submit],.systems-page form input[type=submit]:focus,.systems-page form input[type=submit]:hover {
    background: #750a10;
    border: 1px solid #750a10;
    border-radius: 6px;
    box-shadow: 0 3px 6px #00000029;
    color: #fff;
    width: 100%
}

.signupbtn p {
    align-items: center;
    display: flex;
    font-size: 21px;
    justify-content: center;
    line-height: 1.2
}

.signupbtn p a {
    margin-left: 5px
}

#hs-membership-form a[class*=show-password],.signupbtn p a {
    color: #750a10;
    font-weight: 700
}

section.LoginPage {
    align-items: center;
    background-attachment: fixed;
    display: flex;
    justify-content: center;
    max-height: 800px;
    min-height: 100vh
}

.LoginPageInner .form-container .hs-form-field:nth-child(6) {
    margin-bottom: 10px!important
}

.LoginPageInner .form-container form label.hs-error-msg {
    color: #f2545b;
    font-size: 14px;
    line-height: 1.2;
    margin: 0
}

.LoginPageInner #hs-membership-form label[for=hs-reset-request-widget-email] {
    font-size: 0
}

.LoginPageInner #hs-membership-form label[for=hs-reset-request-widget-email]:before {
    color: #333435;
    content: "Email";
    font-size: 21px;
    line-height: 1.2
}

.LoginPageInner #hs-membership-form label[for=hs-reset-request-widget-email]:after {
    color: #e81767;
    content: "*";
    font-size: 21px;
    line-height: 1.2
}

.LoginPageInner #hs-membership-form .hs-register-widget-show-password,.hs_cos_wrapper_type_password_reset form#hs-membership-form a.hs-reset-widget-show-password {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' xml:space='preserve' width='512' height='512' viewBox='0 0 488.85 488.85'%3E%3Cpath fill='%23333435' d='M244.425 98.725c-93.4 0-178.1 51.1-240.6 134.1-5.1 6.8-5.1 16.3 0 23.1 62.5 83.1 147.2 134.2 240.6 134.2s178.1-51.1 240.6-134.1c5.1-6.8 5.1-16.3 0-23.1-62.5-83.1-147.2-134.2-240.6-134.2m6.7 248.3c-62 3.9-113.2-47.2-109.3-109.3 3.2-51.2 44.7-92.7 95.9-95.9 62-3.9 113.2 47.2 109.3 109.3-3.3 51.1-44.8 92.6-95.9 95.9m-3.1-47.4c-33.4 2.1-61-25.4-58.8-58.8 1.7-27.6 24.1-49.9 51.7-51.7 33.4-2.1 61 25.4 58.8 58.8-1.8 27.7-24.2 50-51.7 51.7' data-original='%23000000' opacity='.431'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-size: 20px;
    font-size: 0!important;
    height: 20px;
    left: calc(100% - 40px);
    line-height: 1;
    position: absolute;
    top: 45px;
    width: 20px;
    z-index: 2
}

.hs_cos_wrapper_type_password_reset form#hs-membership-form input[type=password] {
    padding-right: 50px
}

.error-page {
    padding: 10rem 0;
    position: relative;
    text-align: center
}

.error-page:before {
    color: #f3f6f9;
    content: attr(data-error);
    font-size: 40vw;
    font-weight: 700;
    left: 50%;
    position: absolute;
    top: 50%;
    transform: translate(-50%,-50%);
    width: 100%;
    z-index: -1
}

@media screen and (min-width: 1100px) {
    .error-page:before {
        font-size:20rem
    }
}

.systems-page {
    margin: 0 auto;
    max-width: 700px;
    padding: 3rem 1.4rem
}

.systems-page--search-results {
    max-width: 100%
}

.systems-page .header {
    background-color: transparent;
    border-bottom: none;
    padding: 0
}

.systems-page .success {
    background-color: #cde3cc;
    border: 1.5px solid #4f7d24;
    border-radius: 6px;
    color: #4f7d24;
    display: inline-block;
    margin: 1.4rem 0;
    padding: .1rem .7rem;
    width: 100%
}

.systems-page form input {
    max-width: 100%
}

.systems-page form input[type=submit] {
    display: block;
    margin: .7rem 0
}

.hs-search-results__title {
    font-size: 1.25rem;
    margin-bottom: .35rem;
    text-decoration: underline
}

.hs-search-results__title:hover {
    text-decoration: none
}

.hs-search-results__description {
    padding-top: .7rem
}

.password-prompt input[type=password] {
    height: auto!important;
    margin-bottom: 1.4rem
}

.systems-page #hs-login-widget-remember,.systems-page #hs-login-widget-remember~label {
    display: inline-block;
    margin-bottom: .175rem
}

.systems-page #hs_login_reset {
    display: block;
    margin-bottom: .7rem
}

.backup-unsubscribe #email-prefs-form div {
    padding-bottom: 0!important
}

.backup-unsubscribe input[type=email] {
    font-size: .875rem!important;
    margin-bottom: 1.4rem;
    padding: .7rem!important
}

#email-prefs-form .item.disabled {
    cursor: not-allowed;
    opacity: .6
}

#email-prefs-form .item.disabled input:disabled {
    cursor: not-allowed
}

#hs-membership-form a[class*=show-password] {
    font-size: .75rem
}

.form-input-validation-message ul.hs-error-msgs {
    margin: 0;
    padding-left: 0
}

.form-input-validation-message ul.hs-error-msgs li {
    margin: 0
}

@media (max-width: 1500px) {
    .systempageheader h1 {
        font-size:35px
    }
}

@media (max-width: 1280px) {
    .systempageheader h1 {
        font-size:28px
    }

    .systempageheader p {
        font-size: 18px!important
    }
}

@media (max-width: 767px) {
    .LoginPageInner {
        padding:30px
    }
}

@media (max-width: 640px) {
    .LoginPageInner .systems-page .systempageheader a {
        max-width:200px!important
    }

    .LoginPageInner .form-container .hs-form-field {
        margin-bottom: 15px
    }

    input::placeholder {
        font-size: 16px;
        line-height: 1
    }
}

@media (max-width: 480px) {
    .LoginPageInner {
        padding:30px 15px
    }

    .systempageheader h1 {
        font-size: 22px
    }

    .LoginPageInner .form-container form input,.LoginPageInner .form-container form label,.signupbtn p {
        font-size: 18px
    }

    input::placeholder {
        font-size: 14px;
        line-height: 1
    }
}

.LoginPageInner.ecampusLoginPage .signupbtn p {
    display: unset;
    font-size: 20px
}

.LoginPageInner.ecampusLoginPage .signupbtn p a {
    vertical-align: text-bottom
}