.login{display:flex;flex-flow:wrap}.login .left,.login .right{width:50%}.login .left{padding:30px 10% 135px}.login .right{border-radius:21.76px 0 0 21.76px;overflow:hidden}.login .right img{width:100%;height:990px;-o-object-fit:cover;object-fit:cover}.login .left .content .logo img{margin:0 auto 30px;display:block;max-width:220px}.login .left .content form{background-color:inherit;max-width:490px;margin:0 auto;padding:0}.login .left .content form .icon img{display:block;margin:0 auto 20px;max-width:100%}.login .left .content form h5{font-size:24px;font-weight:700;line-height:29.05px;text-align:center;color:var(--primary)}.login .left .content form h3{font-size:32px;font-weight:700;line-height:38.73px;text-align:center;color:var(--themeColor);margin-bottom:10px}.login .left .content form p{font-size:16px;font-weight:400;line-height:19.36px;text-align:center;color:#444;margin-bottom:40px}.login .left .content form .form-field .field input,.login .left .content form .form-content .form-field .field input{background-color:inherit;padding:24px 20px 8px}.login .left .content form .form-field .field input:not(:-moz-placeholder)~label:not(.error),.login .left .content form .form-content .form-field .field input:not(:-moz-placeholder)~label:not(.error){top:8px;font-size:12px;font-weight:400;line-height:16px;color:var(--primary)}.login .left .content form .form-field .field input:focus~label:not(.error),.login .left .content form .form-field .form-content .field input:focus~label:not(.error),.login .left .content form .form-field .field input:not(:placeholder-shown)~label:not(.error),.login .left .content form .form-content .form-field .field input:not(:placeholder-shown)~label:not(.error){top:8px;font-size:12px;font-weight:400;line-height:16px;color:var(--primary)}.login .left .content form .form-field .field label:not(.error){position:absolute;top:17px;left:20px;transition:all .3s ease-in-out;pointer-events:none;font-size:16px;font-weight:400;line-height:24px;color:#a3a3a3}.login .left .content form .form-field .field label:after{display:none}.login .left .content form .form-field .field input::-moz-placeholder,.login .left .content form .form-field .form-content .field input::-moz-placeholder{color:transparent}.login .left .content form .form-field .field input::placeholder,.login .left .content form .form-field .form-content .field input::placeholder{color:transparent}.login .left .content form .form-field.password{position:relative}.login .left .content form .form-field.password input{padding-right:10%}.login .left .content form .form-field.password .password-icon-show,section.profile-form form .form-field.password .password-icon-show{height:24px;width:24px;background-size:auto;position:absolute;top:50%;transform:translateY(-50%);right:20px;cursor:pointer}.login .left .content form .form-field.password .password-icon-hide,section.profile-form form .form-field.password .password-icon-hide{height:24px;width:24px;background-size:auto;position:absolute;top:55%;transform:translateY(-50%);right:17px;cursor:pointer;background-repeat:no-repeat}.login .left .content form .form-field.password .password-icon-show,section.profile-form form .form-field.password .password-icon-show{background-image:url(/build/assets/eye-DfTVMfCZ.png)}.login .left .content form .form-field.password .password-icon-hide,section.profile-form form .form-field.password .password-icon-hide{background-image:url(/build/assets/eye-close-BEovKPzd.png)}.login .left .content form .links{display:flex;flex-flow:wrap;align-items:center;justify-content:end;margin-bottom:20px}.login .left .content form .links a{font-size:14px;font-weight:500;line-height:24px;text-decoration:none;color:var(--themeColor)}.login .left .content form>.btn,.login .left .content form .form-content>.btn,.login .left .content form .form-content .bottom .btn{width:100%;margin-bottom:20px}.login .left .content form p:last-child{font-size:14px;font-weight:400;line-height:24px;text-align:center;color:#555;margin:0}.login .left .content form p:last-child a{text-decoration:none;color:var(--themeColor)}.login .left .content form .btn-secondary{background-color:inherit}.login-popup .inner .content{min-width:344px;max-width:344px;padding:75px 40px 20px;position:relative}.login-popup .inner .content a{width:100%}.login-popup .inner .content h2{font-size:24px;font-weight:500;line-height:29.05px;color:var(--primary);margin-bottom:20px}.login-popup .inner .content .icon{position:absolute;left:0;right:0;margin:0 auto;top:-50px;border:10px solid var(--white);width:100px;height:100px;border-radius:50px}.login-popup .inner .content .icon svg{width:100%;height:100%}.login .donor-found.form-content .radio label{position:static!important;pointer-events:all!important}.login .donor-found.form-content .radio div span{display:block;color:var(--primary)}.login .donor-found.form-content .radio .checkmark{top:50%;transform:translateY(-50%)}.login .left .register{padding-top:60px}.login .left .content form.register .form-content p{margin-bottom:20px}.login .left .content form.register .form-content .form-field.location{margin-bottom:55px}.login .left .content form.register .form-content .custom-progress-bar{margin-bottom:20px}.login .left .content form.register .form-content .custom-progress-bar h5{font-size:20px;font-weight:500;line-height:24.2px;color:var(--themeColor)}.login .left .content form.register .form-content .custom-progress-bar img{display:block;margin:20px auto 0;max-width:195px}.login .left .content form.register .form-content .form-field .field .select2 .select2-selection__rendered,.login .left .content form.register .form-content .form-field .field .select2 .select2-selection--single{background-color:transparent}.login .left .content form.register .form-content .form-field.date .field label,.login .left .content form.register .form-content .form-field.select .field label{top:8px;font-size:12px;font-weight:400;line-height:16px;color:var(--primary)}.login .left .content form.register .form-content .form-field .field input:required+label:after,.login .left .content form.register .form-content .form-field.select .field label:after{display:inline-block}.login.register .left .content form .form-content>.btn{margin-top:40px}.login .left .content form.register .form-content .form-field.checkboxes{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px}.login .left .content form.register .form-content .field-terms-conditions{display:flex;align-items:center;justify-content:flex-start;margin-bottom:20px}.login .left .content form.register .form-content .field-terms-conditions .checkbox-container{margin-bottom:22px}.login .left .content form.register .form-content .field-terms-conditions div.error{color:red;position:absolute;left:4px;top:18px;font-size:12px;width:200px}.login .left .content form .form-content .message-note{padding:20px;background-color:#edf4ff;border:1px solid var(--themeColor);border-left-width:5px;margin-bottom:60px}.login .left .content form .form-content .message-note .heading-n-icon{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px}.login .left .content form .form-content .message-note .heading-n-icon h3{margin:0;font-size:20px;font-weight:500;line-height:24.2px;color:var(--primary)}.login .left .content form .form-content .message-note p{text-align:left;font-size:14px;font-weight:400;line-height:16.94px;color:var(--primary);margin-bottom:15px}.login .left .content form .form-content .message-note p:last-child{margin:0}.login .left .content form.register .form-content .buttons{display:flex;flex-flow:wrap;align-items:center;justify-content:space-between;margin-bottom:20px}@media screen and (max-width: 1199px){.login .right{display:none}.login .left{width:100%;padding-top:25px;padding-bottom:115px}.login .left .content .logo img{margin-bottom:25px}}@media screen and (max-width: 767px){.login .left{padding:40px 20px 70px}.login .left .content .logo img,.login .left .content form .icon img{margin-bottom:20px}.login .left .content form h5{font-size:16px;font-weight:500;line-height:19.36px}.login .left .content form h3{font-size:24px;font-weight:700;line-height:29.05px;margin-bottom:10px}.login .left .content form p{font-size:14px;font-weight:400;line-height:16.94px;margin-bottom:20px}}#confirmation-screen{width:100%;max-width:100%;margin:0 auto;padding:0;box-sizing:border-box;background-color:transparent!important}.login .left .content,.login .left .content form.register,.login .left .content form.register .form-content{max-width:100%!important;width:100%!important}.confirmation-header{text-align:center;margin-bottom:40px}.confirmation-header h1{font-size:30px;font-weight:500;margin-bottom:5px;color:#333}.portal-name{color:var(--themeColor);font-weight:600}.registration-prompt{font-size:16px;color:#555;margin-bottom:25px}.confirmation-icon{margin:20px auto;width:70px;height:70px}.confirmation-icon svg{width:100%;height:100%}.verified-icon{color:var(--themeColor);width:70px;height:70px}.review-title{font-size:24px;font-weight:500;color:var(--themeColor);margin-top:20px}.white-background-container{background-color:#fff!important;border-radius:8px;box-shadow:0 0 10px #0000000d;padding:15px;margin-bottom:30px;width:100%;box-sizing:border-box}.grid-row{display:flex;margin-bottom:15px;width:100%}.grid-cell{flex:1;padding:0 15px;width:50%;box-sizing:border-box}.grid-cell input[readonly]{background-color:#f8f8f8;cursor:default;border-color:#ddd}.opt-in-options{display:flex;padding-top:15px;padding-bottom:5px}.opt-in-checkbox{margin-right:30px;display:flex;align-items:center}.opt-in-checkbox input[type=checkbox]{margin-right:8px;width:18px;height:18px}.terms-acceptance{margin:25px 0;display:flex;justify-content:flex-start;background-color:transparent!important}.terms-checkbox{display:flex;align-items:center}.terms-checkbox input[type=checkbox]{margin-right:8px;width:18px;height:18px}.terms-checkbox a{color:var(--themeColor);text-decoration:none}.confirmation-actions{display:flex;justify-content:space-between;width:100%;margin:30px 0;background-color:transparent!important}.confirmation-actions .btn-primary{min-width:160px;padding:12px 30px;border-radius:8px;font-weight:500;font-size:16px;cursor:pointer;transition:all .3s ease;background-color:var(--themeColor);color:#fff;border:1px solid var(--themeColor)}.confirmation-actions .btn-primary:hover{opacity:.9}.confirmation-actions x-button#confirmation-edit button,.confirmation-actions button#confirmation-edit,x-button#confirmation-edit button,#confirmation-edit button{color:var(--themeColor)!important}.login-link{text-align:center;margin-top:20px}.login-link a{color:var(--themeColor);text-decoration:none}.required{color:var(--themeColor)}@media (max-width: 768px){.grid-row{flex-direction:column}.grid-cell{margin-bottom:15px;width:100%}.opt-in-options{flex-direction:column}.opt-in-checkbox{margin-bottom:10px}.confirmation-actions{flex-direction:column}.confirmation-actions button{margin-bottom:10px}}