/************************** Page Setup /***************************/

.login-button {
    background-color: #10A4FF !important;
    border-color: #0d94ff !important;
}
/*--------------------START :: Login CSS--------------- */

.login-page {
    padding-top: 0;
}

.login-body {
    width: 100%;
    min-height: 100vh;
    overflow: auto;
}

    .login-body .logo {
        display: block;
        justify-content: center;
    }

        .login-body .logo a {
            margin-bottom: 30px;
            width: 200px;
        }

            .login-body .logo a img {
                max-width: 75%;
            }

.formBody {
    max-width: 350px;
    width: 100%;
}

.logo h1 {
    font-size: 2rem;
    font-weight: 500;
    color: var(--blue-text);
}

    .logo h1 strong {
        font-weight: 700;
    }

.logintext h2 {
    font-weight: normal;
    font-size: 1.8rem;
    color: black;
}

.right-container {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    width: 520px;
    min-height: 100vh;
    background-color: #ffffff;
    float: right;
    margin: 0;
    position: relative;
    padding-bottom: 30px;
}

.login-from {
    width: 70%;
}

.toggle-password {
    width: 20px;
    height: 22px;
    position: absolute;
    top: 30px;
    right: 10px;
    cursor: pointer;
    background: url(../img/icon_showPw.png) no-repeat center;
    background-size: 100%;
}

    .toggle-password.hide_pw {
        background: url(../img/icon_hidePw.png) no-repeat center;
        background-size: 100%;
    }

.login-button {
    width: 100%;
    background: var(--gradient-bg);
    color: #fff;
    border: none;
    padding: 5px;
    box-shadow: 0px 3px 12px #0000003e;
    border-radius: 8px;
    height: 43px;
    font-family: "rns_milesbold";
}

.login-body .form-label.small {
    font-family: "rns_milesmedium";
}

.eclerx-captcha img {
    margin-bottom: 1rem !important;
}

.captcha-error {
    margin-top: 1rem !important;
    list-style-type: none;
    color: #dc3545 !important;
}

    .captcha-error li {
        list-style-type: none;
    }

.centered {
    text-align: center;
}
/*--------------------END :: Login CSS--------------- */

@media (max-width: 991.98px) {
    .right-container {
        width: 100%;
    }
}

.right-container {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    width: 520px;
    min-height: 100vh;
    background-color: #ffffff;
    float: right;
    margin: 0;
    position: relative;
    padding-bottom: 30px;
}

@media (max-width: 991.98px) {
    .right-container {
        width: 100%;
    }
}


.middle-login-box {
    z-index: 100;
    margin: 0 auto;
    padding-top: 40px;
}

    .middle-login-box h1 {
        font-size: 170px;
    }

.wrapper .middle-login-box {
    margin-top: 140px;
}


.btn-refresh::before {
    content: "\f021";
    font-family: "FontAwesome";
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-size: 16px;
}

.login-button {
    font-weight: 400;
    font-size: 16px;
    font-family: "open sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
}


.field-error-text, span.field-validation-error {
    color: #cc5965;
    display: inline-block;
    margin-left: 5px;
    max-width: 100%;
    margin-bottom: 5px;
    font-weight: 700;
}

.validation-summary-errors {
    color: #cc5965;
    display: inline-block;
    margin-left: 5px;
    max-width: 100%;
    margin-bottom: 5px;
    font-weight: 700;
}

.validation-summary-errors {
    color: #ed5565;
    display: inline-block;
    margin-left: 5px;
    max-width: 100%;
    margin-bottom: 5px;
    font-weight: 600;
    font-size: 14px;
}

.field-error-text {
    margin: 0;
}

    .field-error-text li, .field-error-text ul {
        list-style-type: none;
        margin-left: 0;
        margin-right: 0;
        padding-left: 0;
        padding-right: 0;
    }

.left-container {
    flex: 1;
    background-image: url(../img/login-bg.jpg);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}

.logo-icon {
    width: 300px;
}

.btn-refresh {
    padding: .375rem .40rem !important;
}

.login-controls {
    width: 300px !important;
}

.verify-logo {
    height: 100px;
    margin-top: 100px;
}