.body-login {
    margin: 0;
    width: 100vw;
    height: 100vh;
    display: flex;
    flex-flow: row;
}

    .body-login .left-container-login {
        width: 70%;
        background-repeat: no-repeat;
        background-position: center center;
        background-size: 100% 100%;
        background-image: url(../../img/account/Group.png);
    }


    .body-login .login-container {
        background-color: #fff;
        width: 30%;
    }

        .body-login .login-container .header-login {
            background-image: url(../../img/account/Mask.png);
            background-repeat: no-repeat;
            background-size: 100% 100%;
            width: 100%;
            padding: 60px;
        }


            .body-login .login-container .header-login h2 {
                font-family: Montserrat;
                font-size: 20px;
                font-weight: 600;
                font-stretch: normal;
                font-style: normal;
                line-height: normal;
                letter-spacing: normal;
                color: #ffffff;
                margin-bottom: 15px;
            }


        .body-login .login-container .login-container-form {
            padding: 60px;
            display: flex;
            justify-content: center;
            align-items: center;
            width: 100%;
        }


            .body-login .login-container .login-container-form form {
                width: 100%;
            }


            .body-login .login-container .login-container-form .form-group label {
                font-family: Montserrat;
                font-size: 14px;
                font-weight: 600;
                font-stretch: normal;
                font-style: normal;
                line-height: normal;
                letter-spacing: normal;
                color: #8897b6;
                margin-bottom: 2px;
            }

            .body-login .login-container .login-container-form .form-group input[type=text], .body-login .login-container .login-container-form .form-group input[type=password] {
                border-radius: 4px;
                border: solid 1px #dfe7f4;
                background-color: #ffffff;
                font-family: Montserrat;
                font-size: 16px;
                color: #8897b6;
            }

            .body-login .login-container .login-container-form .form-group {
                margin-bottom: 20px;
            }

        .body-login .login-container .go-to-forogot-password {
            text-align: left;
            margin-bottom: 20px;
            margin-top: 5px;
            text-align: end;
        }

            .body-login .login-container .go-to-forogot-password a {
                font-family: Montserrat;
                font-size: 16px;
                font-weight: 600;
                color: #65b445;
            }


        .body-login .login-container .btn-primary {
            width: 100%;
        }


.reset-password-page .login-container {
    width: 50% !important;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

    .reset-password-page .login-container .login-container-form .form-group {
        display: flex;
        flex-flow: column;
    }



.reset-password-page .p-password {
    font-family: Montserrat;
    font-size: 14px;
    font-weight: 600;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    color: #8897b6;
    margin-bottom: 2px;
}

.body-login .login-container .login-container-form .form-group input[type=text], .body-login .login-container .login-container-form .form-group input[type=password] {
    padding: 0.375rem 0.75rem;
}


@media only screen and (max-width: 800px) {
    .reset-password-page .login-container {
        width: 100% !important;
        position: relative;
        top: unset;
        left: unset;
        transform: unset;
    }

    .body-login .login-container .login-container-form, .body-login .login-container .header-login {
        padding: 30px;
    }
}