body{
    background-color: #FAFAFAz;
}
.topbar h2{
    margin: 0;
    color: #fff;
    font-size: 20px;
    font-weight: 500;
    letter-spacing: .02em;
    padding: 10px 10px 10px 50px;
}
.pass-icon{
            position: relative !important;
            top: 27px  !important;
            left: 11px  !important;
            float: left !important;
        }
        .login-icon{
            position: relative !important;
            top: 30px  !important;
            left: 17px  !important;
            float: left !important;
        }
   
       
        .register-btn .r-btn, .register-btn .f-btn {
            position: relative;
            top: 10px;
        }
.topbar img{
    width: 20px;
    height: 20px;
}
.fild-icon img{
    width: 20px;
    height: 20px;
    position: absolute;
        left: 35px;
    margin-top: 14px;
}

.login input {
    width: 100%;
    padding: 10px 10px 10px 45px;
    border: 1px solid #c6c6c6;
    box-shadow: 0px 3px 4px #dedede;
    border-radius: 5px;
    margin-bottom: 10px;
    height: 48px;
    box-shadow: 0 3px 1px -2px rgb(0 0 0 / 20%), 0 2px 2px 0 rgb(0 0 0 / 14%), 0 1px 5px 0 rgb(0 0 0 / 12%);
        margin-bottom: 35px;
        border-radius: 0;
        border: 0;
}

/*---------------------login------------------------*/
.topbar{
    background: #009688;
    margin: 0;
    padding: 7px 0;
        box-shadow: 0px 4px 8px #bebebe;
        position: fixed;
    /*max-width: 500px;*/
    width: 100%;
    top: 0;
    z-index: 1;
}
.topbar a{
    color: #fff;
    position: absolute;
}
.login{
    padding: 15px;
        text-align: center;
}

.login-icon{
    font-size: 25px;
    color: #009688;
    position: absolute;
    top: 24px;
    left: 30px;
}

/*.login input{
    width: 100%;
    padding: 10px 10px 10px 45px;
    border: 1px solid #c6c6c6;
    box-shadow: 0px 3px 4px #dedede;
    border-radius: 5px;
    margin-bottom:10px;
}*/
 .login{
            padding: 65px 25px 25px 25px;
        }
.pass-icon{
    font-size: 20px;
    color: #009688;
    position: absolute;
    top: 77px;
    left: 30px;
}

.login .l-btn{
        background: #009688;
    border: none;
    padding: 10px 60px;
    color: #fff;
    border-radius: 2px;
    margin-top: 15px;
        width: 100%;
        max-width: 260px;
        margin-bottom: 30px;
}
.login .l-btn:hover{
    background: #009688;
}

.register-btn{
    height: 48px;
    box-shadow: 0px 3px 4px #b7b7b7;
    padding:15px 0; 
    margin:0 0 0 10px;
}
#sendotp{
    color: #000;
  
}

.register-btn .r-btn:hover{
    background: #009688;
    color:#fff;
}
.register-btn .f-btn{
    background: #f1f1f1;
    border: 0;
    padding: 10px 20px;
    color: #000;
    border-radius: 2px;
    box-shadow: 0px 3px 4px #b7b7b7;
}
.register-btn .f-btn:hover{
    background: #009688;
    color:#fff;
}

/*-----------------register--------------*/
.register{
    padding: 15px;
        text-align: center;
}

.reg-icon{
    font-size: 20px;
    color: #009688;
    position: absolute;
    left: 28px;
    margin-top: 10px;
}

.register .text-field{
    width: 100%;
    padding: 10px 10px 10px 45px;
    border: 1px solid #c6c6c6;
    box-shadow: 0px 3px 4px #dedede;
    border-radius: 0px;
    margin-bottom:10px;
}

.veri-icon{
   font-size: 20px;
    color: #787878;
    position: absolute;
    left: 36px;
    margin-top: 14px;
}
.r-pass-icon{
    font-size: 20px;
    color: #009688;
    position: absolute;
    left: 28px;
    margin-top: 10px;
}

.r-code-icon{
    font-size: 20px;
    color: #009688;
    position: absolute;
    left: 28px;
    margin-top: 10px;
}

.register .l-btn{
        background: #009688;
    border: none;
    padding: 10px 60px;
    color: #fff;
    border-radius: 5px;
    margin-top: 15px;
}
.register .l-btn:hover{
    background: #164c9c;
}

/*--------------forget------------*/

.forget{
    padding: 15px;
        text-align: center;
}

.forget input{
    width: 100%;
    padding: 10px 10px 10px 45px;
    border: 1px solid #c6c6c6;
    box-shadow: 0px 3px 4px #dedede;
    border-radius: 5px;
    margin-bottom:10px;
}

.forget .l-btn{
        background: #009688;
    border: none;
    padding: 10px 60px;
    color: #fff;
    border-radius: 5px;
    margin-top: 15px;
}
.forget .l-btn:hover{
    background: #164c9c;
}

/*-----------------------*/
.check-box{
    width: 20px !important;
    height: 20px !important;
    box-shadow:none !important;
    margin: 0 !important;
    position: relative;
    top: 4px;
}
.form-inline{
    margin: 0;
    padding:0; 
}

.register-btn-main .f-btn{
    background: #f1f1f1;
    border: 0;
    padding: 10px 20px;
    color: #000;
    border-radius: 2px;
    box-shadow: 0px 3px 4px #b7b7b7;
}
.register-btn-main .r-btn{
    background: #f1f1f1;
    border: 0;
    padding: 10px 20px;
    color: #000;
    border-radius: 2px;
    box-shadow: 0px 3px 4px #b7b7b7;
    margin-right: 10px;
}
.pl-0{
    padding-left: 0 !important;
}
 .p-0{
    padding: 0 !important;
}
@media(max-width:991){
            #sendotp{                
                padding: 10px 3vw;
            }
        }