div.reset-btn { width: 100%; text-align: right; padding-top: 10px; margin-right: 15px; } div.reset-btn a.ur-reset-button { display: flex; justify-content: flex-end; align-items: center; text-decoration: none; font-weight: 600; color: grey; } div.reset-btn span.dashicons.dashicons-image-rotate { margin-right: 3px; } .ur-button-container { flex-wrap: wrap; } #ur-geolocation-map { height: 400px; width: 100%; } .ur-pro-input-icon-padding { padding-left: 35px !important; } .user-registration-help-tip, .ur-portal-tooltip { color: rgb(102.6654179104, 109.1689023066, 138.4345820896); display: inline-block; font-size: 22px; font-style: normal; height: 16px; line-height: 16px; position: relative; vertical-align: baseline; width: 16px; } .user-registration-help-tip::after, .ur-portal-tooltip::after { font-family: "Dashicons"; speak: none; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; margin: 0; text-indent: 0; position: absolute; top: 0; left: 0; width: 100%; height: 100%; text-align: center; content: "\f223"; cursor: help; } .tooltipster-base .tooltipster-box { background: #383838; padding: 4px 8px; border-radius: 4px; border-color: #383838; text-align: center; font-size: 13px; line-height: 1.4em; } .tooltipster-base .tooltipster-box .tooltipster-content { padding: 2px 0; } .tooltipster-base .tooltipster-arrow .tooltipster-arrow-uncropped .tooltipster-arrow-border { border-bottom-color: #383838; border-top-color: #383838; } .tooltipster-base .tooltipster-arrow .tooltipster-arrow-uncropped .tooltipster-arrow-background { border-bottom-color: #383838; } .ur-user-details-container { min-width: 760px; } .ur-user-details-container .ur-detail-wrapper { background-color: #ffffff; border-radius: 4px; border: 1px solid #E2E2E2; padding: 32px 0; } .ur-user-details-container .ur-detail-wrapper .ur-detail-image { margin-left: 60px; height: 150px; width: 150px; } .ur-user-details-container .ur-detail-wrapper .ur-detail-image img { height: 100%; width: 100%; -o-object-fit: cover; object-fit: cover; border-radius: 100%; border: 2px solid #8990AD; } .ur-user-details-container .ur-info-wrap { margin-top: 32px; display: flex; flex-direction: column; } .ur-user-details-container .ur-info-wrap h3 { font-size: 24px; font-weight: 500; color: #2D3559; margin-left: 60px; margin-bottom: 16px; margin-top: 0; } .ur-user-details-container .ur-info-wrap table { border: none; margin-top: 16px; } .ur-user-details-container .ur-info-wrap table tr { display: block; padding: 0 60px; } .ur-user-details-container .ur-info-wrap table tr:nth-child(even) { background-color: rgba(0, 0, 0, 0.02); } .ur-user-details-container .ur-info-wrap table tr th { text-align: left; vertical-align: middle; width: 200px; color: #4C5477; font-weight: 600; line-height: 1.3; border: none; } .ur-user-details-container .ur-info-wrap table tr td { padding: 16px 0; color: #585858; line-height: 1.3; border: none; } @media only screen and (max-width: 662px) { .ur-user-details-container .ur-info-wrap table tr td { display: block; width: 100%; padding-left: 0.5em; } } #user-registration .ur-frontend-form .user-registration-form-login .ur-form-row .ur-form-grid > div:not(#ur-recaptcha-node) { float: right; display: flex; align-items: center; gap: 20px; } #user-registration .ur-frontend-form .user-registration-form-login .ur-form-row .ur-form-grid > div:not(#ur-recaptcha-node) .user-registration-passwordless-login { margin-bottom: 0; } #user-registration .ur-frontend-form .user-registration-form-login .ur-form-row .ur-form-grid > div:not(#ur-recaptcha-node) .user-registration-Button { float: none; } #user-registration .ur-frontend-form .user-registration-form-login .ur-form-row .ur-form-grid .user-registration-form__label { display: inline-flex; align-items: center; cursor: pointer; } #user-registration .ur-frontend-form .user-registration-form-login .ur-form-row .ur-form-grid .user-registration-form__label .user-registration-form__input-checkbox { cursor: pointer; margin-right: 8px; } .inline { display: inline; } .ur-captcha-math { display: flex; align-items: center; flex-wrap: wrap; } .ur-captcha-math input { flex: 1; margin-bottom: 0 !important; } .user-registration .ur-form-row .ur-form-grid .ur-field-item.field-radio ul.user-registration-image-options, .user-registration .ur-form-row .ur-form-grid .ur-field-item.field-checkbox ul.user-registration-image-options, .user-registration .ur-form-row .ur-form-grid .ur-field-item.field-multiple_choice ul.user-registration-image-options { display: grid; grid-template-columns: repeat(auto-fit, minmax(150px, 1fr)); gap: 16px; margin: 0; padding: 0; } .user-registration .ur-form-row .ur-form-grid .ur-field-item.field-radio ul.user-registration-image-options li, .user-registration .ur-form-row .ur-form-grid .ur-field-item.field-checkbox ul.user-registration-image-options li, .user-registration .ur-form-row .ur-form-grid .ur-field-item.field-multiple_choice ul.user-registration-image-options li { margin-bottom: 0; } .user-registration .ur-form-row .ur-form-grid .ur-field-item.field-radio ul.user-registration-image-options li input[type=radio], .user-registration .ur-form-row .ur-form-grid .ur-field-item.field-radio ul.user-registration-image-options li input[type=checkbox], .user-registration .ur-form-row .ur-form-grid .ur-field-item.field-checkbox ul.user-registration-image-options li input[type=radio], .user-registration .ur-form-row .ur-form-grid .ur-field-item.field-checkbox ul.user-registration-image-options li input[type=checkbox], .user-registration .ur-form-row .ur-form-grid .ur-field-item.field-multiple_choice ul.user-registration-image-options li input[type=radio], .user-registration .ur-form-row .ur-form-grid .ur-field-item.field-multiple_choice ul.user-registration-image-options li input[type=checkbox] { display: none; } .user-registration .ur-form-row .ur-form-grid .ur-field-item.field-radio ul.user-registration-image-options li label, .user-registration .ur-form-row .ur-form-grid .ur-field-item.field-checkbox ul.user-registration-image-options li label, .user-registration .ur-form-row .ur-form-grid .ur-field-item.field-multiple_choice ul.user-registration-image-options li label { display: block; border: 1px solid #cecece; padding: 6px; border-radius: 4px; cursor: pointer; margin: 0; } .user-registration .ur-form-row .ur-form-grid .ur-field-item.field-radio ul.user-registration-image-options li label span, .user-registration .ur-form-row .ur-form-grid .ur-field-item.field-checkbox ul.user-registration-image-options li label span, .user-registration .ur-form-row .ur-form-grid .ur-field-item.field-multiple_choice ul.user-registration-image-options li label span { display: block; margin-bottom: 12px; height: 100px; overflow: hidden; position: relative; border-radius: 2px; } .user-registration .ur-form-row .ur-form-grid .ur-field-item.field-radio ul.user-registration-image-options li label span img, .user-registration .ur-form-row .ur-form-grid .ur-field-item.field-checkbox ul.user-registration-image-options li label span img, .user-registration .ur-form-row .ur-form-grid .ur-field-item.field-multiple_choice ul.user-registration-image-options li label span img { width: 100%; height: 100%; object-fit: cover; border-radius: 2px; transition: all 0.3s ease-in-out; } .user-registration .ur-form-row .ur-form-grid .ur-field-item.field-radio ul.user-registration-image-options li label:hover, .user-registration .ur-form-row .ur-form-grid .ur-field-item.field-checkbox ul.user-registration-image-options li label:hover, .user-registration .ur-form-row .ur-form-grid .ur-field-item.field-multiple_choice ul.user-registration-image-options li label:hover { color: var(--wp--preset--color--vivid-cyan-blue); border-color: var(--wp--preset--color--vivid-cyan-blue); } .user-registration .ur-form-row .ur-form-grid .ur-field-item.field-radio ul.user-registration-image-options li label:hover span::before, .user-registration .ur-form-row .ur-form-grid .ur-field-item.field-checkbox ul.user-registration-image-options li label:hover span::before, .user-registration .ur-form-row .ur-form-grid .ur-field-item.field-multiple_choice ul.user-registration-image-options li label:hover span::before { content: ""; position: absolute; width: 100%; height: 100%; background: #222222; opacity: 0.45; z-index: 1; } .user-registration .ur-form-row .ur-form-grid .ur-field-item.field-radio ul.user-registration-image-options li label:hover span img, .user-registration .ur-form-row .ur-form-grid .ur-field-item.field-checkbox ul.user-registration-image-options li label:hover span img, .user-registration .ur-form-row .ur-form-grid .ur-field-item.field-multiple_choice ul.user-registration-image-options li label:hover span img { transform: scale(1.1); } .user-registration .ur-form-row .ur-form-grid .ur-field-item.field-radio ul.user-registration-image-options li input[type=radio]:checked ~ label, .user-registration .ur-form-row .ur-form-grid .ur-field-item.field-radio ul.user-registration-image-options li input[type=checkbox]:checked ~ label, .user-registration .ur-form-row .ur-form-grid .ur-field-item.field-checkbox ul.user-registration-image-options li input[type=radio]:checked ~ label, .user-registration .ur-form-row .ur-form-grid .ur-field-item.field-checkbox ul.user-registration-image-options li input[type=checkbox]:checked ~ label, .user-registration .ur-form-row .ur-form-grid .ur-field-item.field-multiple_choice ul.user-registration-image-options li input[type=radio]:checked ~ label, .user-registration .ur-form-row .ur-form-grid .ur-field-item.field-multiple_choice ul.user-registration-image-options li input[type=checkbox]:checked ~ label { color: var(--wp--preset--color--vivid-cyan-blue); border-color: var(--wp--preset--color--vivid-cyan-blue); } .user-registration .ur-form-row .ur-form-grid .ur-field-item.field-radio ul.user-registration-image-options li input[type=radio]:checked ~ label span::before, .user-registration .ur-form-row .ur-form-grid .ur-field-item.field-radio ul.user-registration-image-options li input[type=checkbox]:checked ~ label span::before, .user-registration .ur-form-row .ur-form-grid .ur-field-item.field-checkbox ul.user-registration-image-options li input[type=radio]:checked ~ label span::before, .user-registration .ur-form-row .ur-form-grid .ur-field-item.field-checkbox ul.user-registration-image-options li input[type=checkbox]:checked ~ label span::before, .user-registration .ur-form-row .ur-form-grid .ur-field-item.field-multiple_choice ul.user-registration-image-options li input[type=radio]:checked ~ label span::before, .user-registration .ur-form-row .ur-form-grid .ur-field-item.field-multiple_choice ul.user-registration-image-options li input[type=checkbox]:checked ~ label span::before { content: ""; position: absolute; width: 100%; height: 100%; background: #222222; opacity: 0.45; z-index: 1; } .user-registration .ur-form-row .ur-form-grid .ur-field-item.field-radio ul.user-registration-image-options li input[type=radio]:checked ~ label span::after, .user-registration .ur-form-row .ur-form-grid .ur-field-item.field-radio ul.user-registration-image-options li input[type=checkbox]:checked ~ label span::after, .user-registration .ur-form-row .ur-form-grid .ur-field-item.field-checkbox ul.user-registration-image-options li input[type=radio]:checked ~ label span::after, .user-registration .ur-form-row .ur-form-grid .ur-field-item.field-checkbox ul.user-registration-image-options li input[type=checkbox]:checked ~ label span::after, .user-registration .ur-form-row .ur-form-grid .ur-field-item.field-multiple_choice ul.user-registration-image-options li input[type=radio]:checked ~ label span::after, .user-registration .ur-form-row .ur-form-grid .ur-field-item.field-multiple_choice ul.user-registration-image-options li input[type=checkbox]:checked ~ label span::after { content: ""; position: absolute; background: #00be34; border-radius: 1px; width: 12px; height: 12px; top: 8px; right: 8px; z-index: 2; } .user-registration .ur-form-row .ur-form-grid .ur-field-item #coupon-error { display: none; } .user-registration .ur-form-row .ur-form-grid .ur-field-item .coupon-label { display: flex; position: relative; } .user-registration .ur-form-row .ur-form-grid .ur-field-item .coupon-label input { padding: 4px 19px 4px 8px; } .user-registration .ur-form-row .ur-form-grid .ur-field-item .coupon-label span { position: absolute; cursor: pointer; right: 10px; top: 5px; font-weight: 600; } .user-registration .ur-form-row .ur-form-grid .ur-field-item.field-captcha .ur-captcha-image .ur-icon-group { display: flex; align-items: center; gap: 16px; } .user-registration .ur-form-row .ur-form-grid .ur-field-item.field-captcha .ur-captcha-image .ur-icon-wrap > span { padding: 24px; background: #ffffff; border: 1px solid #ececec; display: flex; align-items: center; justify-content: center; border-radius: 4px; cursor: pointer; transition: all 0.3s; } .user-registration .ur-form-row .ur-form-grid .ur-field-item.field-captcha .ur-captcha-image .ur-icon-wrap > span::before { font-size: 26px; } .user-registration .ur-form-row .ur-form-grid .ur-field-item.field-captcha .ur-captcha-image .ur-icon-wrap input[type=radio] { display: none; } .user-registration .ur-form-row .ur-form-grid .ur-field-item.field-captcha .ur-captcha-image .ur-icon-wrap input[type=radio]:checked ~ span { background: var(--wp--preset--color--vivid-cyan-blue); border-color: var(--wp--preset--color--vivid-cyan-blue); } .user-registration .ur-form-row .ur-form-grid .ur-field-item.field-captcha .ur-captcha-image .ur-icon-wrap input[type=radio]:checked ~ span::before { color: #ffffff; } .user-registration .ur-form-row .ur-form-grid .ur-field-item .user_registration_signature_canvas-wrap { position: relative; } .user-registration .ur-form-row .ur-form-grid .ur-field-item .user_registration_signature_canvas-wrap canvas.user-registration-signature-canvas { width: 100%; height: auto; font-size: 14px; outline: none; box-shadow: none; margin-bottom: 10px; padding: 6px 12px; color: #494d50; border: 1px solid #8e98a2; margin-left: 0; margin-right: 0; } .user-registration .ur-form-row .ur-form-grid .ur-field-item .user_registration_signature_canvas-wrap .user-registration-signature-reset { top: 10px; right: 10px; line-height: 1; position: absolute; } .user-registration .ur-form-row .ur-form-grid .ur-field-item .user_registration_signature_canvas-wrap .user-registration-signature-reset .dashicons:hover { color: #ff4f55; } .user-registration .ur-form-row .ur-form-grid .ur-field-item .user-registration-signature-container { width: 40%; height: auto; border: 1px solid #e1e1e1; } .user-registration .ur-form-row .ur-form-grid .ur-field-item.field-authorize_net_gateway .ur-field-row .user-registration-one-half { width: 48%; float: left; margin-left: 4%; } .user-registration .ur-form-row .ur-form-grid .ur-field-item.field-authorize_net_gateway .ur-field-row .user-registration-one-half:first-child { margin-left: 0; } .user-registration .ur-form-row .ur-form-grid .ur-field-item.field-authorize_net_gateway .ur-field-row .user-registration-one-half:last-child .user-registration-field-sub-label { margin-bottom: 0; } .user-registration .ur-form-row .ur-form-grid .ur-field-item.field-authorize_net_gateway .user-registration-sub-label { font-size: 12px; font-weight: 400; margin-bottom: 0; color: #494d50; margin-top: -10px; } .user-registration .ur-form-row .ur-form-grid .ur-field-item.field-authorize_net_gateway .user-registration-ssl-warning { color: red; }