html,
body {
    min-height: 100%;
}

body {
    background: linear-gradient(165deg, #d7eaf8 0%, #f4f7fb 46%, #e4f6ec 100%) !important;
    color: #1b3144;
}

.backstretch,
.backstretch:after {
    display: none !important;
}

.top-content {
    padding: 56px 0 72px;
}

.inner-bg {
    padding: 0 !important;
}

.loginbg {
    background: #fff !important;
    max-height: none !important;
    height: auto !important;
    border-radius: 22px !important;
    box-shadow: 0 22px 50px rgba(16, 42, 67, 0.12) !important;
    border: 1px solid rgba(20, 50, 74, 0.06);
    overflow: hidden;
}

.form-top,
.form-bottom {
    background: #fff !important;
    box-shadow: none !important;
}

.form-top {
    text-align: center;
    padding: 28px 28px 0 !important;
}

.form-bottom {
    padding: 8px 28px 28px !important;
}

.form-top-left {
    float: none !important;
    width: 100% !important;
    padding-top: 0 !important;
    text-align: center;
}

.form-top-right {
    display: none !important;
}

.logowidth {
    max-height: none !important;
    width: 220px;
    max-width: 100%;
    height: auto;
    margin: 0 auto 8px;
    display: block;
}

.loginbg h3,
.font-white,
.loginbg .font-white {
    color: #14324a !important;
    text-align: center;
    font-weight: 700;
    margin-top: 8px;
}

.aro-login-lead {
    text-align: center;
    color: #4d6273;
    margin: 0 0 18px;
}

.loginbg .form-control {
    height: 48px !important;
    border-radius: 12px !important;
    border: 1px solid #d5e0e8 !important;
    background: #f8fafc !important;
    box-shadow: none !important;
}

.loginbg .form-control:focus {
    border-color: #0c67b8 !important;
    background: #fff !important;
}

.loginbg button.btn,
.loginbg .btn {
    width: 100%;
    height: 48px !important;
    line-height: 48px !important;
    padding: 0 !important;
    border: 0 !important;
    border-radius: 999px !important;
    background: linear-gradient(90deg, #0c67b8, #1c9a48) !important;
    color: #fff !important;
    font-weight: 700;
    letter-spacing: 0.01em;
}

.loginbg button.btn:hover,
.loginbg .btn:hover {
    color: #fff !important;
    opacity: 0.94;
}

.aro-login-links {
    text-align: center;
    margin: 14px 0 0;
}

a.forgot,
.aro-login-home {
    color: #0c67b8 !important;
    font-weight: 700;
}

.aro-login-home {
    display: inline-block;
    margin-top: 8px;
    font-weight: 600;
}

.loginbg .alert {
    border-radius: 12px;
}

@media (max-width: 767px) {
    .top-content {
        padding: 28px 0 40px;
    }

    .form-top,
    .form-bottom {
        padding-left: 18px !important;
        padding-right: 18px !important;
    }
}