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;
}