body{background:aliceblue}body div.img-big{width:100%;height:100%;position:fixed;top:0;left:0;background-color:#f7f7f7;background-size:cover;background-repeat:no-repeat;background-position:center center;background-image:url(../images/bg.jpg)}body .img-responsive{padding:10px 25px;height:90px;width:auto}body div.Logincontainer{max-width:100%;width:400px;padding:20px;position:absolute;top:50%;background:white;left:50%;transform:translate(-50%, -50%);display:flex}@media (max-width: 768px){body div.Logincontainer{display:block}}body div.Logincontainer div.loginBTN button a{font-weight:normal !important}body div.Logincontainer div.loginImage,body div.Logincontainer div.loginTab,body div.Logincontainer div.registrationTab,body div.Logincontainer div.ForgotPasswordTab{width:100%;height:100%;background-color:#ffffff;display:inline-block;vertical-align:top}@media (max-width: 768px){body div.Logincontainer div.loginImage,body div.Logincontainer div.loginTab,body div.Logincontainer div.registrationTab,body div.Logincontainer div.ForgotPasswordTab{width:100%;margin:auto}}body div.Logincontainer div.loginImage p.errorMsg,body div.Logincontainer div.loginTab p.errorMsg,body div.Logincontainer div.registrationTab p.errorMsg,body div.Logincontainer div.ForgotPasswordTab p.errorMsg{color:#f44336;font-size:14px}body div.Logincontainer div.loginImage p.title,body div.Logincontainer div.loginTab p.title,body div.Logincontainer div.registrationTab p.title,body div.Logincontainer div.ForgotPasswordTab p.title{font-size:22px;color:#424242}body div.Logincontainer div.loginImage div.inputData,body div.Logincontainer div.loginTab div.inputData,body div.Logincontainer div.registrationTab div.inputData,body div.Logincontainer div.ForgotPasswordTab div.inputData{position:relative;margin:1.5rem 0 0 2.1rem;width:80%}body div.Logincontainer div.loginImage div.inputData input,body div.Logincontainer div.loginTab div.inputData input,body div.Logincontainer div.registrationTab div.inputData input,body div.Logincontainer div.ForgotPasswordTab div.inputData input{width:100%;height:40px;color:#484747;font-size:18px;border-radius:3px;border:0;padding:0 0 0 10px;margin:7px 0 0px 0;background:transparent}body div.Logincontainer div.loginImage div.inputData label,body div.Logincontainer div.loginTab div.inputData label,body div.Logincontainer div.registrationTab div.inputData label,body div.Logincontainer div.ForgotPasswordTab div.inputData label{position:absolute;left:0;top:20px;width:100%;z-index:-1;transition:0.5s;color:lightgray}body div.Logincontainer div.loginImage div.inputData label span,body div.Logincontainer div.loginTab div.inputData label span,body div.Logincontainer div.registrationTab div.inputData label span,body div.Logincontainer div.ForgotPasswordTab div.inputData label span{color:#f44336;padding-left:2px}body div.Logincontainer div.loginImage div.inputData span.focus-border,body div.Logincontainer div.loginTab div.inputData span.focus-border,body div.Logincontainer div.registrationTab div.inputData span.focus-border,body div.Logincontainer div.ForgotPasswordTab div.inputData span.focus-border{position:absolute;bottom:0;left:0;height:1px;transition:0.5s;width:100%;background:lightgray}body div.Logincontainer div.loginImage div.inputData input:focus ~ label,body div.Logincontainer div.loginImage div.inputData input:valid ~ label,body div.Logincontainer div.loginTab div.inputData input:focus ~ label,body div.Logincontainer div.loginTab div.inputData input:valid ~ label,body div.Logincontainer div.registrationTab div.inputData input:focus ~ label,body div.Logincontainer div.registrationTab div.inputData input:valid ~ label,body div.Logincontainer div.ForgotPasswordTab div.inputData input:focus ~ label,body div.Logincontainer div.ForgotPasswordTab div.inputData input:valid ~ label{outline:none;top:-10px;left:0px;color:#52658c;transition:0.4s}body div.Logincontainer div.loginImage div.inputData input:focus ~ span.focus-border,body div.Logincontainer div.loginImage div.inputData input:valid ~ span.focus-border,body div.Logincontainer div.loginTab div.inputData input:focus ~ span.focus-border,body div.Logincontainer div.loginTab div.inputData input:valid ~ span.focus-border,body div.Logincontainer div.registrationTab div.inputData input:focus ~ span.focus-border,body div.Logincontainer div.registrationTab div.inputData input:valid ~ span.focus-border,body div.Logincontainer div.ForgotPasswordTab div.inputData input:focus ~ span.focus-border,body div.Logincontainer div.ForgotPasswordTab div.inputData input:valid ~ span.focus-border{background-color:#f58635}body div.Logincontainer div.loginImage div.inputData input:focus,body div.Logincontainer div.loginTab div.inputData input:focus,body div.Logincontainer div.registrationTab div.inputData input:focus,body div.Logincontainer div.ForgotPasswordTab div.inputData input:focus{outline:none}body div.Logincontainer div.loginImage div.inputData div.passImg,body div.Logincontainer div.loginTab div.inputData div.passImg,body div.Logincontainer div.registrationTab div.inputData div.passImg,body div.Logincontainer div.ForgotPasswordTab div.inputData div.passImg{position:relative;z-index:15;height:38px;float:right;background-color:#fff;margin-top:-40px;padding:0px 5px;cursor:pointer}body div.Logincontainer div.loginImage div.inputData div.passImg img,body div.Logincontainer div.loginTab div.inputData div.passImg img,body div.Logincontainer div.registrationTab div.inputData div.passImg img,body div.Logincontainer div.ForgotPasswordTab div.inputData div.passImg img{vertical-align:middle;width:20px;padding:10px 0 0 0}body div.Logincontainer div.loginImage button,body div.Logincontainer div.loginTab button,body div.Logincontainer div.registrationTab button,body div.Logincontainer div.ForgotPasswordTab button{border-radius:1.25rem;background-color:#52658C}body div.Logincontainer div.loginImage button a,body div.Logincontainer div.loginTab button a,body div.Logincontainer div.registrationTab button a,body div.Logincontainer div.ForgotPasswordTab button a{color:#fff}body div.Logincontainer div.loginImage button.register,body div.Logincontainer div.loginTab button.register,body div.Logincontainer div.registrationTab button.register,body div.Logincontainer div.ForgotPasswordTab button.register{float:right;background-color:#52658c}body div.Logincontainer div.loginImage button.join,body div.Logincontainer div.loginImage button.sendmail,body div.Logincontainer div.loginTab button.join,body div.Logincontainer div.loginTab button.sendmail,body div.Logincontainer div.registrationTab button.join,body div.Logincontainer div.registrationTab button.sendmail,body div.Logincontainer div.ForgotPasswordTab button.join,body div.Logincontainer div.ForgotPasswordTab button.sendmail{background:#6d82a9;width:80%}body div.Logincontainer div.loginImage div.bottomLogin,body div.Logincontainer div.loginTab div.bottomLogin,body div.Logincontainer div.registrationTab div.bottomLogin,body div.Logincontainer div.ForgotPasswordTab div.bottomLogin{width:100%;cursor:pointer}body div.Logincontainer div.loginImage div.bottomLogin a,body div.Logincontainer div.loginTab div.bottomLogin a,body div.Logincontainer div.registrationTab div.bottomLogin a,body div.Logincontainer div.ForgotPasswordTab div.bottomLogin a{display:inline-block;vertical-align:top;width:40%}body div.Logincontainer div.overlay{position:absolute;z-index:20;top:0;background-color:rgba(0,0,0,0.4);width:800px;height:400px}body div.Logincontainer div.overlay div.box{height:200px;width:400px;margin:105px auto 0 auto;background:#fff;border-radius:5px}body div.Logincontainer div.overlay div.box p.errorMsgOTP{font-size:18px;color:red;text-align:center;font-weight:400;height:27px;margin-bottom:0px}body div.Logincontainer div.overlay div.box div.container{width:80%;margin:0 auto}body div.Logincontainer div.overlay div.box div.container p{font-size:11px;color:#424242;text-align:center;font-weight:bold;padding:5px 0 10px 0}body div.Logincontainer div.overlay div.box div.container input{width:calc(100% - 10px);height:40px;font-size:20px;border-radius:3px;border:1px solid #ebedf2;padding:0 0 0 10px;margin:7px 0 20px 0}body div.Logincontainer div.overlay div.box div.container button{width:100%;padding:0 0 0 10px;background-color:#52658c;line-height:35px;border:none;border-radius:3px;height:35px;cursor:pointer}body div.Logincontainer div.overlay div.box div.container button p{padding:0 10px 0 10px;color:white}
