html,
body {
    min-height: 100%;
    overflow-x: hidden !important;
    background: #eef5f8 !important;
}

body .hp-authentication-page {
    min-height: 100vh !important;
    margin: 0 !important;
    background: linear-gradient(118deg, #071330 0, #12395f 34%, #f5f9fc 34%, #ffffff 100%) !important;
}

body .hp-authentication-page > .col-lg-5 {
    min-height: 100vh !important;
    border-radius: 0 !important;
    background: transparent !important;
    color: #ffffff !important;
    box-shadow: inset -1px 0 0 rgba(255, 255, 255, .12) !important;
}

body .hp-authentication-page > .col-lg-5 .hp-image-row {
    padding: 36px !important;
}

body .hp-header-logo img {
    height: 112px !important;
    max-width: 240px !important;
    padding: 14px !important;
    border-radius: 8px !important;
    background: #ffffff !important;
    box-shadow: 0 18px 38px rgba(0, 0, 0, .20) !important;
}

body .hp-bg-item img {
    max-width: 430px !important;
    padding: 18px !important;
    border-radius: 8px !important;
    background: rgba(255, 255, 255, .10) !important;
    box-shadow: 0 24px 60px rgba(0, 0, 0, .18) !important;
}

body .hp-text-item h2,
body .hp-text-item p {
    color: #ffffff !important;
}

body .hp-text-item h2 {
    font-weight: 900 !important;
    letter-spacing: 0 !important;
}

body .hp-text-item p {
    opacity: .80 !important;
    font-size: 17px !important;
    line-height: 1.55 !important;
}

body .hp-authentication-page > .col-lg-7 {
    min-height: 100vh !important;
    padding: 28px 4vw !important;
}

body .hp-authentication-page > .col-lg-7 > .row {
    min-height: calc(100vh - 56px) !important;
    margin: 0 !important;
}

body .hp-authentication-page > .col-lg-7 .col-md-9 {
    width: 100% !important;
    max-width: 760px !important;
    padding: 28px 34px !important;
    border-radius: 8px !important;
    background: #ffffff !important;
    border: 1px solid #dbe7ef !important;
    box-shadow: 0 24px 64px rgba(7, 19, 48, .18), inset 0 1px 0 #ffffff !important;
}

body .hp-authentication-page h1 {
    color: #10243f !important;
    font-size: 36px !important;
    line-height: 1.12 !important;
    font-weight: 900 !important;
    letter-spacing: 0 !important;
}

body .hp-authentication-page .hp-p1-body,
body .hp-authentication-page p.text-black-60 {
    color: #60758c !important;
    font-weight: 700 !important;
}

body #LoginForm {
    margin-top: 22px !important;
}

body #LoginForm .mb-16 {
    margin-bottom: 14px !important;
}

body #LoginForm .form-label {
    color: #203a56 !important;
    font-size: 12px !important;
    font-weight: 900 !important;
    text-transform: uppercase !important;
    letter-spacing: 0 !important;
    margin-bottom: 7px !important;
}

body #LoginForm .form-control,
body #LoginForm select.form-control {
    min-height: 48px !important;
    border-radius: 8px !important;
    border: 1px solid #d5e2ec !important;
    background-color: #ffffff !important;
    color: #172b43 !important;
    box-shadow: inset 0 1px 0 #ffffff, 0 7px 18px rgba(45, 82, 114, .06) !important;
}

body #LoginForm .form-control:focus,
body #LoginForm select.form-control:focus {
    border-color: #3c87bd !important;
    box-shadow: 0 0 0 3px rgba(60, 135, 189, .16), 0 10px 22px rgba(45, 82, 114, .10) !important;
}

body #LoginForm .iti {
    width: 100% !important;
}

body #LoginForm .form-check {
    padding: 14px 16px 14px 42px !important;
    border: 1px solid #dbe8f1 !important;
    border-radius: 8px !important;
    background: #f8fbfd !important;
}

body #LoginForm .form-check-input {
    width: 18px !important;
    height: 18px !important;
    margin-left: -28px !important;
}

body #LoginForm .form-check-label {
    color: #344c65 !important;
    line-height: 1.45 !important;
}

body #LoginForm .btn-primary {
    min-height: 50px !important;
    border-radius: 8px !important;
    border-color: transparent !important;
    background: linear-gradient(135deg, #1e6aa8, #f0a15f) !important;
    font-weight: 900 !important;
    box-shadow: 0 14px 28px rgba(30, 106, 168, .24) !important;
}

body #package .card {
    border-radius: 8px !important;
    border: 1px solid #dbe8f1 !important;
    box-shadow: 0 10px 24px rgba(45, 82, 114, .08) !important;
}

body .hp-form-info {
    margin-top: 16px !important;
}

body .mt-48.mt-sm-96 {
    margin-top: 30px !important;
}

@media (max-width: 991px) {
    body .hp-authentication-page {
        background: #f5f9fc !important;
    }

    body .hp-authentication-page > .col-lg-5,
    body .hp-authentication-page > .col-lg-7 {
        min-height: auto !important;
    }

    body .hp-authentication-page > .col-lg-5 {
        padding-bottom: 20px !important;
        background: linear-gradient(135deg, #071330, #173f68) !important;
    }

    body .hp-authentication-page > .col-lg-7 {
        padding: 18px !important;
    }

    body .hp-authentication-page > .col-lg-7 .col-md-9 {
        max-width: none !important;
        padding: 22px !important;
    }
}