body {
    min-height: 100%;
    color: #595959;
    font-family: Arial, Helvetica, sans-serif;
    line-height: 20px;
    position: relative;
    height: 100%;
}

/* Before Login */

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    font-size: 100%;
    vertical-align: baseline;
}

.loginWrapper {
    margin: -119px 0 0 -170px;
    position: absolute;
    top: 50%;
    left: 50%;
}

.before-login {
    background: url(img/bg.jpg);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
}

    .before-login .form-container {
        display: flex;
        flex-direction: column;
        align-items: stretch;
        gap: 20px;
    }

        .before-login .form-container a {
            color: #1a3d92;
            font-size: 15px;
            padding-bottom: 3px;
            border-bottom: 1px solid #d5d9dc;
            margin-top: 5px;
            margin-bottom: 5px;
        }

            .before-login .form-container a:hover,
            .before-login .form-container a:focus {
                color: #0f133c;
            }

        .before-login .form-container > * {
            flex-grow: 1;
            flex-basis: 100%;
            text-align: center;
            margin: 0;
            padding: 0;
        }

        .before-login .form-container .title {
            font-size: 26px;
            margin-bottom: 10px;
            color: #000;
        }

            .before-login .form-container .title h1 {
                position: relative;
                width: fit-content;
                margin: auto;
                font-family: Nunito;
                text-transform: capitalize;
            }

                .before-login .form-container .title h1:after {
                    content: "";
                    position: absolute;
                    bottom: -10px;
                    left: 10%;
                    width: 80%;
                    height: 1px;
                    border: 1px solid transparent;
                    border-radius: 10px;
                    background: linear-gradient(to right, #1a3d92 0%,#0f133c 100%);
                }

        .before-login .form-container .form-row {
            display: flex;
            justify-content: center;
            min-width: 350px;
            position: relative;
        }

            .before-login .form-container .form-row.username-container:before {
                position: absolute;
                left: 20px;
                top: 12px;
                content: "";
                background: url(img/user-icon.svg);
                background-size: cover;
                background-repeat: no-repeat;
                background-position: center;
                height: 15px;
                width: 15px;
            }

            .before-login .form-container .form-row.password-container:before {
                position: absolute;
                left: 20px;
                top: 12px;
                content: "";
                background: url(img/password-icon.svg);
                background-size: cover;
                background-repeat: no-repeat;
                background-position: center;
                height: 17px;
                width: 15px;
            }

            .before-login .form-container .form-row .password-eye {
                position: absolute;
                cursor: pointer;
                right: 20px;
                top: 12px;
                background-image: url(img/eye-crossed-icon.svg);
                background-size: cover;
                background-repeat: no-repeat;
                background-position: center;
                height: 15px;
                width: 15px;
            }

                .before-login .form-container .form-row .password-eye.active {
                    background-image: url(img/eye-icon.svg);
                }

        .before-login .form-container .link-row {
            padding-top: 10px;
            padding-bottom: 10px;
        }

        .before-login .form-container input[type=submit] {
            width: 100%;
            border-radius: 20px;
            border: 0;
            background: linear-gradient(to right, #1a3d92 0%,#0f133c 100%);
            box-shadow: none;
            -webkit-box-shadow: none;
            -moz-box-shadow: none;
            color: #fff;
            padding: 10px 15px;
            font-size: 15px;
            line-height: 17px;
            max-height: none;
            display: block;
        }

        .before-login .form-container a.link-button {
            width: 100%;
            border-radius: 20px;
            border: 0;
            background: #e7e7e7;
            box-shadow: none;
            -webkit-box-shadow: none;
            -moz-box-shadow: none;
            color: #000;
            padding: 10px 0;
            font-size: 15px;
            line-height: 17px;
            max-height: none;
            display: block;
            margin: 0;
        }

        .before-login .form-container #imgCaptch {
            border-top-right-radius: 20px;
            border-bottom-right-radius: 20px;
            padding-left: 10px;
        }

.form.before-login input[type=text],
.form.before-login input[type=password] {
    border-radius: 20px;
    padding: 10px 15px 10px 20px;
    font-size: 15px;
    box-shadow: none;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    color: #000;
}

    .form.before-login input[type=text].icon-input,
    .form.before-login input.password {
        padding: 10px 15px 10px 40px;
    }

    .form.before-login input[type=text].captcha-input {
        border-top-right-radius: 0;
        border-bottom-right-radius: 0;
        padding: 10px 15px 10px 20px;
    }

.form input[type=text], .form input[type=password], .form textarea {
    font-size: 11px;
    padding: 7px 6px;
    background: white;
    border: 1px solid #DDD;
    width: 100%;
    font-family: Arial, Helvetica, sans-serif;
    box-shadow: 0 0 0 2px #f4f4f4;
    -webkit-box-shadow: 0 0 0 2px #f4f4f4;
    -moz-box-shadow: 0 0 0 2px #f4f4f4;
    color: #656565;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
}

.btnlogin {
    width: 100%;
    border-radius: 20px;
    border: 0;
    background: linear-gradient(to right, #1a3d92 0%,#0f133c 100%);
    box-shadow: none;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    color: #fff;
    padding: 10px 15px;
    font-size: 15px;
    line-height: 17px;
    max-height: none;
    display: block;
}
/* Before Login end */