body{font-family:"open_sansregular"}a{text-decoration:none}p{line-height:26px}.form-floating input{border:1px solid #d4d4d4}.form-floating input:focus{box-shadow:none;border-color:#d4d4d4}.input-group-text{border:1px solid #d4d4d4}.input-group-text:focus{box-shadow:none;border-color:#d4d4d4}.formArea{background:#f2f2f2;text-align:center;padding:50px}.formArea .title{font-family:"open_sanslight";font-size:30px;color:#333333;margin-bottom:45px}.formArea .ForgottenLink{font-family:"open_sanslight";font-size:14px;color:#7f7f7f;text-decoration:underline;font-style:italic}.formArea .btn-login{width:100%;background:#ff7b17;font-size:16px;font-family:"open_sansbold";color:#fff;padding:12px 0 !important;border-radius:6px}.formArea .notAccountText{font-size:16px;color:#363636}.formArea .notAccountText a{font-size:16px;color:#363636;text-decoration:none}.formArea .notAccountText a:hover{text-decoration:underline}.formArea .notAccountText a span.wwPrimaryColor{color:#000 !important;font-weight:400 !important}.formArea .btn-account,.formArea .btn-facebook,.formArea .btn-google,.formArea .btn-apple{font-family:"open_sanssemibold";font-size:20px;padding:0.6rem 1rem}.formArea .btn-account img,.formArea .btn-facebook img,.formArea .btn-google img,.formArea .btn-apple img{max-height:30px;width:auto}.formArea .btn-facebook,.formArea .btn-google,.formArea .btn-apple{margin:0 5px}.formArea .btn-block+.btn-block{margin-top:1.5rem}.formArea .orText{font-family:"open_sanssemibold";font-size:22px;color:#363636;margin:40px 0 20px 0}.formArea .btn-account{background:#3a7d44;color:#fff;text-transform:uppercase}.formArea .btn-facebook{background:#3578eb;color:#fff}.formArea .btn-google{background-color:#ffffff;color:#5186ec}.formArea .btn-apple{background:#000000;color:#fff}.bannerArea{background:url(../images/loginBannerImg.jpg?v2);background-size:cover;min-height:100%;background-position:bottom center;background-repeat:no-repeat}.bannerArea.register{background:url(../images/registerBannerImg.svg);background-size:100%;background-repeat:no-repeat}.bannerAreaFr{background:url(../images/login-banner-fr-desktop.webp);background-size:cover;min-height:100%;background-position:bottom center;background-repeat:no-repeat}.bannerAreaFr.register{background:url(../images/login-banner-fr-desktop.webp);background-size:cover;background-position:bottom center;background-repeat:no-repeat}.newField{position:relative}.newField label{font-size:18px;font-family:"open_sanslight";color:#9d9d9d}.newField .input-group-text{background-color:#fff;border:none;padding:0 0.8rem !important}.newField .form-control#password,.newField .form-control#confirmPassword,.newField .form-control#currentPassword,.newField .form-control#newPassword{border-bottom-right-radius:0px !important;border-top-right-radius:0px !important}.newField .form-control#password+button,.newField .form-control#confirmPassword+button,.newField .form-control#currentPassword+button,.newField .form-control#newPassword+button{border:0;background:#fff;display:flex;align-items:center;border-bottom-right-radius:6px !important;border-top-right-radius:6px !important}.newField .form-control:not(textarea){padding:0.5rem 0;border:none;height:58px;font-size:18px;font-family:"open_sanslight";border-top-right-radius:6px !important;border-bottom-right-radius:6px !important;padding-right:15px;background-color:#fff}.newField .form-control:not(textarea)::placeholder{color:#9d9d9d}.newField input:-webkit-autofill,.newField input:-webkit-autofill:hover,.newField input:-webkit-autofill:focus,.newField textarea:-webkit-autofill,.newField textarea:-webkit-autofill:hover,.newField textarea:-webkit-autofill:focus,.newField select:-webkit-autofill,.newField select:-webkit-autofill:hover,.newField select:-webkit-autofill:focus{-webkit-box-shadow:0 0 0px 1000px #fff inset;transition:background-color 5000s ease-in-out 0s}.newField select.form-control{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:#fff url(../images/NewFieldselectArrow.png) right center no-repeat;background-size:12px auto;background-position-x:90%;padding:1rem}.newField select.form-control::-ms-expand{display:none}.newField.input-group-lg .input-group-text{border-top-left-radius:6px;border-bottom-left-radius:6px;left:4px;position:relative}.newField .error-textBlock{flex:0 0 100%}.newField .error-text{position:relative;bottom:auto;left:auto;display:block;padding-top:5px;text-align:left;font-size:13px}.newFieldIcon{background:url(../images/NewFieldIcon.png?V4) center center no-repeat;height:30px;width:28px;display:inline-block;background-size:500px auto}.newFieldIcon-email{background-position:0 0}.newFieldIcon-password{background-position:-27px 0}.newFieldIcon-passwordEye{background-position:-421px 0 !important}.newFieldIcon-passwordEye.showPassword{background-position:-456px 0 !important}.newFieldIcon-name{background-position:-53px 0}.newFieldIcon-referal-code{background-position:-382px 0}.loginModal .loginFormWrap,.loginModal .modal-body{padding:0}.loginModal .close{position:absolute;top:15px;right:15px;z-index:99;opacity:1;background-color:transparent;border:0}.loginModal .close:not(:disabled):not(.disabled):hover,.loginModal .close:not(:disabled):not(.disabled):focus{opacity:1}.loginModal .alert-danger .close{top:0;right:0}.forgetPasswordSuccess{border-radius:10px;background:#f2f8e5;padding:30px;word-break:break-word}.forgetPasswordSuccess h3{font-size:22px}.forgetPasswordSuccess p{font-size:16px;line-height:26px}.forgetPasswordSuccess .backLoginBtn{border:1px solid #d4d4d4;border-radius:10px;padding:15px 0}.forgetPasswordSuccess .backLoginBtn span.wwPrimaryColor{color:#000 !important;font-weight:400 !important}.orLoginWidget hr{border-top:2px solid #d4d4d4}.orLoginWidget span{top:-9px;left:0;right:0;width:max-content;margin:0 auto;padding:0 10px;color:#666;font-family:"open_sanssemibold"}.otpInputWrap .otpBlock input::-webkit-outer-spin-button,.otpInputWrap .otpBlock input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.otpInputWrap .otpBlock input.otpField{width:55px;height:55px;border:1px solid #d4d4d4;border-radius:6px;text-align:center}.resetPasswordWrap{background:#f2f8e5;border-radius:15px}.resetPasswordWrap .resetValidationList li{padding-left:8px}.resetPasswordWrap .resetValidationList .valid::marker{content:"\2714\00A0";color:#3a7d44}.resetPasswordWrap .resetValidationList .invalid::marker{content:"\2716\00A0";color:#dc3545}.resetPasswordWrap .btn-reset-password{border:1px solid #d4d4d4;border-radius:6px;padding:12px 0;font-family:"open_sanssemibold"}.resetPasswordWrap .btn-reset-password span.wwPrimaryColor{color:#000 !important;font-weight:400 !important}.resetDescBlock{max-width:100%;width:460px;background:#f7f7f7;border-radius:10px}.btn-new-link{background:#3a7d44;border:1px solid #3a7d44 !important;border-color:#3a7d44 !important;border-radius:10px;font-family:"open_sanssemibold";font-size:16px;color:#fff;text-align:center;border-radius:10px}.btn-new-link:hover{color:#3a7d44}@media only screen and (max-width: 767px){.loginFormWrap{padding:0;flex-flow:column-reverse}.loginFormWrap .col-sm-12.col-md-6{flex:0 0 100%;max-width:100%;padding:0}.forgetPasswordSuccess{padding:12px}.forgetPasswordSuccess h3{font-size:18px;line-height:24px}.formArea{padding:10px}.formArea .btn-login{display:block;width:100%}.formArea .title{font-size:24px;margin-bottom:30px;font-family:"open_sanssemibold"}.bannerArea,.bannerArea.register{background:url(../images/loginBannerImgMobile.svg) bottom center no-repeat;height:480px;background-size:contain}.bannerAreaFr,.bannerAreaFr.register{background:url(../images/login-banner-fr-mobile.webp) bottom center no-repeat;height:480px;background-size:cover}.loginFormWrap .bannerAreaBlock{display:none}.loginFormWrap .formAreaBlock{flex:0 0 100%;max-width:100%;padding-right:15px !important}.loginModal .close{background:#252525;padding:10px;top:1px;right:1px}.loginModal .modal-content{background:#f2f2f2}.loginModal .modal-body{padding:15px}}.dobBlock .error-textBlock{margin-left:5px}@media only screen and (max-width: 1199px){.formArea{padding:10px}}@media only screen and (max-width: 768px){.loginModal .close{padding:5px;height:25px;width:25px;line-height:14px}}@media only screen and (max-width: 425px){.bannerArea,.bannerArea.register{height:270px}}@media not all and (min-resolution: 0.001dpcm){@supports (-webkit-appearance: none){.bannerArea{height:776px}.bannerArea.register{height:897px}}}@media only screen and (max-width: 767px){.loginform-left-wrapper{min-height:562px}}.loginform-imageWrapper{width:75%}@media only screen and (max-width: 1023px){.loginform-imageWrapper{width:100%}}.loginform-imageWrapper ul{padding:0;list-style-type:none}.loginform-imageWrapper ul li{display:flex;margin-bottom:8px;align-items:start;gap:10px}.loginform-imageWrapper ul li::before{display:inline-block;content:"";width:20px;height:20px;background:transparent url(https://www.weightworld.uk/assets/weightworld/weightworld.uk/images/login-form-check-mark-icon.svg) no-repeat}.loginform-imageWrapper::before{content:"";width:401px;background-image:url(../images/login-page-bottle-images.png);position:absolute;height:322px;right:-37px;background-repeat:no-repeat;bottom:0;background-size:100%}@media only screen and (max-width: 1199px){.loginform-imageWrapper::before{width:282px;height:232px}}@media only screen and (max-width: 991px){.loginform-imageWrapper::before{width:213px;height:172px}}@media only screen and (max-width: 767px){.loginform-imageWrapper::before{width:342px;height:281px}}.formArea .password-toggle{position:absolute;right:1rem;top:50%;transform:translateY(-50%);cursor:pointer;background:transparent;border:none;z-index:9}.formArea .custom-date-piker-ragister input[type="date"]::-webkit-calendar-picker-indicator{opacity:0;position:absolute;right:1rem;width:100%;height:100%;cursor:pointer}.formArea .custom-date-piker-ragister .calendar-icon{position:absolute;top:50%;right:1.3rem;transform:translateY(-50%);cursor:pointer}.formArea .custom-date-piker-ragister input[type="date"]{cursor:pointer}.resetValidationList li{padding-left:8px}.resetValidationList .valid::marker{content:"\2714\00A0";color:#3a7d44}.resetValidationList .invalid::marker{content:"\2716\00A0";color:#dc3545}
