body {
    font-family: "Poppins";
}

label.input-text {
    font-size: 14px;
}

img.head-img {
    margin-right: 5px;
    height:60px;
}

.login-new .header {
    background: rgba(0, 0, 0, 0.5);
    padding-top: 10px;
    padding-bottom: 10px;
}

.login-new {
    background-image: url(.././img/loginbg.jpg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    min-height: 100vh;
}

    .login-new .right-section-time {
        padding-top: 7px;
        text-align: right;
    }

    .login-new .login-board {
        margin-top: 100px;
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
        align-items: center;
        padding: 15px;
        position: relative;
        z-index: 1;
        width: 100%;
    }

    .login-new .wrap-login {
        width: 600px;
        border-radius: 10px;
        overflow: hidden;
        background: transparent;
    }

    .login-new .validate-form {
        padding-top: 0;
        padding-bottom: 20px;
    }

    .login-new .input-top {
        width: 90%;
        position: relative;
        padding: 29px 0 2px;
        margin: auto;
    }

    .login-new .input-filed {
        font-size: 15px;
        color: #555555;
        line-height: 1.2;
        display: block;
        width: 100%;
        height: 35px;
        background: #e8f0fe;
        padding: 0 10px 0 50px;
        transition: all 0.4s;
        border: 1px solid #ced4da;
        border-radius: .25rem;
    }

    .login-new .focus-input100,
    .login-new .focus-input100.password,
    .login-new .focus-input100.dropdown-loc,
    .login-new .focus-input100.password {
        display: block;
        position: absolute;
        top: 33px;
        left: 20px;
        transition: all 0.4s;
    }

    .login-new .captcha_customclass {
        padding-left: 1.5rem !important;
        padding-top: .8rem !important;
    }

        .login-new .captcha_customclass .form-group {
            width: 96%;
            position: relative;
            padding: 0 0 2px;
            margin: 0 auto 18px;
            display: table;
        }

    .login-new .btn-danger, .login-new .btn-danger:not(:disabled):not(.disabled):active {
        border-radius: 30px;
        padding: 3px 11px;
        background-color: #55A8FD;
        border: none;
        cursor: pointer;
        font-size: 18px;
        width: 50%;
    }

    .login-new .forgot-line a {
        font-size: 14px;
        cursor: pointer;
        text-align: center;
        text-decoration: none;
        color: #007bff;
        width: 100%;
        display: block;
    }

    .login-new .login-form {
        width: 80%;
        border-radius: 10px;
        background-color: #fff;
        margin: 0 auto;
    }

    .login-new .container-login-form-btn {
        margin-top: 15px;
        margin-bottom: 15px;
        text-align: center;
    }

    .login-new #CaptchaImage {
        width: 180px;
        height: 50px;
        float: left;
        margin-right: 4px;
        margin-bottom: 10px;
    }

    .login-new .captcha_customclass a {
        background-image: url(https://www.q3techportal.co.in/WebUI/content/images/reff_icon.svg);
        background-color: #fff;
        border: 1px solid #ccc;
        box-shadow: 0px 0px 10px #bbb;
        background-position: center center;
        background-repeat: no-repeat;
        background-size: 15px auto;
        width: 40px;
        height: 40px;
        display: inline-block;
        font-size: 0px;
        text-indent: -999px;
        overflow: hidden;
        border-radius: 50%;
        margin: 5px 15px -14px 11px;
        float: left;
    }

    .login-new .captcha_customclass .form-control {
        font-size: 15px;
        color: #555555;
        line-height: 1.2;
        display: block;
        width: calc(100% - 263px);
        height: 26px;
        background: transparent;
        padding: 0 10px 0 10px;
        transition: all 0.4s;
        margin-top: 3px;
        margin-bottom: 0px;
        float: left;
    }

/*forgot*/
.backarrow-for {
    padding-bottom: 10px;
    padding-left: 25px;
}

    .backarrow-for a {
        float: left;
        background: url(~/img/arrow-left.svg) no-repeat left center;
        padding: 0 0 0 29px;
        background-size: 18px;
        font-size: 18px;
        color: #0056b3;
        margin: 11px 0 8px 0;
        text-decoration: none;
    }

.login-new .forgot-password .input-top {
    width: 90%;
    position: relative;
    padding: 0px 0 10px 0px;
    margin: auto;
}

.login-new .forgot-password .input-filed {
    background: transparent;
}

.login-new .forgot-password .focus-input100 {
    top: 4px;
}

@media (max-width: 550px) {
    .login-new {
        width: 100%;
        max-width: 100%;
        flex: none;
        text-align: center !important;
    }

        .login-new .header img {
            width: 50%;
        }

    .right-section-time img {
        width: 15% !important;
    }

    .right-section-time h3 {
        font-size: 14px;
    }

    .login-new .right-section-time {
        text-align: center;
    }

    .login-new .login-board {
        margin-top: 20px;
    }

    .login-new .captcha_customclass {
        padding-top: 0 !important;
        padding-left: 15px !important;
    }

    .login-new .btn-danger, .login-new .btn-danger:not(:disabled):not(.disabled):active {
        font-size: 16px;
        width: 60%;
    }

    .login-new .captcha_customclass .form-group {
        width: 100%;
        margin: 0 auto 30px;
    }

    .login-new .captcha_customclass .form-control {
        width: calc(100% - 15px);
    }

    .login-new label.input-text {
        text-align: left;
        width: 100%;
    }

    .login-new .header {
        padding-top: 5px;
        padding-bottom: 5px;
    }
}