body {
    background-color: #4d4b4b;
    /* opacity: 0.5; */
    position: absolute;
    width: 100%;
    height: 100%;
}


.loginPanel {
    background-color: #fff;
    height: 300px;
    width: 350px;
    margin: 0px auto;
    margin-top: 100px;
}

    .loginPanel .logo {
        width: 175px;
        /* height: 100px; */
        /* overflow: hidden; */
        padding: 30px;
        /* padding-left: 10px; */
        padding-bottom: 0px;
    }

        .loginPanel .logo img {
            width: 100%;
        }

    .loginPanel .form1 {
        padding: 17px 30px 0px;
    }

        .loginPanel .form1 input {
            width: 280px;
            padding: 7px 3px;
            margin-top: 10px;
            border: 1px solid;
        }

        .loginPanel .form1 .nextbutton {
            width: 290px;
            background-color: #0078D7;
            color: white;
            height: 29px;
            margin-top: 20px;
            border-style: none;
        }

        .loginPanel .form1 .step2,
        .loginPanel .form1 .step3 {
            display: none;
        }

        .loginPanel .form1 .login-mail {
            background-color: #f2f2f2;
            text-align: right;
            /* color: black; */
            padding: 3px;
        }



.btnresetpass {
    width: 136px;
    background-color: #0078D7;
    color: white;
    height: 29px;
    /* margin-top: 20px; */
    border-style: none;
    text-align: center;
    padding: 0px 3px;
    font-size: 14px;
    /* line-height: 37px; */
    display: flex;
    justify-content: center;
    align-items: center;
    text-decoration: none !important;
}
.spanSignIn {
    width: 100%;
    font-size: 17px;
    padding-bottom: 6px;
    display: inline-block
}
@media only screen and (max-width: 500px) {
    .loginPanel {
        height: 100vh !important;
        width: 100vw !important;
        margin:0px !important;
    }

        .loginPanel .logo {
            width: calc(100vw - 60px) !important;
            padding: 10px !important;
        }
}