@charset "UTF-8";
/**
* admin.scss
* General User Registration admin styles.
*/
/**
* Imports
*/
/**
* Variables
*/
/**
* Grid breakpoints
*
* Define the minimum dimensions at which your layout will change,
* adapting to different screen sizes, for use in media queries.
**/
/**
* Grid containers
*
* Define the maximum width of `.ur-container` for different screen sizes.
* scss-docs-start container-max-widths
**/
/** Minimum breakpoint width. Null for the smallest (first) breakpoint.
*
* >> breakpoint-min(sm, (xs: 0, sm: 576px, md: 768px, lg: 992px, xl: 1200px))
* 576px
**/
/**
* Variables
*/
/**
* Grid breakpoints
*
* Define the minimum dimensions at which your layout will change,
* adapting to different screen sizes, for use in media queries.
**/
/**
* Grid containers
*
* Define the maximum width of `.ur-container` for different screen sizes.
* scss-docs-start container-max-widths
**/
/**
* Media of at least the minimum breakpoint width. No query for the smallest breakpoint.
* Makes the @content apply to the given breakpoint and wider.
**/
/**
* Grid system
*
* Generate semantic grid columns with these mixins.
**/
/**
* _mixins.scss
* User Registration Mixins
*/
/**
* Display Variations
**/
.ur-d-none {
display: none !important; }
.ur-d-inline {
display: inline !important; }
.ur-d-inline-block {
display: inline-block !important; }
.ur-d-block {
display: block !important; }
.ur-d-table {
display: table !important; }
.ur-d-table-row {
display: table-row !important; }
.ur-d-table-cell {
display: table-cell !important; }
.ur-d-flex {
display: flex !important; }
.ur-d-inline-flex {
display: inline-flex !important; }
@media (min-width: 576px) {
.ur-d-sm-none {
display: none !important; }
.ur-d-sm-inline {
display: inline !important; }
.ur-d-sm-inline-block {
display: inline-block !important; }
.ur-d-sm-block {
display: block !important; }
.ur-d-sm-table {
display: table !important; }
.ur-d-sm-table-row {
display: table-row !important; }
.ur-d-sm-table-cell {
display: table-cell !important; }
.ur-d-sm-flex {
display: flex !important; }
.ur-d-sm-inline-flex {
display: inline-flex !important; } }
@media (min-width: 768px) {
.ur-d-md-none {
display: none !important; }
.ur-d-md-inline {
display: inline !important; }
.ur-d-md-inline-block {
display: inline-block !important; }
.ur-d-md-block {
display: block !important; }
.ur-d-md-table {
display: table !important; }
.ur-d-md-table-row {
display: table-row !important; }
.ur-d-md-table-cell {
display: table-cell !important; }
.ur-d-md-flex {
display: flex !important; }
.ur-d-md-inline-flex {
display: inline-flex !important; } }
@media (min-width: 992px) {
.ur-d-lg-none {
display: none !important; }
.ur-d-lg-inline {
display: inline !important; }
.ur-d-lg-inline-block {
display: inline-block !important; }
.ur-d-lg-block {
display: block !important; }
.ur-d-lg-table {
display: table !important; }
.ur-d-lg-table-row {
display: table-row !important; }
.ur-d-lg-table-cell {
display: table-cell !important; }
.ur-d-lg-flex {
display: flex !important; }
.ur-d-lg-inline-flex {
display: inline-flex !important; } }
@media (min-width: 1200px) {
.ur-d-xl-none {
display: none !important; }
.ur-d-xl-inline {
display: inline !important; }
.ur-d-xl-inline-block {
display: inline-block !important; }
.ur-d-xl-block {
display: block !important; }
.ur-d-xl-table {
display: table !important; }
.ur-d-xl-table-row {
display: table-row !important; }
.ur-d-xl-table-cell {
display: table-cell !important; }
.ur-d-xl-flex {
display: flex !important; }
.ur-d-xl-inline-flex {
display: inline-flex !important; } }
@media (min-width: 1400px) {
.ur-d-xxl-none {
display: none !important; }
.ur-d-xxl-inline {
display: inline !important; }
.ur-d-xxl-inline-block {
display: inline-block !important; }
.ur-d-xxl-block {
display: block !important; }
.ur-d-xxl-table {
display: table !important; }
.ur-d-xxl-table-row {
display: table-row !important; }
.ur-d-xxl-table-cell {
display: table-cell !important; }
.ur-d-xxl-flex {
display: flex !important; }
.ur-d-xxl-inline-flex {
display: inline-flex !important; } }
/**
* Flex variation
*
* Custom styles for additional flex alignment options.
**/
.ur-flex-row {
flex-direction: row !important; }
.ur-flex-column {
flex-direction: column !important; }
.ur-flex-row-reverse {
flex-direction: row-reverse !important; }
.ur-flex-column-reverse {
flex-direction: column-reverse !important; }
.ur-flex-wrap {
flex-wrap: wrap !important; }
.ur-flex-nowrap {
flex-wrap: nowrap !important; }
.ur-flex-wrap-reverse {
flex-wrap: wrap-reverse !important; }
.ur-flex-fill {
flex: 1 1 auto !important; }
.ur-flex-grow-0 {
flex-grow: 0 !important; }
.ur-flex-grow-1 {
flex-grow: 1 !important; }
.ur-flex-shrink-0 {
flex-shrink: 0 !important; }
.ur-flex-shrink-1 {
flex-shrink: 1 !important; }
.ur-justify-content-start {
justify-content: flex-start !important; }
.ur-justify-content-end {
justify-content: flex-end !important; }
.ur-justify-content-center {
justify-content: center !important; }
.ur-justify-content-between {
justify-content: space-between !important; }
.ur-justify-content-around {
justify-content: space-around !important; }
.ur-align-items-start {
align-items: flex-start !important; }
.ur-align-items-end {
align-items: flex-end !important; }
.ur-align-items-center {
align-items: center !important; }
.ur-align-items-baseline {
align-items: baseline !important; }
.ur-align-items-stretch {
align-items: stretch !important; }
.ur-align-content-start {
align-content: flex-start !important; }
.ur-align-content-end {
align-content: flex-end !important; }
.ur-align-content-center {
align-content: center !important; }
.ur-align-content-between {
align-content: space-between !important; }
.ur-align-content-around {
align-content: space-around !important; }
.ur-align-content-stretch {
align-content: stretch !important; }
.ur-align-self-auto {
align-self: auto !important; }
.ur-align-self-start {
align-self: flex-start !important; }
.ur-align-self-end {
align-self: flex-end !important; }
.ur-align-self-center {
align-self: center !important; }
.ur-align-self-baseline {
align-self: baseline !important; }
.ur-align-self-stretch {
align-self: stretch !important; }
@media (min-width: 576px) {
.ur-flex-sm-row {
flex-direction: row !important; }
.ur-flex-sm-column {
flex-direction: column !important; }
.ur-flex-sm-row-reverse {
flex-direction: row-reverse !important; }
.ur-flex-sm-column-reverse {
flex-direction: column-reverse !important; }
.ur-flex-sm-wrap {
flex-wrap: wrap !important; }
.ur-flex-sm-nowrap {
flex-wrap: nowrap !important; }
.ur-flex-sm-wrap-reverse {
flex-wrap: wrap-reverse !important; }
.ur-flex-sm-fill {
flex: 1 1 auto !important; }
.ur-flex-sm-grow-0 {
flex-grow: 0 !important; }
.ur-flex-sm-grow-1 {
flex-grow: 1 !important; }
.ur-flex-sm-shrink-0 {
flex-shrink: 0 !important; }
.ur-flex-sm-shrink-1 {
flex-shrink: 1 !important; }
.ur-justify-content-sm-start {
justify-content: flex-start !important; }
.ur-justify-content-sm-end {
justify-content: flex-end !important; }
.ur-justify-content-sm-center {
justify-content: center !important; }
.ur-justify-content-sm-between {
justify-content: space-between !important; }
.ur-justify-content-sm-around {
justify-content: space-around !important; }
.ur-align-items-sm-start {
align-items: flex-start !important; }
.ur-align-items-sm-end {
align-items: flex-end !important; }
.ur-align-items-sm-center {
align-items: center !important; }
.ur-align-items-sm-baseline {
align-items: baseline !important; }
.ur-align-items-sm-stretch {
align-items: stretch !important; }
.ur-align-content-sm-start {
align-content: flex-start !important; }
.ur-align-content-sm-end {
align-content: flex-end !important; }
.ur-align-content-sm-center {
align-content: center !important; }
.ur-align-content-sm-between {
align-content: space-between !important; }
.ur-align-content-sm-around {
align-content: space-around !important; }
.ur-align-content-sm-stretch {
align-content: stretch !important; }
.ur-align-self-sm-auto {
align-self: auto !important; }
.ur-align-self-sm-start {
align-self: flex-start !important; }
.ur-align-self-sm-end {
align-self: flex-end !important; }
.ur-align-self-sm-center {
align-self: center !important; }
.ur-align-self-sm-baseline {
align-self: baseline !important; }
.ur-align-self-sm-stretch {
align-self: stretch !important; } }
@media (min-width: 768px) {
.ur-flex-md-row {
flex-direction: row !important; }
.ur-flex-md-column {
flex-direction: column !important; }
.ur-flex-md-row-reverse {
flex-direction: row-reverse !important; }
.ur-flex-md-column-reverse {
flex-direction: column-reverse !important; }
.ur-flex-md-wrap {
flex-wrap: wrap !important; }
.ur-flex-md-nowrap {
flex-wrap: nowrap !important; }
.ur-flex-md-wrap-reverse {
flex-wrap: wrap-reverse !important; }
.ur-flex-md-fill {
flex: 1 1 auto !important; }
.ur-flex-md-grow-0 {
flex-grow: 0 !important; }
.ur-flex-md-grow-1 {
flex-grow: 1 !important; }
.ur-flex-md-shrink-0 {
flex-shrink: 0 !important; }
.ur-flex-md-shrink-1 {
flex-shrink: 1 !important; }
.ur-justify-content-md-start {
justify-content: flex-start !important; }
.ur-justify-content-md-end {
justify-content: flex-end !important; }
.ur-justify-content-md-center {
justify-content: center !important; }
.ur-justify-content-md-between {
justify-content: space-between !important; }
.ur-justify-content-md-around {
justify-content: space-around !important; }
.ur-align-items-md-start {
align-items: flex-start !important; }
.ur-align-items-md-end {
align-items: flex-end !important; }
.ur-align-items-md-center {
align-items: center !important; }
.ur-align-items-md-baseline {
align-items: baseline !important; }
.ur-align-items-md-stretch {
align-items: stretch !important; }
.ur-align-content-md-start {
align-content: flex-start !important; }
.ur-align-content-md-end {
align-content: flex-end !important; }
.ur-align-content-md-center {
align-content: center !important; }
.ur-align-content-md-between {
align-content: space-between !important; }
.ur-align-content-md-around {
align-content: space-around !important; }
.ur-align-content-md-stretch {
align-content: stretch !important; }
.ur-align-self-md-auto {
align-self: auto !important; }
.ur-align-self-md-start {
align-self: flex-start !important; }
.ur-align-self-md-end {
align-self: flex-end !important; }
.ur-align-self-md-center {
align-self: center !important; }
.ur-align-self-md-baseline {
align-self: baseline !important; }
.ur-align-self-md-stretch {
align-self: stretch !important; } }
@media (min-width: 992px) {
.ur-flex-lg-row {
flex-direction: row !important; }
.ur-flex-lg-column {
flex-direction: column !important; }
.ur-flex-lg-row-reverse {
flex-direction: row-reverse !important; }
.ur-flex-lg-column-reverse {
flex-direction: column-reverse !important; }
.ur-flex-lg-wrap {
flex-wrap: wrap !important; }
.ur-flex-lg-nowrap {
flex-wrap: nowrap !important; }
.ur-flex-lg-wrap-reverse {
flex-wrap: wrap-reverse !important; }
.ur-flex-lg-fill {
flex: 1 1 auto !important; }
.ur-flex-lg-grow-0 {
flex-grow: 0 !important; }
.ur-flex-lg-grow-1 {
flex-grow: 1 !important; }
.ur-flex-lg-shrink-0 {
flex-shrink: 0 !important; }
.ur-flex-lg-shrink-1 {
flex-shrink: 1 !important; }
.ur-justify-content-lg-start {
justify-content: flex-start !important; }
.ur-justify-content-lg-end {
justify-content: flex-end !important; }
.ur-justify-content-lg-center {
justify-content: center !important; }
.ur-justify-content-lg-between {
justify-content: space-between !important; }
.ur-justify-content-lg-around {
justify-content: space-around !important; }
.ur-align-items-lg-start {
align-items: flex-start !important; }
.ur-align-items-lg-end {
align-items: flex-end !important; }
.ur-align-items-lg-center {
align-items: center !important; }
.ur-align-items-lg-baseline {
align-items: baseline !important; }
.ur-align-items-lg-stretch {
align-items: stretch !important; }
.ur-align-content-lg-start {
align-content: flex-start !important; }
.ur-align-content-lg-end {
align-content: flex-end !important; }
.ur-align-content-lg-center {
align-content: center !important; }
.ur-align-content-lg-between {
align-content: space-between !important; }
.ur-align-content-lg-around {
align-content: space-around !important; }
.ur-align-content-lg-stretch {
align-content: stretch !important; }
.ur-align-self-lg-auto {
align-self: auto !important; }
.ur-align-self-lg-start {
align-self: flex-start !important; }
.ur-align-self-lg-end {
align-self: flex-end !important; }
.ur-align-self-lg-center {
align-self: center !important; }
.ur-align-self-lg-baseline {
align-self: baseline !important; }
.ur-align-self-lg-stretch {
align-self: stretch !important; } }
@media (min-width: 1200px) {
.ur-flex-xl-row {
flex-direction: row !important; }
.ur-flex-xl-column {
flex-direction: column !important; }
.ur-flex-xl-row-reverse {
flex-direction: row-reverse !important; }
.ur-flex-xl-column-reverse {
flex-direction: column-reverse !important; }
.ur-flex-xl-wrap {
flex-wrap: wrap !important; }
.ur-flex-xl-nowrap {
flex-wrap: nowrap !important; }
.ur-flex-xl-wrap-reverse {
flex-wrap: wrap-reverse !important; }
.ur-flex-xl-fill {
flex: 1 1 auto !important; }
.ur-flex-xl-grow-0 {
flex-grow: 0 !important; }
.ur-flex-xl-grow-1 {
flex-grow: 1 !important; }
.ur-flex-xl-shrink-0 {
flex-shrink: 0 !important; }
.ur-flex-xl-shrink-1 {
flex-shrink: 1 !important; }
.ur-justify-content-xl-start {
justify-content: flex-start !important; }
.ur-justify-content-xl-end {
justify-content: flex-end !important; }
.ur-justify-content-xl-center {
justify-content: center !important; }
.ur-justify-content-xl-between {
justify-content: space-between !important; }
.ur-justify-content-xl-around {
justify-content: space-around !important; }
.ur-align-items-xl-start {
align-items: flex-start !important; }
.ur-align-items-xl-end {
align-items: flex-end !important; }
.ur-align-items-xl-center {
align-items: center !important; }
.ur-align-items-xl-baseline {
align-items: baseline !important; }
.ur-align-items-xl-stretch {
align-items: stretch !important; }
.ur-align-content-xl-start {
align-content: flex-start !important; }
.ur-align-content-xl-end {
align-content: flex-end !important; }
.ur-align-content-xl-center {
align-content: center !important; }
.ur-align-content-xl-between {
align-content: space-between !important; }
.ur-align-content-xl-around {
align-content: space-around !important; }
.ur-align-content-xl-stretch {
align-content: stretch !important; }
.ur-align-self-xl-auto {
align-self: auto !important; }
.ur-align-self-xl-start {
align-self: flex-start !important; }
.ur-align-self-xl-end {
align-self: flex-end !important; }
.ur-align-self-xl-center {
align-self: center !important; }
.ur-align-self-xl-baseline {
align-self: baseline !important; }
.ur-align-self-xl-stretch {
align-self: stretch !important; } }
@media (min-width: 1400px) {
.ur-flex-xxl-row {
flex-direction: row !important; }
.ur-flex-xxl-column {
flex-direction: column !important; }
.ur-flex-xxl-row-reverse {
flex-direction: row-reverse !important; }
.ur-flex-xxl-column-reverse {
flex-direction: column-reverse !important; }
.ur-flex-xxl-wrap {
flex-wrap: wrap !important; }
.ur-flex-xxl-nowrap {
flex-wrap: nowrap !important; }
.ur-flex-xxl-wrap-reverse {
flex-wrap: wrap-reverse !important; }
.ur-flex-xxl-fill {
flex: 1 1 auto !important; }
.ur-flex-xxl-grow-0 {
flex-grow: 0 !important; }
.ur-flex-xxl-grow-1 {
flex-grow: 1 !important; }
.ur-flex-xxl-shrink-0 {
flex-shrink: 0 !important; }
.ur-flex-xxl-shrink-1 {
flex-shrink: 1 !important; }
.ur-justify-content-xxl-start {
justify-content: flex-start !important; }
.ur-justify-content-xxl-end {
justify-content: flex-end !important; }
.ur-justify-content-xxl-center {
justify-content: center !important; }
.ur-justify-content-xxl-between {
justify-content: space-between !important; }
.ur-justify-content-xxl-around {
justify-content: space-around !important; }
.ur-align-items-xxl-start {
align-items: flex-start !important; }
.ur-align-items-xxl-end {
align-items: flex-end !important; }
.ur-align-items-xxl-center {
align-items: center !important; }
.ur-align-items-xxl-baseline {
align-items: baseline !important; }
.ur-align-items-xxl-stretch {
align-items: stretch !important; }
.ur-align-content-xxl-start {
align-content: flex-start !important; }
.ur-align-content-xxl-end {
align-content: flex-end !important; }
.ur-align-content-xxl-center {
align-content: center !important; }
.ur-align-content-xxl-between {
align-content: space-between !important; }
.ur-align-content-xxl-around {
align-content: space-around !important; }
.ur-align-content-xxl-stretch {
align-content: stretch !important; }
.ur-align-self-xxl-auto {
align-self: auto !important; }
.ur-align-self-xxl-start {
align-self: flex-start !important; }
.ur-align-self-xxl-end {
align-self: flex-end !important; }
.ur-align-self-xxl-center {
align-self: center !important; }
.ur-align-self-xxl-baseline {
align-self: baseline !important; }
.ur-align-self-xxl-stretch {
align-self: stretch !important; } }
.ur-ml-auto {
margin-left: auto; }
.ur-mr-auto {
margin-left: auto; }
.ur-h2,
.ur-h3,
.ur-h4 {
font-weight: 600 !important; }
.ur-h2 {
font-size: 28px !important; }
.ur-h3 {
font-size: 20px !important; }
.ur-h4 {
font-size: 16px !important; }
.ur-text-center {
text-align: center; }
.ur-text-right {
text-align: right; }
.ur-text-muted {
color: #b6bbcf; }
@font-face {
font-family: "UserRegistration";
src: url("../fonts/UserRegistration.eot?nk6vrg");
src: url("../fonts/UserRegistration.eot?nk6vrg#iefix") format("embedded-opentype"), url("../fonts/UserRegistration.ttf?nk6vrg") format("truetype"), url("../fonts/UserRegistration.woff?nk6vrg") format("woff"), url("../fonts/UserRegistration.svg?nk6vrg#UserRegistration") format("svg");
font-weight: normal;
font-style: normal;
font-display: block; }
@font-face {
font-family: 'UserRegistration';
src: url("../fonts/UserRegistration.eot?v5p6f");
src: url("../fonts/UserRegistration.eot?v5p6f#iefix") format("embedded-opentype"), url("../fonts/UserRegistration.ttf?v5p6f") format("truetype"), url("../fonts/UserRegistration.woff?v5p6f") format("woff"), url("../fonts/UserRegistration.svg?v5p6f#UserRegistration") format("svg");
font-weight: normal;
font-style: normal;
font-display: block; }
[class^="ur-icon-"],
[class*=" ur-icon-"] {
/* use !important to prevent issues with browser extensions that change fonts */
font-family: "UserRegistration" !important;
speak: none;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
line-height: 1;
/* Better Font Rendering =========== */
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale; }
/* Define the Map for $field-icons */
/* For each key in the map, creating own class */
.ur-icon-input-first-name::before {
content: ""; }
.ur-icon-input-last-name::before {
content: ""; }
.ur-icon-input-field::before {
content: ""; }
.ur-icon-input-password::before {
content: ""; }
.ur-icon-input-checkbox::before {
content: ""; }
.ur-icon-radio::before {
content: ""; }
.ur-icon-number::before {
content: ""; }
.ur-icon-phone::before {
content: ""; }
.ur-icon-calendar::before {
content: ""; }
.ur-icon-drop-down::before {
content: ""; }
.ur-icon-textarea::before {
content: ""; }
.ur-icon-email::before {
content: ""; }
.ur-icon-email-secondary::before {
content: ""; }
.ur-icon-email-confirm::before {
content: ""; }
.ur-icon-invite-codes::before {
content: ""; }
.ur-icon-password::before {
content: ""; }
.ur-icon-password-confirm::before {
content: ""; }
.ur-icon-user::before {
content: ""; }
.ur-icon-user-nickname::before {
content: ""; }
.ur-icon-user-display-name::before {
content: ""; }
.ur-icon-user-bio::before {
content: ""; }
.ur-icon-website::before {
content: ""; }
.ur-icon-flag::before {
content: ""; }
.ur-icon-map-one::before {
content: ""; }
.ur-icon-map-two::before {
content: ""; }
.ur-icon-zip-code::before {
content: ""; }
.ur-icon-select2::before {
content: ""; }
.ur-icon-multi-select::before {
content: ""; }
.ur-icon-section-title::before {
content: ""; }
.ur-icon-time-picker::before {
content: ""; }
.ur-icon-state::before {
content: ""; }
.ur-icon-buildings::before {
content: ""; }
.ur-icon-text-editor::before {
content: ""; }
.ur-icon-bill::before {
content: ""; }
.ur-icon-doc::before {
content: ""; }
.ur-icon-file-upload::before {
content: ""; }
.ur-icon-file-dollar::before {
content: ""; }
.ur-icon-code::before {
content: ""; }
.ur-icon-mailchimp::before {
content: ""; }
.ur-icon-credit-card::before {
content: ""; }
.ur-icon-range::before {
content: ""; }
.ur-icon-course::before {
content: ""; }
.ur-icon-mailerlite::before {
content: ""; }
.ur-icon-stripe::before {
content: ""; }
.ur-icon-multichoice::before {
content: ""; }
.ur-icon-subscription-plan::before {
content: ""; }
.ur-icon-total::before {
content: ""; }
.ur-icon-quantity::before {
content: ""; }
.ur-icon-hidden-field::before {
content: ""; }
.ur-icon-captcha-field::before {
content: ""; }
.ur-icon-membership-field::before {
content: ""; }
.ur-icon-coupon-field::before {
content: ""; }
.ur-icon-e-signature::before {
content: ""; }
.ur-icon-authorize-net::before {
content: ""; }
.user-registration-table {
width: 100%;
background: #ffffff;
border-collapse: collapse; }
.user-registration-table__column-md {
width: 40%; }
.user-registration-table__column-sm {
width: 20%; }
.user-registration-table__column-auto {
width: 1%;
white-space: nowrap; }
.user-registration-table__img {
height: 40px;
width: 40px;
border-radius: 4px;
overflow: hidden; }
.user-registration-table caption,
.user-registration-table th,
.user-registration-table td {
padding: 1rem 0.5rem;
text-align: left;
border-bottom: 1px solid #e1e1e1; }
.user-registration-table caption:first-child,
.user-registration-table th:first-child,
.user-registration-table td:first-child {
padding-left: 1rem; }
.user-registration-table caption:last-child,
.user-registration-table th:last-child,
.user-registration-table td:last-child {
padding-right: 1rem; }
.user-registration-table td {
vertical-align: top; }
.user-registration-table caption,
.user-registration-table th {
font-size: 14px;
font-weight: 500; }
.user-registration-table thead th {
background: #fafafc; }
.user-registration-table input,
.user-registration-table select,
.user-registration-table textarea {
width: 100%;
box-shadow: none;
border-radius: 4px; }
.ur-form-group {
margin-bottom: 16px; }
.ur-label {
display: block;
width: 100%;
margin-bottom: 8px;
color: #4c5477;
font-size: 13px;
font-weight: 500;
line-height: 1.25; }
/**
* Form Field
* Set the class name for all input field
**/
.ur-input, .swal2-container .user-registration-swal2-modal .swal2-input {
display: block;
width: 100%;
border: 1px solid #e1e1e1;
border-radius: 4px; }
.user-registration-custom-file {
color: #676d8a;
font-size: 14px;
display: flex;
align-items: center;
position: relative; }
.user-registration-custom-file input {
position: absolute;
z-index: 2;
width: 100%;
margin: 0;
opacity: 0; }
.user-registration-custom-file__label {
display: flex;
align-items: center;
width: 100%;
padding: 2px 2px 2px 8px;
background-color: #ffffff;
border: 1px solid #e1e1e1;
border-radius: 4px;
z-index: 1; }
.user-registration-custom-file__button {
margin-left: auto;
display: inline-block;
background: #676d8a;
color: #ffffff;
padding: 6px 15px;
border-radius: 4px; }
.user-registration-custom-file + .help {
margin-top: 4px; }
.ur-form-field--sm {
width: 80px;
flex: 0 0 80px; }
.user-registration-editable-title {
display: inline-flex;
flex-direction: row-reverse;
position: relative; }
.user-registration-editable-title .user-registration-editable-title__icon {
background: #dee0e9;
color: #4c5477;
width: 32px;
height: 32px;
flex: 0 0 32px;
cursor: pointer;
display: flex;
align-items: center;
justify-content: center;
border-radius: 3px;
margin-bottom: 0; }
.user-registration-editable-title .user-registration-editable-title__icon::after {
content: "";
border-radius: 3px;
position: absolute;
left: 32px;
right: calc(100% - 32px);
height: 32px;
border-radius: 0 3px 3px 0;
transition: all 0.3s ease 0s; }
.user-registration-editable-title .user-registration-editable-title__input {
color: #2d3559;
background: none;
font-size: 16px;
font-weight: 500;
width: auto;
height: 32px;
padding: 4px 8px;
pointer-events: none;
border: 1px solid transparent !important;
border-radius: 0 4px 4px 0;
z-index: 1; }
.user-registration-editable-title .user-registration-editable-title__input.is-editing {
border-color: transparent;
pointer-events: all; }
.user-registration-editable-title .user-registration-editable-title__input.is-editing + .user-registration-editable-title__icon {
color: #ffffff;
background: #475bb2;
border-radius: 3px 0 0 3px; }
.user-registration-editable-title .user-registration-editable-title__input.is-editing + .user-registration-editable-title__icon::after {
top: 0;
right: 0;
border: 1px solid #475bb2; }
.user-registration-editable-title .user-registration-editable-title__input:focus {
box-shadow: none; }
.user-registration-switch {
display: inline-flex;
align-items: center; }
.user-registration-switch input[type="checkbox"] {
display: none; }
.user-registration-switch input[type="checkbox"].user-registration-switch__control {
background: #676d8a;
width: 28px;
height: 18px;
border-radius: 10px;
display: flex;
align-items: center;
flex: 0 0 28px;
margin: 0;
position: relative;
border: 2px solid #676d8a;
transition: 0.1s transform ease;
box-sizing: border-box; }
.user-registration-switch input[type="checkbox"].user-registration-switch__control::before {
content: none; }
.user-registration-switch input[type="checkbox"].user-registration-switch__control::after {
display: inline-block;
content: "";
height: 14px;
width: 14px;
background: #ffffff;
border-radius: 50%;
position: absolute;
transition: 0.1s transform ease; }
.user-registration-switch input[type="checkbox"]:checked {
background: #4CC741;
border-color: #4CC741; }
.user-registration-switch input[type="checkbox"]:checked::after {
transform: translateX(10px); }
.user-registration-switch label {
margin: 0 0 0 8px !important; }
.user-registration input {
border-color: #e1e1e1; }
.user-registration .select2.select2-container {
width: 100% !important; }
.user-registration .select2-results__option .wrap:before {
content: "\2610";
width: 25px;
height: 25px;
padding-right: 10px; }
.user-registration .select2-results__option[data-selected="true"] .wrap:before {
content: "\2714"; }
.user-registration .select2-drop,
.user-registration .select2-dropdown {
z-index: 999999 !important; }
.user-registration .select2-results {
line-height: 1.5em; }
.user-registration .select2-results .select2-results__option,
.user-registration .select2-results .select2-results__group {
margin: 0;
padding: 8px; }
.user-registration .select2-dropdown {
border-color: #dee0e9; }
.user-registration .select2-dropdown--below {
box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1); }
.user-registration .select2-dropdown--above {
box-shadow: 0 -1px 1px rgba(0, 0, 0, 0.1); }
.user-registration .select2-container .select2-selection__rendered.ui-sortable li {
cursor: move; }
.user-registration .select2-container .select2-selection {
border-color: #dee0e9; }
.user-registration .select2-container .select2-search__field {
min-width: 20px; }
.user-registration .select2-container .select2-selection--single {
height: 32px; }
.user-registration .select2-container .select2-selection--single .select2-selection__rendered {
display: block;
line-height: 32px;
padding-right: 24px; }
.user-registration .select2-container .select2-selection--single .select2-selection__arrow {
right: 3px;
height: 30px; }
.user-registration .select2-container .select2-selection--multiple {
min-height: 28px;
border-radius: 4px;
line-height: 1.5;
border: 1px solid #ddd !important;
padding-left: 4px; }
.user-registration .select2-container .select2-selection--multiple li {
margin: 0; }
.user-registration .select2-container .select2-selection--multiple .select2-selection__choice {
padding: 2px 6px; }
.user-registration .select2-container .select2-selection--multiple .select2-selection__rendered {
display: flex;
margin: 0px; }
.user-registration .select2-container .select2-selection--multiple .select2-selection__rendered .select2-selection__choice {
margin: 4px;
line-height: 1.4;
display: flex;
align-items: center;
justify-content: center; }
.user-registration .select2-container .select2-selection--multiple .select2-selection__rendered .select2-selection__choice .select2-selection__choice__remove {
bottom: 0px; }
.user-registration .select2-container .select2-selection__clear {
color: #999;
margin-top: -1px; }
.user-registration .select2-container .select2-search--inline .select2-search__field {
font-family: inherit;
font-size: inherit;
font-weight: inherit;
padding: 3px 0;
margin: 0;
line-height: 1;
min-height: 26px;
height: 32px; }
.user-registration-badge {
display: inline-block;
font-size: 1em;
line-height: 1;
padding: 4px 8px;
border-radius: 10px; }
.user-registration-badge.user-registration-badge--primary {
background: #475bb2;
color: #ffffff; }
.user-registration-badge.user-registration-badge--primary-subtle {
background: #c4cbe7;
color: #475bb2; }
.user-registration-badge.user-registration-badge--secondary {
background: #676d8a;
color: #ffffff; }
.user-registration-badge.user-registration-badge--secondary-subtle {
background: #cbced9;
color: #676d8a; }
.user-registration-badge.user-registration-badge--success {
background: #4CC741;
color: #ffffff; }
.user-registration-badge.user-registration-badge--success-subtle {
background: #cef0cb;
color: #3aa530; }
.user-registration-badge.user-registration-badge--danger {
background: #ff4f55;
color: #ffffff; }
.user-registration-badge.user-registration-badge--danger-subtle {
background: #ffe8e9;
color: #ff4f55; }
.user-registration-badge.user-registration-badge--warning {
background: #ffba00;
color: #ffffff; }
.user-registration-badge.user-registration-badge--warning-subtle {
background: #ffeab3;
color: #b38200; }
.user-registration-badge.user-registration-badge--info {
background: #2ea2cc;
color: #ffffff; }
.user-registration-badge.user-registration-badge--info-subtle {
background: #bce2f0;
color: #2991b7; }
.user-registration button,
.user-registration .button,
.ur-form-container button,
.ur-form-container .button {
transition: all 0.25s ease 0s;
box-shadow: 0 1px 3px rgba(182, 187, 207, 0.15); }
.user-registration button + button,
.user-registration button + .button,
.user-registration .button + button,
.user-registration .button + .button,
.ur-form-container button + button,
.ur-form-container button + .button,
.ur-form-container .button + button,
.ur-form-container .button + .button {
margin-left: 6px; }
.user-registration button.button-icon,
.user-registration .button.button-icon,
.ur-form-container button.button-icon,
.ur-form-container .button.button-icon {
width: 32px;
padding: 0;
text-align: center; }
.user-registration button.button-icon .dashicons,
.user-registration .button.button-icon .dashicons,
.ur-form-container button.button-icon .dashicons,
.ur-form-container .button.button-icon .dashicons {
line-height: 0.9;
vertical-align: middle; }
.user-registration button.button-icon svg,
.user-registration .button.button-icon svg,
.ur-form-container button.button-icon svg,
.ur-form-container .button.button-icon svg {
display: block;
margin: 0 auto; }
.user-registration button.button-icon-round,
.user-registration .button.button-icon-round,
.ur-form-container button.button-icon-round,
.ur-form-container .button.button-icon-round {
border-radius: 50%; }
.user-registration button.is-active,
.user-registration .button.is-active,
.ur-form-container button.is-active,
.ur-form-container .button.is-active {
background: #475bb2;
color: #ffffff;
border-color: #475bb2; }
.user-registration button.is-active:hover, .user-registration button.is-active:active, .user-registration button.is-active:focus,
.user-registration .button.is-active:hover,
.user-registration .button.is-active:active,
.user-registration .button.is-active:focus,
.ur-form-container button.is-active:hover,
.ur-form-container button.is-active:active,
.ur-form-container button.is-active:focus,
.ur-form-container .button.is-active:hover,
.ur-form-container .button.is-active:active,
.ur-form-container .button.is-active:focus {
background: #475bb2;
color: #ffffff;
border-color: #475bb2; }
.user-registration button .ur-spinner,
.user-registration .button .ur-spinner,
.ur-form-container button .ur-spinner,
.ur-form-container .button .ur-spinner {
width: 16px;
height: 16px;
margin-left: 6px;
margin-bottom: 2px;
display: inline-block;
vertical-align: middle; }
.user-registration .button-primary,
.ur-form-container .button-primary {
background: #475bb2;
border-color: #475bb2;
box-shadow: 0 1px 0 #475bb2;
text-shadow: none; }
.user-registration .button-primary:hover, .user-registration .button-primary:active, .user-registration .button-primary:focus,
.ur-form-container .button-primary:hover,
.ur-form-container .button-primary:active,
.ur-form-container .button-primary:focus {
background: #38488e;
border-color: #38488e;
box-shadow: 0 1px 0 #38488e; }
.user-registration .button-primary:disabled,
.ur-form-container .button-primary:disabled {
color: #b2bae0 !important;
background: #697ac3 !important;
border-color: #697ac3 !important; }
.user-registration .button-secondary,
.ur-form-container .button-secondary {
color: #2d3559;
background: #dee0e9;
border-color: #dee0e9;
box-shadow: 0 1px 0 #dee0e9; }
.user-registration .button-secondary:hover, .user-registration .button-secondary:active, .user-registration .button-secondary:focus,
.ur-form-container .button-secondary:hover,
.ur-form-container .button-secondary:active,
.ur-form-container .button-secondary:focus {
color: #2d3559;
background: #b6bbcf;
border-color: #b6bbcf; }
.user-registration .button-tertiary,
.ur-form-container .button-tertiary {
background: #ffffff;
color: #2d3559;
border: 1px solid #e1e1e1; }
.user-registration .button-tertiary:hover, .user-registration .button-tertiary:active, .user-registration .button-tertiary:focus,
.ur-form-container .button-tertiary:hover,
.ur-form-container .button-tertiary:active,
.ur-form-container .button-tertiary:focus {
background: #f0f1f5;
border-color: #e1e1e1; }
.user-registration .button-danger,
.ur-form-container .button-danger {
color: #ffffff;
background: #ff4f55;
border-color: #ff4f55;
box-shadow: 0 1px 0 #ff4f55; }
.user-registration .button-danger:hover, .user-registration .button-danger:active, .user-registration .button-danger:focus,
.ur-form-container .button-danger:hover,
.ur-form-container .button-danger:active,
.ur-form-container .button-danger:focus {
color: #ffffff;
background: #ef363d;
border-color: #ef363d;
box-shadow: 0 1px 0 #ef363d; }
.user-registration-button-group {
position: relative;
display: inline-flex;
vertical-align: middle; }
.user-registration-button-group > button:not(:first-child),
.user-registration-button-group .button:not(:first-child) {
margin-left: -1px;
border-top-left-radius: 0;
border-bottom-left-radius: 0; }
.user-registration-button-group > button:not(:last-child),
.user-registration-button-group .button:not(:last-child) {
border-top-right-radius: 0;
border-bottom-right-radius: 0; }
.user-registration-button-group button,
.user-registration-button-group .button {
margin-right: 0 !important; }
.ur-registered-item.ui-draggable-dragging {
padding: 10px 10px;
line-height: 20px;
background: #475bb2;
color: #ffffff;
text-align: center;
margin-bottom: 7px;
word-break: break-word;
white-space: normal;
width: 200px !important;
z-index: 9; }
.ur-registered-item.ui-draggable-dragging span {
font-size: 14px;
line-height: 20px;
width: auto;
height: auto;
margin-right: 3px; }
.select2-container .ur-select-all-countries-button {
margin: 6px 3px 4px 6px; }
.select2-container .ur-unselect-all-countries-button {
margin: 6px 3px 4px; }
.user-registration-card {
background: #ffffff;
border-radius: 4px;
display: block;
border: 1px solid #e1e1e1; }
.user-registration-card a {
text-decoration: none; }
.user-registration-card__header {
padding: 16px 20px;
border-bottom: 1px solid #e1e1e1; }
.user-registration-card__title {
font-size: 1.25em;
line-height: 1.3;
margin: 0;
font-weight: 600; }
.user-registration-card__body {
padding: 20px; }
.user-registration-list-group {
display: flex;
flex-direction: column;
padding-left: 0;
margin-bottom: 0; }
.user-registration-list-group--flush > .user-registration-list-group__item {
border-width: 0 0 1px; }
.user-registration-list-group--flush > .user-registration-list-group__item:last-child {
border-bottom-width: 0; }
.user-registration-list-group--no-gutter .user-registration-list-group__item {
padding-right: 0;
padding-left: 0; }
.user-registration-list-group__item {
position: relative;
display: block;
padding: 1rem 1.25rem;
background-color: transparent;
border: 1px solid #e1e1e1; }
.user-registration-list-group__item:first-child {
border-top-left-radius: 8px;
border-top-right-radius: 8px; }
.user-registration-page.user-registration-modal-open {
overflow: hidden; }
.user-registration-page.user-registration-modal-open .user-registration-modal {
max-width: 100%; }
.user-registration-modal-link:hover {
cursor: pointer; }
.user-registration-modal {
display: flex;
place-content: center;
position: fixed;
top: 50px;
left: 0;
right: 0;
max-height: 90%;
width: 100%;
margin: 0 auto !important;
overflow-x: hidden;
overflow-y: auto;
z-index: 999; }
.user-registration-modal .user-registration-modal__backdrop {
position: fixed;
left: 0;
top: 0;
background-color: rgba(45, 53, 89, 0.5);
min-width: 100%;
min-height: 100%;
z-index: 1; }
.user-registration-modal .user-registration-modal__content {
background: #ffffff;
position: relative;
width: auto;
margin: 16px;
border-radius: 8px;
z-index: 99999;
box-shadow: 0 3px 25px 0px rgba(45, 53, 89, 0.4); }
@media (min-width: 576px) {
.user-registration-modal .user-registration-modal__content {
max-width: 500px;
margin: auto; } }
@media (min-width: 992px) {
.user-registration-modal .user-registration-modal__content.user-registration-modal__content--xl, .user-registration-modal .user-registration-modal__content.user-registration-modal__content--lg {
max-width: 800px; } }
@media (min-width: 1200px) {
.user-registration-modal .user-registration-modal__content.user-registration-modal__content--xl {
max-width: 1140px; } }
.user-registration-modal .user-registration-modal__header {
display: flex;
padding: 16px;
border-bottom: 1px solid #e1e1e1; }
.user-registration-modal .user-registration-modal__header .user-registration-modal__title {
font-size: 20px;
line-height: 1.4;
margin: 0;
padding: 0; }
.user-registration-modal .user-registration-modal__header .user-registration-modal__close-icon {
position: relative;
display: block;
width: 32px;
height: 32px;
flex: 0 0 32px;
cursor: pointer;
margin-left: auto; }
.user-registration-modal .user-registration-modal__header .user-registration-modal__close-icon::before, .user-registration-modal .user-registration-modal__header .user-registration-modal__close-icon::after {
content: "";
height: 2px;
width: 16px;
display: block;
position: absolute;
top: 50%;
left: 0;
right: 0;
margin: 0 auto;
background: #b6bbcf; }
.user-registration-modal .user-registration-modal__header .user-registration-modal__close-icon::before {
transform: rotate(45deg); }
.user-registration-modal .user-registration-modal__header .user-registration-modal__close-icon::after {
transform: rotate(135deg); }
.user-registration-modal .user-registration-modal__body {
position: relative;
padding: 16px;
max-height: 67vh;
overflow-y: scroll; }
.user-registration-modal .user-registration-modal__body #user-registration,
.user-registration-modal .user-registration-modal__body .user-registration,
.user-registration-modal .user-registration-modal__body .login {
margin: 0;
padding: 0;
border: none; }
.user-registration-modal .user-registration-modal__footer {
padding: 16px;
border-top: 1px solid #e1e1e1; }
.user-registration-modal .user-registration-modal__footer * {
margin: 4px; }
.swal2-container .user-registration-swal2-modal {
padding: 40px; }
.swal2-container .user-registration-swal2-modal .swal2-input {
font-size: 16px; }
.swal2-container .user-registration-swal2-modal .swal2-animate-success-icon [class^="swal2-success-line"],
.swal2-container .user-registration-swal2-modal .swal2-animate-success-icon [class^="swal2-success-circular-line"] {
animation: none; }
.swal2-container .user-registration-swal2-modal .swal2-header .swal2-icon {
width: 56px;
height: 56px;
line-height: 56px;
margin: 0 auto 16px;
border-width: 2px;
border-radius: 50%; }
.swal2-container .user-registration-swal2-modal .swal2-header .swal2-icon .swal2-x-mark [class^="swal2-x-mark-line"] {
height: 3px;
width: 28px;
top: 50%;
left: 0;
right: 0;
margin: 0 auto; }
.swal2-container .user-registration-swal2-modal .swal2-header .swal2-icon .swal2-x-mark [class^="swal2-x-mark-line"][class$="left"] {
transform: translateY(-50%) rotate(45deg); }
.swal2-container .user-registration-swal2-modal .swal2-header .swal2-icon .swal2-x-mark [class^="swal2-x-mark-line"][class$="right"] {
transform: translateY(-50%) rotate(-45deg); }
.swal2-container .user-registration-swal2-modal .swal2-header .swal2-icon.swal2-success [class^="swal2-success-line"] {
height: 3px; }
.swal2-container .user-registration-swal2-modal .swal2-header .swal2-icon.swal2-success [class^="swal2-success-line"][class$="tip"] {
width: 16px;
top: 56%;
left: 10px; }
.swal2-container .user-registration-swal2-modal .swal2-header .swal2-icon.swal2-success [class^="swal2-success-line"][class$="long"] {
top: 47%;
width: 32px;
right: 6px; }
.swal2-container .user-registration-swal2-modal .swal2-header .swal2-icon.swal2-success [class^="swal2-success-circular-line"] {
height: 64px;
width: 32px; }
.swal2-container .user-registration-swal2-modal .swal2-header .swal2-icon.swal2-success [class^="swal2-success-circular-line"][class$="left"] {
top: -75px;
left: 27px; }
.swal2-container .user-registration-swal2-modal .swal2-header .swal2-icon.swal2-success [class^="swal2-success-circular-line"][class$="right"] {
top: -26px;
left: 82px; }
.swal2-container .user-registration-swal2-modal .swal2-header .swal2-icon.swal2-success .swal2-success-ring {
top: -3px;
left: -2px;
border-width: 2px; }
.swal2-container .user-registration-swal2-modal .swal2-header .swal2-icon.swal2-success .swal2-success-fix {
height: 64px;
left: 2px;
right: 0px;
margin: 0 auto;
top: -2px;
bottom: 0;
width: 6px; }
.swal2-container .user-registration-swal2-modal .swal2-header .swal2-icon::before {
font-size: 40px; }
.swal2-container .user-registration-swal2-modal .swal2-header .swal2-title {
color: #2d3559;
font-size: 24px;
flex-wrap: wrap;
margin-bottom: 16px; }
.swal2-container .user-registration-swal2-modal .swal2-header .swal2-title .dashicons {
color: #ff4f55;
font-size: 28px;
width: 56px;
height: 56px;
line-height: 56px;
margin: 0 auto 16px;
border: 2px solid #ff4f55;
border-radius: 50%; }
.swal2-container .user-registration-swal2-modal__title {
line-height: 1.35;
display: block; }
.swal2-container .user-registration-swal2-modal .swal2-content {
color: #4c5477;
font-size: 1em;
line-height: 1.5; }
.swal2-container .user-registration-swal2-modal .swal2-actions button {
margin-top: 0;
margin-bottom: 0; }
.swal2-container .user-registration-swal2-modal--centered .swal2-title {
flex-direction: column; }
.user-registration-modal-open .wp-block-cover {
z-index: 99; }
.ur-nav {
display: flex;
flex-wrap: wrap;
padding-left: 0;
margin-bottom: 0;
list-style: none; }
.ur-nav--tab {
display: flex;
border-bottom: 1px solid #e1e1e1; }
.user-registration_page_user-registration-settings .ur-nav--tab {
padding: 0;
margin: 0 16px;
border-bottom: 0; }
.ur-nav__link {
display: block;
font-weight: 500;
color: #2d3559;
padding: 8px 12px;
text-decoration: none;
border: 1px solid transparent; }
.ur-nav__link:hover, .ur-nav__link:focus {
color: #475bb2; }
.ur-nav__link.is-active {
background-color: #475bb2;
border-color: #e1e1e1 #e1e1e1 #ffffff;
border-radius: 4px 4px 0 0; }
.user-registration_page_user-registration-settings .ur-nav__link {
background-color: transparent;
color: #ffffff;
margin: 0; }
.user-registration_page_user-registration-settings .ur-nav__link.is-active {
background-color: #ffffff;
color: #2d3559;
border-color: #ffffff; }
.ur-scroll-ui {
position: relative;
overflow-x: auto;
overflow-y: hidden;
display: flex;
gap: 20px; }
.ur-scroll-ui__items {
display: flex;
flex-wrap: nowrap;
overflow-x: auto;
overflow-y: hidden;
white-space: nowrap;
scroll-behavior: smooth;
width: 100%; }
.ur-scroll-ui__items::-webkit-scrollbar {
display: none; }
.ur-scroll-ui__item {
display: inline-block;
height: 100%; }
.ur-scroll-ui__scroll-nav {
display: flex;
align-items: center;
justify-content: center;
padding-bottom: 13px; }
.ur-scroll-ui__scroll-nav--backward {
left: 0; }
.ur-scroll-ui__scroll-nav--forward {
right: 0; }
.ur-scroll-ui__scroll-nav__icon {
color: #333;
cursor: pointer;
margin-bottom: 5px; }
.ur-scroll-ui .is-disabled {
display: none; }
.ur-bg-light {
background-color: #f0f1f5; }
.ur-border {
border: 1px solid #e1e1e1 !important; }
.ur-border-top {
border-top: 1px solid #e1e1e1 !important; }
.ur-border-right {
border-right: 1px solid #e1e1e1 !important; }
.ur-border-bottom {
border-bottom: 1px solid #e1e1e1 !important; }
.ur-border-left {
border-left: 1px solid #e1e1e1 !important; }
.ur-border-0 {
border: 0 !important; }
.ur-border-top-0 {
border-top: 0 !important; }
.ur-border-right-0 {
border-right: 0 !important; }
.ur-border-bottom-0 {
border-bottom: 0 !important; }
.ur-border-left-0 {
border-left: 0 !important; }
.ur-m-0 {
margin: 0 !important; }
.ur-mt-0,
.ur-my-0 {
margin-top: 0 !important; }
.ur-mr-0,
.ur-mx-0 {
margin-right: 0 !important; }
.ur-mb-0,
.ur-my-0 {
margin-bottom: 0 !important; }
.ur-ml-0,
.ur-mx-0 {
margin-left: 0 !important; }
.ur-m-1 {
margin: 4px !important; }
.ur-mt-1,
.ur-my-1 {
margin-top: 4px !important; }
.ur-mr-1,
.ur-mx-1 {
margin-right: 4px !important; }
.ur-mb-1,
.ur-my-1 {
margin-bottom: 4px !important; }
.ur-ml-1,
.ur-mx-1 {
margin-left: 4px !important; }
.ur-m-2 {
margin: 8px !important; }
.ur-mt-2,
.ur-my-2 {
margin-top: 8px !important; }
.ur-mr-2,
.ur-mx-2 {
margin-right: 8px !important; }
.ur-mb-2,
.ur-my-2 {
margin-bottom: 8px !important; }
.ur-ml-2,
.ur-mx-2 {
margin-left: 8px !important; }
.ur-m-3 {
margin: 12px !important; }
.ur-mt-3,
.ur-my-3 {
margin-top: 12px !important; }
.ur-mr-3,
.ur-mx-3 {
margin-right: 12px !important; }
.ur-mb-3,
.ur-my-3 {
margin-bottom: 12px !important; }
.ur-ml-3,
.ur-mx-3 {
margin-left: 12px !important; }
.ur-m-4 {
margin: 16px !important; }
.ur-mt-4,
.ur-my-4 {
margin-top: 16px !important; }
.ur-mr-4,
.ur-mx-4 {
margin-right: 16px !important; }
.ur-mb-4,
.ur-my-4 {
margin-bottom: 16px !important; }
.ur-ml-4,
.ur-mx-4 {
margin-left: 16px !important; }
.ur-m-5 {
margin: 20px !important; }
.ur-mt-5,
.ur-my-5 {
margin-top: 20px !important; }
.ur-mr-5,
.ur-mx-5 {
margin-right: 20px !important; }
.ur-mb-5,
.ur-my-5 {
margin-bottom: 20px !important; }
.ur-ml-5,
.ur-mx-5 {
margin-left: 20px !important; }
.ur-m-6 {
margin: 24px !important; }
.ur-mt-6,
.ur-my-6 {
margin-top: 24px !important; }
.ur-mr-6,
.ur-mx-6 {
margin-right: 24px !important; }
.ur-mb-6,
.ur-my-6 {
margin-bottom: 24px !important; }
.ur-ml-6,
.ur-mx-6 {
margin-left: 24px !important; }
.ur-m-7 {
margin: 28px !important; }
.ur-mt-7,
.ur-my-7 {
margin-top: 28px !important; }
.ur-mr-7,
.ur-mx-7 {
margin-right: 28px !important; }
.ur-mb-7,
.ur-my-7 {
margin-bottom: 28px !important; }
.ur-ml-7,
.ur-mx-7 {
margin-left: 28px !important; }
.ur-m-8 {
margin: 32px !important; }
.ur-mt-8,
.ur-my-8 {
margin-top: 32px !important; }
.ur-mr-8,
.ur-mx-8 {
margin-right: 32px !important; }
.ur-mb-8,
.ur-my-8 {
margin-bottom: 32px !important; }
.ur-ml-8,
.ur-mx-8 {
margin-left: 32px !important; }
.ur-p-0 {
padding: 0 !important; }
.ur-pt-0,
.ur-py-0 {
padding-top: 0 !important; }
.ur-pr-0,
.ur-px-0 {
padding-right: 0 !important; }
.ur-pb-0,
.ur-py-0 {
padding-bottom: 0 !important; }
.ur-pl-0,
.ur-px-0 {
padding-left: 0 !important; }
.ur-p-1 {
padding: 4px !important; }
.ur-pt-1,
.ur-py-1 {
padding-top: 4px !important; }
.ur-pr-1,
.ur-px-1 {
padding-right: 4px !important; }
.ur-pb-1,
.ur-py-1 {
padding-bottom: 4px !important; }
.ur-pl-1,
.ur-px-1 {
padding-left: 4px !important; }
.ur-p-2 {
padding: 8px !important; }
.ur-pt-2,
.ur-py-2 {
padding-top: 8px !important; }
.ur-pr-2,
.ur-px-2 {
padding-right: 8px !important; }
.ur-pb-2,
.ur-py-2 {
padding-bottom: 8px !important; }
.ur-pl-2,
.ur-px-2 {
padding-left: 8px !important; }
.ur-p-3 {
padding: 12px !important; }
.ur-pt-3,
.ur-py-3 {
padding-top: 12px !important; }
.ur-pr-3,
.ur-px-3 {
padding-right: 12px !important; }
.ur-pb-3,
.ur-py-3 {
padding-bottom: 12px !important; }
.ur-pl-3,
.ur-px-3 {
padding-left: 12px !important; }
.ur-p-4 {
padding: 16px !important; }
.ur-pt-4,
.ur-py-4 {
padding-top: 16px !important; }
.ur-pr-4,
.ur-px-4 {
padding-right: 16px !important; }
.ur-pb-4,
.ur-py-4 {
padding-bottom: 16px !important; }
.ur-pl-4,
.ur-px-4 {
padding-left: 16px !important; }
.ur-p-5 {
padding: 20px !important; }
.ur-pt-5,
.ur-py-5 {
padding-top: 20px !important; }
.ur-pr-5,
.ur-px-5 {
padding-right: 20px !important; }
.ur-pb-5,
.ur-py-5 {
padding-bottom: 20px !important; }
.ur-pl-5,
.ur-px-5 {
padding-left: 20px !important; }
.ur-p-6 {
padding: 24px !important; }
.ur-pt-6,
.ur-py-6 {
padding-top: 24px !important; }
.ur-pr-6,
.ur-px-6 {
padding-right: 24px !important; }
.ur-pb-6,
.ur-py-6 {
padding-bottom: 24px !important; }
.ur-pl-6,
.ur-px-6 {
padding-left: 24px !important; }
.ur-p-7 {
padding: 28px !important; }
.ur-pt-7,
.ur-py-7 {
padding-top: 28px !important; }
.ur-pr-7,
.ur-px-7 {
padding-right: 28px !important; }
.ur-pb-7,
.ur-py-7 {
padding-bottom: 28px !important; }
.ur-pl-7,
.ur-px-7 {
padding-left: 28px !important; }
.ur-p-8 {
padding: 32px !important; }
.ur-pt-8,
.ur-py-8 {
padding-top: 32px !important; }
.ur-pr-8,
.ur-px-8 {
padding-right: 32px !important; }
.ur-pb-8,
.ur-py-8 {
padding-bottom: 32px !important; }
.ur-pl-8,
.ur-px-8 {
padding-left: 32px !important; }
.ur-m-n1 {
margin: -4px !important; }
.ur-mt-n1,
.ur-my-n1 {
margin-top: -4px !important; }
.ur-mr-n1,
.ur-mx-n1 {
margin-right: -4px !important; }
.ur-mb-n1,
.ur-my-n1 {
margin-bottom: -4px !important; }
.ur-ml-n1,
.ur-mx-n1 {
margin-left: -4px !important; }
.ur-m-n2 {
margin: -8px !important; }
.ur-mt-n2,
.ur-my-n2 {
margin-top: -8px !important; }
.ur-mr-n2,
.ur-mx-n2 {
margin-right: -8px !important; }
.ur-mb-n2,
.ur-my-n2 {
margin-bottom: -8px !important; }
.ur-ml-n2,
.ur-mx-n2 {
margin-left: -8px !important; }
.ur-m-n3 {
margin: -12px !important; }
.ur-mt-n3,
.ur-my-n3 {
margin-top: -12px !important; }
.ur-mr-n3,
.ur-mx-n3 {
margin-right: -12px !important; }
.ur-mb-n3,
.ur-my-n3 {
margin-bottom: -12px !important; }
.ur-ml-n3,
.ur-mx-n3 {
margin-left: -12px !important; }
.ur-m-n4 {
margin: -16px !important; }
.ur-mt-n4,
.ur-my-n4 {
margin-top: -16px !important; }
.ur-mr-n4,
.ur-mx-n4 {
margin-right: -16px !important; }
.ur-mb-n4,
.ur-my-n4 {
margin-bottom: -16px !important; }
.ur-ml-n4,
.ur-mx-n4 {
margin-left: -16px !important; }
.ur-m-n5 {
margin: -20px !important; }
.ur-mt-n5,
.ur-my-n5 {
margin-top: -20px !important; }
.ur-mr-n5,
.ur-mx-n5 {
margin-right: -20px !important; }
.ur-mb-n5,
.ur-my-n5 {
margin-bottom: -20px !important; }
.ur-ml-n5,
.ur-mx-n5 {
margin-left: -20px !important; }
.ur-m-n6 {
margin: -24px !important; }
.ur-mt-n6,
.ur-my-n6 {
margin-top: -24px !important; }
.ur-mr-n6,
.ur-mx-n6 {
margin-right: -24px !important; }
.ur-mb-n6,
.ur-my-n6 {
margin-bottom: -24px !important; }
.ur-ml-n6,
.ur-mx-n6 {
margin-left: -24px !important; }
.ur-m-n7 {
margin: -28px !important; }
.ur-mt-n7,
.ur-my-n7 {
margin-top: -28px !important; }
.ur-mr-n7,
.ur-mx-n7 {
margin-right: -28px !important; }
.ur-mb-n7,
.ur-my-n7 {
margin-bottom: -28px !important; }
.ur-ml-n7,
.ur-mx-n7 {
margin-left: -28px !important; }
.ur-m-n8 {
margin: -32px !important; }
.ur-mt-n8,
.ur-my-n8 {
margin-top: -32px !important; }
.ur-mr-n8,
.ur-mx-n8 {
margin-right: -32px !important; }
.ur-mb-n8,
.ur-my-n8 {
margin-bottom: -32px !important; }
.ur-ml-n8,
.ur-mx-n8 {
margin-left: -32px !important; }
.ur-m-auto {
margin: auto !important; }
.ur-mt-auto,
.ur-my-auto {
margin-top: auto !important; }
.ur-mr-auto,
.ur-mx-auto {
margin-right: auto !important; }
.ur-mb-auto,
.ur-my-auto {
margin-bottom: auto !important; }
.ur-ml-auto,
.ur-mx-auto {
margin-left: auto !important; }
@media (min-width: 576px) {
.ur-m-sm-0 {
margin: 0 !important; }
.ur-mt-sm-0,
.ur-my-sm-0 {
margin-top: 0 !important; }
.ur-mr-sm-0,
.ur-mx-sm-0 {
margin-right: 0 !important; }
.ur-mb-sm-0,
.ur-my-sm-0 {
margin-bottom: 0 !important; }
.ur-ml-sm-0,
.ur-mx-sm-0 {
margin-left: 0 !important; }
.ur-m-sm-1 {
margin: 4px !important; }
.ur-mt-sm-1,
.ur-my-sm-1 {
margin-top: 4px !important; }
.ur-mr-sm-1,
.ur-mx-sm-1 {
margin-right: 4px !important; }
.ur-mb-sm-1,
.ur-my-sm-1 {
margin-bottom: 4px !important; }
.ur-ml-sm-1,
.ur-mx-sm-1 {
margin-left: 4px !important; }
.ur-m-sm-2 {
margin: 8px !important; }
.ur-mt-sm-2,
.ur-my-sm-2 {
margin-top: 8px !important; }
.ur-mr-sm-2,
.ur-mx-sm-2 {
margin-right: 8px !important; }
.ur-mb-sm-2,
.ur-my-sm-2 {
margin-bottom: 8px !important; }
.ur-ml-sm-2,
.ur-mx-sm-2 {
margin-left: 8px !important; }
.ur-m-sm-3 {
margin: 12px !important; }
.ur-mt-sm-3,
.ur-my-sm-3 {
margin-top: 12px !important; }
.ur-mr-sm-3,
.ur-mx-sm-3 {
margin-right: 12px !important; }
.ur-mb-sm-3,
.ur-my-sm-3 {
margin-bottom: 12px !important; }
.ur-ml-sm-3,
.ur-mx-sm-3 {
margin-left: 12px !important; }
.ur-m-sm-4 {
margin: 16px !important; }
.ur-mt-sm-4,
.ur-my-sm-4 {
margin-top: 16px !important; }
.ur-mr-sm-4,
.ur-mx-sm-4 {
margin-right: 16px !important; }
.ur-mb-sm-4,
.ur-my-sm-4 {
margin-bottom: 16px !important; }
.ur-ml-sm-4,
.ur-mx-sm-4 {
margin-left: 16px !important; }
.ur-m-sm-5 {
margin: 20px !important; }
.ur-mt-sm-5,
.ur-my-sm-5 {
margin-top: 20px !important; }
.ur-mr-sm-5,
.ur-mx-sm-5 {
margin-right: 20px !important; }
.ur-mb-sm-5,
.ur-my-sm-5 {
margin-bottom: 20px !important; }
.ur-ml-sm-5,
.ur-mx-sm-5 {
margin-left: 20px !important; }
.ur-m-sm-6 {
margin: 24px !important; }
.ur-mt-sm-6,
.ur-my-sm-6 {
margin-top: 24px !important; }
.ur-mr-sm-6,
.ur-mx-sm-6 {
margin-right: 24px !important; }
.ur-mb-sm-6,
.ur-my-sm-6 {
margin-bottom: 24px !important; }
.ur-ml-sm-6,
.ur-mx-sm-6 {
margin-left: 24px !important; }
.ur-m-sm-7 {
margin: 28px !important; }
.ur-mt-sm-7,
.ur-my-sm-7 {
margin-top: 28px !important; }
.ur-mr-sm-7,
.ur-mx-sm-7 {
margin-right: 28px !important; }
.ur-mb-sm-7,
.ur-my-sm-7 {
margin-bottom: 28px !important; }
.ur-ml-sm-7,
.ur-mx-sm-7 {
margin-left: 28px !important; }
.ur-m-sm-8 {
margin: 32px !important; }
.ur-mt-sm-8,
.ur-my-sm-8 {
margin-top: 32px !important; }
.ur-mr-sm-8,
.ur-mx-sm-8 {
margin-right: 32px !important; }
.ur-mb-sm-8,
.ur-my-sm-8 {
margin-bottom: 32px !important; }
.ur-ml-sm-8,
.ur-mx-sm-8 {
margin-left: 32px !important; }
.ur-p-sm-0 {
padding: 0 !important; }
.ur-pt-sm-0,
.ur-py-sm-0 {
padding-top: 0 !important; }
.ur-pr-sm-0,
.ur-px-sm-0 {
padding-right: 0 !important; }
.ur-pb-sm-0,
.ur-py-sm-0 {
padding-bottom: 0 !important; }
.ur-pl-sm-0,
.ur-px-sm-0 {
padding-left: 0 !important; }
.ur-p-sm-1 {
padding: 4px !important; }
.ur-pt-sm-1,
.ur-py-sm-1 {
padding-top: 4px !important; }
.ur-pr-sm-1,
.ur-px-sm-1 {
padding-right: 4px !important; }
.ur-pb-sm-1,
.ur-py-sm-1 {
padding-bottom: 4px !important; }
.ur-pl-sm-1,
.ur-px-sm-1 {
padding-left: 4px !important; }
.ur-p-sm-2 {
padding: 8px !important; }
.ur-pt-sm-2,
.ur-py-sm-2 {
padding-top: 8px !important; }
.ur-pr-sm-2,
.ur-px-sm-2 {
padding-right: 8px !important; }
.ur-pb-sm-2,
.ur-py-sm-2 {
padding-bottom: 8px !important; }
.ur-pl-sm-2,
.ur-px-sm-2 {
padding-left: 8px !important; }
.ur-p-sm-3 {
padding: 12px !important; }
.ur-pt-sm-3,
.ur-py-sm-3 {
padding-top: 12px !important; }
.ur-pr-sm-3,
.ur-px-sm-3 {
padding-right: 12px !important; }
.ur-pb-sm-3,
.ur-py-sm-3 {
padding-bottom: 12px !important; }
.ur-pl-sm-3,
.ur-px-sm-3 {
padding-left: 12px !important; }
.ur-p-sm-4 {
padding: 16px !important; }
.ur-pt-sm-4,
.ur-py-sm-4 {
padding-top: 16px !important; }
.ur-pr-sm-4,
.ur-px-sm-4 {
padding-right: 16px !important; }
.ur-pb-sm-4,
.ur-py-sm-4 {
padding-bottom: 16px !important; }
.ur-pl-sm-4,
.ur-px-sm-4 {
padding-left: 16px !important; }
.ur-p-sm-5 {
padding: 20px !important; }
.ur-pt-sm-5,
.ur-py-sm-5 {
padding-top: 20px !important; }
.ur-pr-sm-5,
.ur-px-sm-5 {
padding-right: 20px !important; }
.ur-pb-sm-5,
.ur-py-sm-5 {
padding-bottom: 20px !important; }
.ur-pl-sm-5,
.ur-px-sm-5 {
padding-left: 20px !important; }
.ur-p-sm-6 {
padding: 24px !important; }
.ur-pt-sm-6,
.ur-py-sm-6 {
padding-top: 24px !important; }
.ur-pr-sm-6,
.ur-px-sm-6 {
padding-right: 24px !important; }
.ur-pb-sm-6,
.ur-py-sm-6 {
padding-bottom: 24px !important; }
.ur-pl-sm-6,
.ur-px-sm-6 {
padding-left: 24px !important; }
.ur-p-sm-7 {
padding: 28px !important; }
.ur-pt-sm-7,
.ur-py-sm-7 {
padding-top: 28px !important; }
.ur-pr-sm-7,
.ur-px-sm-7 {
padding-right: 28px !important; }
.ur-pb-sm-7,
.ur-py-sm-7 {
padding-bottom: 28px !important; }
.ur-pl-sm-7,
.ur-px-sm-7 {
padding-left: 28px !important; }
.ur-p-sm-8 {
padding: 32px !important; }
.ur-pt-sm-8,
.ur-py-sm-8 {
padding-top: 32px !important; }
.ur-pr-sm-8,
.ur-px-sm-8 {
padding-right: 32px !important; }
.ur-pb-sm-8,
.ur-py-sm-8 {
padding-bottom: 32px !important; }
.ur-pl-sm-8,
.ur-px-sm-8 {
padding-left: 32px !important; }
.ur-m-sm-n1 {
margin: -4px !important; }
.ur-mt-sm-n1,
.ur-my-sm-n1 {
margin-top: -4px !important; }
.ur-mr-sm-n1,
.ur-mx-sm-n1 {
margin-right: -4px !important; }
.ur-mb-sm-n1,
.ur-my-sm-n1 {
margin-bottom: -4px !important; }
.ur-ml-sm-n1,
.ur-mx-sm-n1 {
margin-left: -4px !important; }
.ur-m-sm-n2 {
margin: -8px !important; }
.ur-mt-sm-n2,
.ur-my-sm-n2 {
margin-top: -8px !important; }
.ur-mr-sm-n2,
.ur-mx-sm-n2 {
margin-right: -8px !important; }
.ur-mb-sm-n2,
.ur-my-sm-n2 {
margin-bottom: -8px !important; }
.ur-ml-sm-n2,
.ur-mx-sm-n2 {
margin-left: -8px !important; }
.ur-m-sm-n3 {
margin: -12px !important; }
.ur-mt-sm-n3,
.ur-my-sm-n3 {
margin-top: -12px !important; }
.ur-mr-sm-n3,
.ur-mx-sm-n3 {
margin-right: -12px !important; }
.ur-mb-sm-n3,
.ur-my-sm-n3 {
margin-bottom: -12px !important; }
.ur-ml-sm-n3,
.ur-mx-sm-n3 {
margin-left: -12px !important; }
.ur-m-sm-n4 {
margin: -16px !important; }
.ur-mt-sm-n4,
.ur-my-sm-n4 {
margin-top: -16px !important; }
.ur-mr-sm-n4,
.ur-mx-sm-n4 {
margin-right: -16px !important; }
.ur-mb-sm-n4,
.ur-my-sm-n4 {
margin-bottom: -16px !important; }
.ur-ml-sm-n4,
.ur-mx-sm-n4 {
margin-left: -16px !important; }
.ur-m-sm-n5 {
margin: -20px !important; }
.ur-mt-sm-n5,
.ur-my-sm-n5 {
margin-top: -20px !important; }
.ur-mr-sm-n5,
.ur-mx-sm-n5 {
margin-right: -20px !important; }
.ur-mb-sm-n5,
.ur-my-sm-n5 {
margin-bottom: -20px !important; }
.ur-ml-sm-n5,
.ur-mx-sm-n5 {
margin-left: -20px !important; }
.ur-m-sm-n6 {
margin: -24px !important; }
.ur-mt-sm-n6,
.ur-my-sm-n6 {
margin-top: -24px !important; }
.ur-mr-sm-n6,
.ur-mx-sm-n6 {
margin-right: -24px !important; }
.ur-mb-sm-n6,
.ur-my-sm-n6 {
margin-bottom: -24px !important; }
.ur-ml-sm-n6,
.ur-mx-sm-n6 {
margin-left: -24px !important; }
.ur-m-sm-n7 {
margin: -28px !important; }
.ur-mt-sm-n7,
.ur-my-sm-n7 {
margin-top: -28px !important; }
.ur-mr-sm-n7,
.ur-mx-sm-n7 {
margin-right: -28px !important; }
.ur-mb-sm-n7,
.ur-my-sm-n7 {
margin-bottom: -28px !important; }
.ur-ml-sm-n7,
.ur-mx-sm-n7 {
margin-left: -28px !important; }
.ur-m-sm-n8 {
margin: -32px !important; }
.ur-mt-sm-n8,
.ur-my-sm-n8 {
margin-top: -32px !important; }
.ur-mr-sm-n8,
.ur-mx-sm-n8 {
margin-right: -32px !important; }
.ur-mb-sm-n8,
.ur-my-sm-n8 {
margin-bottom: -32px !important; }
.ur-ml-sm-n8,
.ur-mx-sm-n8 {
margin-left: -32px !important; }
.ur-m-sm-auto {
margin: auto !important; }
.ur-mt-sm-auto,
.ur-my-sm-auto {
margin-top: auto !important; }
.ur-mr-sm-auto,
.ur-mx-sm-auto {
margin-right: auto !important; }
.ur-mb-sm-auto,
.ur-my-sm-auto {
margin-bottom: auto !important; }
.ur-ml-sm-auto,
.ur-mx-sm-auto {
margin-left: auto !important; } }
@media (min-width: 768px) {
.ur-m-md-0 {
margin: 0 !important; }
.ur-mt-md-0,
.ur-my-md-0 {
margin-top: 0 !important; }
.ur-mr-md-0,
.ur-mx-md-0 {
margin-right: 0 !important; }
.ur-mb-md-0,
.ur-my-md-0 {
margin-bottom: 0 !important; }
.ur-ml-md-0,
.ur-mx-md-0 {
margin-left: 0 !important; }
.ur-m-md-1 {
margin: 4px !important; }
.ur-mt-md-1,
.ur-my-md-1 {
margin-top: 4px !important; }
.ur-mr-md-1,
.ur-mx-md-1 {
margin-right: 4px !important; }
.ur-mb-md-1,
.ur-my-md-1 {
margin-bottom: 4px !important; }
.ur-ml-md-1,
.ur-mx-md-1 {
margin-left: 4px !important; }
.ur-m-md-2 {
margin: 8px !important; }
.ur-mt-md-2,
.ur-my-md-2 {
margin-top: 8px !important; }
.ur-mr-md-2,
.ur-mx-md-2 {
margin-right: 8px !important; }
.ur-mb-md-2,
.ur-my-md-2 {
margin-bottom: 8px !important; }
.ur-ml-md-2,
.ur-mx-md-2 {
margin-left: 8px !important; }
.ur-m-md-3 {
margin: 12px !important; }
.ur-mt-md-3,
.ur-my-md-3 {
margin-top: 12px !important; }
.ur-mr-md-3,
.ur-mx-md-3 {
margin-right: 12px !important; }
.ur-mb-md-3,
.ur-my-md-3 {
margin-bottom: 12px !important; }
.ur-ml-md-3,
.ur-mx-md-3 {
margin-left: 12px !important; }
.ur-m-md-4 {
margin: 16px !important; }
.ur-mt-md-4,
.ur-my-md-4 {
margin-top: 16px !important; }
.ur-mr-md-4,
.ur-mx-md-4 {
margin-right: 16px !important; }
.ur-mb-md-4,
.ur-my-md-4 {
margin-bottom: 16px !important; }
.ur-ml-md-4,
.ur-mx-md-4 {
margin-left: 16px !important; }
.ur-m-md-5 {
margin: 20px !important; }
.ur-mt-md-5,
.ur-my-md-5 {
margin-top: 20px !important; }
.ur-mr-md-5,
.ur-mx-md-5 {
margin-right: 20px !important; }
.ur-mb-md-5,
.ur-my-md-5 {
margin-bottom: 20px !important; }
.ur-ml-md-5,
.ur-mx-md-5 {
margin-left: 20px !important; }
.ur-m-md-6 {
margin: 24px !important; }
.ur-mt-md-6,
.ur-my-md-6 {
margin-top: 24px !important; }
.ur-mr-md-6,
.ur-mx-md-6 {
margin-right: 24px !important; }
.ur-mb-md-6,
.ur-my-md-6 {
margin-bottom: 24px !important; }
.ur-ml-md-6,
.ur-mx-md-6 {
margin-left: 24px !important; }
.ur-m-md-7 {
margin: 28px !important; }
.ur-mt-md-7,
.ur-my-md-7 {
margin-top: 28px !important; }
.ur-mr-md-7,
.ur-mx-md-7 {
margin-right: 28px !important; }
.ur-mb-md-7,
.ur-my-md-7 {
margin-bottom: 28px !important; }
.ur-ml-md-7,
.ur-mx-md-7 {
margin-left: 28px !important; }
.ur-m-md-8 {
margin: 32px !important; }
.ur-mt-md-8,
.ur-my-md-8 {
margin-top: 32px !important; }
.ur-mr-md-8,
.ur-mx-md-8 {
margin-right: 32px !important; }
.ur-mb-md-8,
.ur-my-md-8 {
margin-bottom: 32px !important; }
.ur-ml-md-8,
.ur-mx-md-8 {
margin-left: 32px !important; }
.ur-p-md-0 {
padding: 0 !important; }
.ur-pt-md-0,
.ur-py-md-0 {
padding-top: 0 !important; }
.ur-pr-md-0,
.ur-px-md-0 {
padding-right: 0 !important; }
.ur-pb-md-0,
.ur-py-md-0 {
padding-bottom: 0 !important; }
.ur-pl-md-0,
.ur-px-md-0 {
padding-left: 0 !important; }
.ur-p-md-1 {
padding: 4px !important; }
.ur-pt-md-1,
.ur-py-md-1 {
padding-top: 4px !important; }
.ur-pr-md-1,
.ur-px-md-1 {
padding-right: 4px !important; }
.ur-pb-md-1,
.ur-py-md-1 {
padding-bottom: 4px !important; }
.ur-pl-md-1,
.ur-px-md-1 {
padding-left: 4px !important; }
.ur-p-md-2 {
padding: 8px !important; }
.ur-pt-md-2,
.ur-py-md-2 {
padding-top: 8px !important; }
.ur-pr-md-2,
.ur-px-md-2 {
padding-right: 8px !important; }
.ur-pb-md-2,
.ur-py-md-2 {
padding-bottom: 8px !important; }
.ur-pl-md-2,
.ur-px-md-2 {
padding-left: 8px !important; }
.ur-p-md-3 {
padding: 12px !important; }
.ur-pt-md-3,
.ur-py-md-3 {
padding-top: 12px !important; }
.ur-pr-md-3,
.ur-px-md-3 {
padding-right: 12px !important; }
.ur-pb-md-3,
.ur-py-md-3 {
padding-bottom: 12px !important; }
.ur-pl-md-3,
.ur-px-md-3 {
padding-left: 12px !important; }
.ur-p-md-4 {
padding: 16px !important; }
.ur-pt-md-4,
.ur-py-md-4 {
padding-top: 16px !important; }
.ur-pr-md-4,
.ur-px-md-4 {
padding-right: 16px !important; }
.ur-pb-md-4,
.ur-py-md-4 {
padding-bottom: 16px !important; }
.ur-pl-md-4,
.ur-px-md-4 {
padding-left: 16px !important; }
.ur-p-md-5 {
padding: 20px !important; }
.ur-pt-md-5,
.ur-py-md-5 {
padding-top: 20px !important; }
.ur-pr-md-5,
.ur-px-md-5 {
padding-right: 20px !important; }
.ur-pb-md-5,
.ur-py-md-5 {
padding-bottom: 20px !important; }
.ur-pl-md-5,
.ur-px-md-5 {
padding-left: 20px !important; }
.ur-p-md-6 {
padding: 24px !important; }
.ur-pt-md-6,
.ur-py-md-6 {
padding-top: 24px !important; }
.ur-pr-md-6,
.ur-px-md-6 {
padding-right: 24px !important; }
.ur-pb-md-6,
.ur-py-md-6 {
padding-bottom: 24px !important; }
.ur-pl-md-6,
.ur-px-md-6 {
padding-left: 24px !important; }
.ur-p-md-7 {
padding: 28px !important; }
.ur-pt-md-7,
.ur-py-md-7 {
padding-top: 28px !important; }
.ur-pr-md-7,
.ur-px-md-7 {
padding-right: 28px !important; }
.ur-pb-md-7,
.ur-py-md-7 {
padding-bottom: 28px !important; }
.ur-pl-md-7,
.ur-px-md-7 {
padding-left: 28px !important; }
.ur-p-md-8 {
padding: 32px !important; }
.ur-pt-md-8,
.ur-py-md-8 {
padding-top: 32px !important; }
.ur-pr-md-8,
.ur-px-md-8 {
padding-right: 32px !important; }
.ur-pb-md-8,
.ur-py-md-8 {
padding-bottom: 32px !important; }
.ur-pl-md-8,
.ur-px-md-8 {
padding-left: 32px !important; }
.ur-m-md-n1 {
margin: -4px !important; }
.ur-mt-md-n1,
.ur-my-md-n1 {
margin-top: -4px !important; }
.ur-mr-md-n1,
.ur-mx-md-n1 {
margin-right: -4px !important; }
.ur-mb-md-n1,
.ur-my-md-n1 {
margin-bottom: -4px !important; }
.ur-ml-md-n1,
.ur-mx-md-n1 {
margin-left: -4px !important; }
.ur-m-md-n2 {
margin: -8px !important; }
.ur-mt-md-n2,
.ur-my-md-n2 {
margin-top: -8px !important; }
.ur-mr-md-n2,
.ur-mx-md-n2 {
margin-right: -8px !important; }
.ur-mb-md-n2,
.ur-my-md-n2 {
margin-bottom: -8px !important; }
.ur-ml-md-n2,
.ur-mx-md-n2 {
margin-left: -8px !important; }
.ur-m-md-n3 {
margin: -12px !important; }
.ur-mt-md-n3,
.ur-my-md-n3 {
margin-top: -12px !important; }
.ur-mr-md-n3,
.ur-mx-md-n3 {
margin-right: -12px !important; }
.ur-mb-md-n3,
.ur-my-md-n3 {
margin-bottom: -12px !important; }
.ur-ml-md-n3,
.ur-mx-md-n3 {
margin-left: -12px !important; }
.ur-m-md-n4 {
margin: -16px !important; }
.ur-mt-md-n4,
.ur-my-md-n4 {
margin-top: -16px !important; }
.ur-mr-md-n4,
.ur-mx-md-n4 {
margin-right: -16px !important; }
.ur-mb-md-n4,
.ur-my-md-n4 {
margin-bottom: -16px !important; }
.ur-ml-md-n4,
.ur-mx-md-n4 {
margin-left: -16px !important; }
.ur-m-md-n5 {
margin: -20px !important; }
.ur-mt-md-n5,
.ur-my-md-n5 {
margin-top: -20px !important; }
.ur-mr-md-n5,
.ur-mx-md-n5 {
margin-right: -20px !important; }
.ur-mb-md-n5,
.ur-my-md-n5 {
margin-bottom: -20px !important; }
.ur-ml-md-n5,
.ur-mx-md-n5 {
margin-left: -20px !important; }
.ur-m-md-n6 {
margin: -24px !important; }
.ur-mt-md-n6,
.ur-my-md-n6 {
margin-top: -24px !important; }
.ur-mr-md-n6,
.ur-mx-md-n6 {
margin-right: -24px !important; }
.ur-mb-md-n6,
.ur-my-md-n6 {
margin-bottom: -24px !important; }
.ur-ml-md-n6,
.ur-mx-md-n6 {
margin-left: -24px !important; }
.ur-m-md-n7 {
margin: -28px !important; }
.ur-mt-md-n7,
.ur-my-md-n7 {
margin-top: -28px !important; }
.ur-mr-md-n7,
.ur-mx-md-n7 {
margin-right: -28px !important; }
.ur-mb-md-n7,
.ur-my-md-n7 {
margin-bottom: -28px !important; }
.ur-ml-md-n7,
.ur-mx-md-n7 {
margin-left: -28px !important; }
.ur-m-md-n8 {
margin: -32px !important; }
.ur-mt-md-n8,
.ur-my-md-n8 {
margin-top: -32px !important; }
.ur-mr-md-n8,
.ur-mx-md-n8 {
margin-right: -32px !important; }
.ur-mb-md-n8,
.ur-my-md-n8 {
margin-bottom: -32px !important; }
.ur-ml-md-n8,
.ur-mx-md-n8 {
margin-left: -32px !important; }
.ur-m-md-auto {
margin: auto !important; }
.ur-mt-md-auto,
.ur-my-md-auto {
margin-top: auto !important; }
.ur-mr-md-auto,
.ur-mx-md-auto {
margin-right: auto !important; }
.ur-mb-md-auto,
.ur-my-md-auto {
margin-bottom: auto !important; }
.ur-ml-md-auto,
.ur-mx-md-auto {
margin-left: auto !important; } }
@media (min-width: 992px) {
.ur-m-lg-0 {
margin: 0 !important; }
.ur-mt-lg-0,
.ur-my-lg-0 {
margin-top: 0 !important; }
.ur-mr-lg-0,
.ur-mx-lg-0 {
margin-right: 0 !important; }
.ur-mb-lg-0,
.ur-my-lg-0 {
margin-bottom: 0 !important; }
.ur-ml-lg-0,
.ur-mx-lg-0 {
margin-left: 0 !important; }
.ur-m-lg-1 {
margin: 4px !important; }
.ur-mt-lg-1,
.ur-my-lg-1 {
margin-top: 4px !important; }
.ur-mr-lg-1,
.ur-mx-lg-1 {
margin-right: 4px !important; }
.ur-mb-lg-1,
.ur-my-lg-1 {
margin-bottom: 4px !important; }
.ur-ml-lg-1,
.ur-mx-lg-1 {
margin-left: 4px !important; }
.ur-m-lg-2 {
margin: 8px !important; }
.ur-mt-lg-2,
.ur-my-lg-2 {
margin-top: 8px !important; }
.ur-mr-lg-2,
.ur-mx-lg-2 {
margin-right: 8px !important; }
.ur-mb-lg-2,
.ur-my-lg-2 {
margin-bottom: 8px !important; }
.ur-ml-lg-2,
.ur-mx-lg-2 {
margin-left: 8px !important; }
.ur-m-lg-3 {
margin: 12px !important; }
.ur-mt-lg-3,
.ur-my-lg-3 {
margin-top: 12px !important; }
.ur-mr-lg-3,
.ur-mx-lg-3 {
margin-right: 12px !important; }
.ur-mb-lg-3,
.ur-my-lg-3 {
margin-bottom: 12px !important; }
.ur-ml-lg-3,
.ur-mx-lg-3 {
margin-left: 12px !important; }
.ur-m-lg-4 {
margin: 16px !important; }
.ur-mt-lg-4,
.ur-my-lg-4 {
margin-top: 16px !important; }
.ur-mr-lg-4,
.ur-mx-lg-4 {
margin-right: 16px !important; }
.ur-mb-lg-4,
.ur-my-lg-4 {
margin-bottom: 16px !important; }
.ur-ml-lg-4,
.ur-mx-lg-4 {
margin-left: 16px !important; }
.ur-m-lg-5 {
margin: 20px !important; }
.ur-mt-lg-5,
.ur-my-lg-5 {
margin-top: 20px !important; }
.ur-mr-lg-5,
.ur-mx-lg-5 {
margin-right: 20px !important; }
.ur-mb-lg-5,
.ur-my-lg-5 {
margin-bottom: 20px !important; }
.ur-ml-lg-5,
.ur-mx-lg-5 {
margin-left: 20px !important; }
.ur-m-lg-6 {
margin: 24px !important; }
.ur-mt-lg-6,
.ur-my-lg-6 {
margin-top: 24px !important; }
.ur-mr-lg-6,
.ur-mx-lg-6 {
margin-right: 24px !important; }
.ur-mb-lg-6,
.ur-my-lg-6 {
margin-bottom: 24px !important; }
.ur-ml-lg-6,
.ur-mx-lg-6 {
margin-left: 24px !important; }
.ur-m-lg-7 {
margin: 28px !important; }
.ur-mt-lg-7,
.ur-my-lg-7 {
margin-top: 28px !important; }
.ur-mr-lg-7,
.ur-mx-lg-7 {
margin-right: 28px !important; }
.ur-mb-lg-7,
.ur-my-lg-7 {
margin-bottom: 28px !important; }
.ur-ml-lg-7,
.ur-mx-lg-7 {
margin-left: 28px !important; }
.ur-m-lg-8 {
margin: 32px !important; }
.ur-mt-lg-8,
.ur-my-lg-8 {
margin-top: 32px !important; }
.ur-mr-lg-8,
.ur-mx-lg-8 {
margin-right: 32px !important; }
.ur-mb-lg-8,
.ur-my-lg-8 {
margin-bottom: 32px !important; }
.ur-ml-lg-8,
.ur-mx-lg-8 {
margin-left: 32px !important; }
.ur-p-lg-0 {
padding: 0 !important; }
.ur-pt-lg-0,
.ur-py-lg-0 {
padding-top: 0 !important; }
.ur-pr-lg-0,
.ur-px-lg-0 {
padding-right: 0 !important; }
.ur-pb-lg-0,
.ur-py-lg-0 {
padding-bottom: 0 !important; }
.ur-pl-lg-0,
.ur-px-lg-0 {
padding-left: 0 !important; }
.ur-p-lg-1 {
padding: 4px !important; }
.ur-pt-lg-1,
.ur-py-lg-1 {
padding-top: 4px !important; }
.ur-pr-lg-1,
.ur-px-lg-1 {
padding-right: 4px !important; }
.ur-pb-lg-1,
.ur-py-lg-1 {
padding-bottom: 4px !important; }
.ur-pl-lg-1,
.ur-px-lg-1 {
padding-left: 4px !important; }
.ur-p-lg-2 {
padding: 8px !important; }
.ur-pt-lg-2,
.ur-py-lg-2 {
padding-top: 8px !important; }
.ur-pr-lg-2,
.ur-px-lg-2 {
padding-right: 8px !important; }
.ur-pb-lg-2,
.ur-py-lg-2 {
padding-bottom: 8px !important; }
.ur-pl-lg-2,
.ur-px-lg-2 {
padding-left: 8px !important; }
.ur-p-lg-3 {
padding: 12px !important; }
.ur-pt-lg-3,
.ur-py-lg-3 {
padding-top: 12px !important; }
.ur-pr-lg-3,
.ur-px-lg-3 {
padding-right: 12px !important; }
.ur-pb-lg-3,
.ur-py-lg-3 {
padding-bottom: 12px !important; }
.ur-pl-lg-3,
.ur-px-lg-3 {
padding-left: 12px !important; }
.ur-p-lg-4 {
padding: 16px !important; }
.ur-pt-lg-4,
.ur-py-lg-4 {
padding-top: 16px !important; }
.ur-pr-lg-4,
.ur-px-lg-4 {
padding-right: 16px !important; }
.ur-pb-lg-4,
.ur-py-lg-4 {
padding-bottom: 16px !important; }
.ur-pl-lg-4,
.ur-px-lg-4 {
padding-left: 16px !important; }
.ur-p-lg-5 {
padding: 20px !important; }
.ur-pt-lg-5,
.ur-py-lg-5 {
padding-top: 20px !important; }
.ur-pr-lg-5,
.ur-px-lg-5 {
padding-right: 20px !important; }
.ur-pb-lg-5,
.ur-py-lg-5 {
padding-bottom: 20px !important; }
.ur-pl-lg-5,
.ur-px-lg-5 {
padding-left: 20px !important; }
.ur-p-lg-6 {
padding: 24px !important; }
.ur-pt-lg-6,
.ur-py-lg-6 {
padding-top: 24px !important; }
.ur-pr-lg-6,
.ur-px-lg-6 {
padding-right: 24px !important; }
.ur-pb-lg-6,
.ur-py-lg-6 {
padding-bottom: 24px !important; }
.ur-pl-lg-6,
.ur-px-lg-6 {
padding-left: 24px !important; }
.ur-p-lg-7 {
padding: 28px !important; }
.ur-pt-lg-7,
.ur-py-lg-7 {
padding-top: 28px !important; }
.ur-pr-lg-7,
.ur-px-lg-7 {
padding-right: 28px !important; }
.ur-pb-lg-7,
.ur-py-lg-7 {
padding-bottom: 28px !important; }
.ur-pl-lg-7,
.ur-px-lg-7 {
padding-left: 28px !important; }
.ur-p-lg-8 {
padding: 32px !important; }
.ur-pt-lg-8,
.ur-py-lg-8 {
padding-top: 32px !important; }
.ur-pr-lg-8,
.ur-px-lg-8 {
padding-right: 32px !important; }
.ur-pb-lg-8,
.ur-py-lg-8 {
padding-bottom: 32px !important; }
.ur-pl-lg-8,
.ur-px-lg-8 {
padding-left: 32px !important; }
.ur-m-lg-n1 {
margin: -4px !important; }
.ur-mt-lg-n1,
.ur-my-lg-n1 {
margin-top: -4px !important; }
.ur-mr-lg-n1,
.ur-mx-lg-n1 {
margin-right: -4px !important; }
.ur-mb-lg-n1,
.ur-my-lg-n1 {
margin-bottom: -4px !important; }
.ur-ml-lg-n1,
.ur-mx-lg-n1 {
margin-left: -4px !important; }
.ur-m-lg-n2 {
margin: -8px !important; }
.ur-mt-lg-n2,
.ur-my-lg-n2 {
margin-top: -8px !important; }
.ur-mr-lg-n2,
.ur-mx-lg-n2 {
margin-right: -8px !important; }
.ur-mb-lg-n2,
.ur-my-lg-n2 {
margin-bottom: -8px !important; }
.ur-ml-lg-n2,
.ur-mx-lg-n2 {
margin-left: -8px !important; }
.ur-m-lg-n3 {
margin: -12px !important; }
.ur-mt-lg-n3,
.ur-my-lg-n3 {
margin-top: -12px !important; }
.ur-mr-lg-n3,
.ur-mx-lg-n3 {
margin-right: -12px !important; }
.ur-mb-lg-n3,
.ur-my-lg-n3 {
margin-bottom: -12px !important; }
.ur-ml-lg-n3,
.ur-mx-lg-n3 {
margin-left: -12px !important; }
.ur-m-lg-n4 {
margin: -16px !important; }
.ur-mt-lg-n4,
.ur-my-lg-n4 {
margin-top: -16px !important; }
.ur-mr-lg-n4,
.ur-mx-lg-n4 {
margin-right: -16px !important; }
.ur-mb-lg-n4,
.ur-my-lg-n4 {
margin-bottom: -16px !important; }
.ur-ml-lg-n4,
.ur-mx-lg-n4 {
margin-left: -16px !important; }
.ur-m-lg-n5 {
margin: -20px !important; }
.ur-mt-lg-n5,
.ur-my-lg-n5 {
margin-top: -20px !important; }
.ur-mr-lg-n5,
.ur-mx-lg-n5 {
margin-right: -20px !important; }
.ur-mb-lg-n5,
.ur-my-lg-n5 {
margin-bottom: -20px !important; }
.ur-ml-lg-n5,
.ur-mx-lg-n5 {
margin-left: -20px !important; }
.ur-m-lg-n6 {
margin: -24px !important; }
.ur-mt-lg-n6,
.ur-my-lg-n6 {
margin-top: -24px !important; }
.ur-mr-lg-n6,
.ur-mx-lg-n6 {
margin-right: -24px !important; }
.ur-mb-lg-n6,
.ur-my-lg-n6 {
margin-bottom: -24px !important; }
.ur-ml-lg-n6,
.ur-mx-lg-n6 {
margin-left: -24px !important; }
.ur-m-lg-n7 {
margin: -28px !important; }
.ur-mt-lg-n7,
.ur-my-lg-n7 {
margin-top: -28px !important; }
.ur-mr-lg-n7,
.ur-mx-lg-n7 {
margin-right: -28px !important; }
.ur-mb-lg-n7,
.ur-my-lg-n7 {
margin-bottom: -28px !important; }
.ur-ml-lg-n7,
.ur-mx-lg-n7 {
margin-left: -28px !important; }
.ur-m-lg-n8 {
margin: -32px !important; }
.ur-mt-lg-n8,
.ur-my-lg-n8 {
margin-top: -32px !important; }
.ur-mr-lg-n8,
.ur-mx-lg-n8 {
margin-right: -32px !important; }
.ur-mb-lg-n8,
.ur-my-lg-n8 {
margin-bottom: -32px !important; }
.ur-ml-lg-n8,
.ur-mx-lg-n8 {
margin-left: -32px !important; }
.ur-m-lg-auto {
margin: auto !important; }
.ur-mt-lg-auto,
.ur-my-lg-auto {
margin-top: auto !important; }
.ur-mr-lg-auto,
.ur-mx-lg-auto {
margin-right: auto !important; }
.ur-mb-lg-auto,
.ur-my-lg-auto {
margin-bottom: auto !important; }
.ur-ml-lg-auto,
.ur-mx-lg-auto {
margin-left: auto !important; } }
@media (min-width: 1200px) {
.ur-m-xl-0 {
margin: 0 !important; }
.ur-mt-xl-0,
.ur-my-xl-0 {
margin-top: 0 !important; }
.ur-mr-xl-0,
.ur-mx-xl-0 {
margin-right: 0 !important; }
.ur-mb-xl-0,
.ur-my-xl-0 {
margin-bottom: 0 !important; }
.ur-ml-xl-0,
.ur-mx-xl-0 {
margin-left: 0 !important; }
.ur-m-xl-1 {
margin: 4px !important; }
.ur-mt-xl-1,
.ur-my-xl-1 {
margin-top: 4px !important; }
.ur-mr-xl-1,
.ur-mx-xl-1 {
margin-right: 4px !important; }
.ur-mb-xl-1,
.ur-my-xl-1 {
margin-bottom: 4px !important; }
.ur-ml-xl-1,
.ur-mx-xl-1 {
margin-left: 4px !important; }
.ur-m-xl-2 {
margin: 8px !important; }
.ur-mt-xl-2,
.ur-my-xl-2 {
margin-top: 8px !important; }
.ur-mr-xl-2,
.ur-mx-xl-2 {
margin-right: 8px !important; }
.ur-mb-xl-2,
.ur-my-xl-2 {
margin-bottom: 8px !important; }
.ur-ml-xl-2,
.ur-mx-xl-2 {
margin-left: 8px !important; }
.ur-m-xl-3 {
margin: 12px !important; }
.ur-mt-xl-3,
.ur-my-xl-3 {
margin-top: 12px !important; }
.ur-mr-xl-3,
.ur-mx-xl-3 {
margin-right: 12px !important; }
.ur-mb-xl-3,
.ur-my-xl-3 {
margin-bottom: 12px !important; }
.ur-ml-xl-3,
.ur-mx-xl-3 {
margin-left: 12px !important; }
.ur-m-xl-4 {
margin: 16px !important; }
.ur-mt-xl-4,
.ur-my-xl-4 {
margin-top: 16px !important; }
.ur-mr-xl-4,
.ur-mx-xl-4 {
margin-right: 16px !important; }
.ur-mb-xl-4,
.ur-my-xl-4 {
margin-bottom: 16px !important; }
.ur-ml-xl-4,
.ur-mx-xl-4 {
margin-left: 16px !important; }
.ur-m-xl-5 {
margin: 20px !important; }
.ur-mt-xl-5,
.ur-my-xl-5 {
margin-top: 20px !important; }
.ur-mr-xl-5,
.ur-mx-xl-5 {
margin-right: 20px !important; }
.ur-mb-xl-5,
.ur-my-xl-5 {
margin-bottom: 20px !important; }
.ur-ml-xl-5,
.ur-mx-xl-5 {
margin-left: 20px !important; }
.ur-m-xl-6 {
margin: 24px !important; }
.ur-mt-xl-6,
.ur-my-xl-6 {
margin-top: 24px !important; }
.ur-mr-xl-6,
.ur-mx-xl-6 {
margin-right: 24px !important; }
.ur-mb-xl-6,
.ur-my-xl-6 {
margin-bottom: 24px !important; }
.ur-ml-xl-6,
.ur-mx-xl-6 {
margin-left: 24px !important; }
.ur-m-xl-7 {
margin: 28px !important; }
.ur-mt-xl-7,
.ur-my-xl-7 {
margin-top: 28px !important; }
.ur-mr-xl-7,
.ur-mx-xl-7 {
margin-right: 28px !important; }
.ur-mb-xl-7,
.ur-my-xl-7 {
margin-bottom: 28px !important; }
.ur-ml-xl-7,
.ur-mx-xl-7 {
margin-left: 28px !important; }
.ur-m-xl-8 {
margin: 32px !important; }
.ur-mt-xl-8,
.ur-my-xl-8 {
margin-top: 32px !important; }
.ur-mr-xl-8,
.ur-mx-xl-8 {
margin-right: 32px !important; }
.ur-mb-xl-8,
.ur-my-xl-8 {
margin-bottom: 32px !important; }
.ur-ml-xl-8,
.ur-mx-xl-8 {
margin-left: 32px !important; }
.ur-p-xl-0 {
padding: 0 !important; }
.ur-pt-xl-0,
.ur-py-xl-0 {
padding-top: 0 !important; }
.ur-pr-xl-0,
.ur-px-xl-0 {
padding-right: 0 !important; }
.ur-pb-xl-0,
.ur-py-xl-0 {
padding-bottom: 0 !important; }
.ur-pl-xl-0,
.ur-px-xl-0 {
padding-left: 0 !important; }
.ur-p-xl-1 {
padding: 4px !important; }
.ur-pt-xl-1,
.ur-py-xl-1 {
padding-top: 4px !important; }
.ur-pr-xl-1,
.ur-px-xl-1 {
padding-right: 4px !important; }
.ur-pb-xl-1,
.ur-py-xl-1 {
padding-bottom: 4px !important; }
.ur-pl-xl-1,
.ur-px-xl-1 {
padding-left: 4px !important; }
.ur-p-xl-2 {
padding: 8px !important; }
.ur-pt-xl-2,
.ur-py-xl-2 {
padding-top: 8px !important; }
.ur-pr-xl-2,
.ur-px-xl-2 {
padding-right: 8px !important; }
.ur-pb-xl-2,
.ur-py-xl-2 {
padding-bottom: 8px !important; }
.ur-pl-xl-2,
.ur-px-xl-2 {
padding-left: 8px !important; }
.ur-p-xl-3 {
padding: 12px !important; }
.ur-pt-xl-3,
.ur-py-xl-3 {
padding-top: 12px !important; }
.ur-pr-xl-3,
.ur-px-xl-3 {
padding-right: 12px !important; }
.ur-pb-xl-3,
.ur-py-xl-3 {
padding-bottom: 12px !important; }
.ur-pl-xl-3,
.ur-px-xl-3 {
padding-left: 12px !important; }
.ur-p-xl-4 {
padding: 16px !important; }
.ur-pt-xl-4,
.ur-py-xl-4 {
padding-top: 16px !important; }
.ur-pr-xl-4,
.ur-px-xl-4 {
padding-right: 16px !important; }
.ur-pb-xl-4,
.ur-py-xl-4 {
padding-bottom: 16px !important; }
.ur-pl-xl-4,
.ur-px-xl-4 {
padding-left: 16px !important; }
.ur-p-xl-5 {
padding: 20px !important; }
.ur-pt-xl-5,
.ur-py-xl-5 {
padding-top: 20px !important; }
.ur-pr-xl-5,
.ur-px-xl-5 {
padding-right: 20px !important; }
.ur-pb-xl-5,
.ur-py-xl-5 {
padding-bottom: 20px !important; }
.ur-pl-xl-5,
.ur-px-xl-5 {
padding-left: 20px !important; }
.ur-p-xl-6 {
padding: 24px !important; }
.ur-pt-xl-6,
.ur-py-xl-6 {
padding-top: 24px !important; }
.ur-pr-xl-6,
.ur-px-xl-6 {
padding-right: 24px !important; }
.ur-pb-xl-6,
.ur-py-xl-6 {
padding-bottom: 24px !important; }
.ur-pl-xl-6,
.ur-px-xl-6 {
padding-left: 24px !important; }
.ur-p-xl-7 {
padding: 28px !important; }
.ur-pt-xl-7,
.ur-py-xl-7 {
padding-top: 28px !important; }
.ur-pr-xl-7,
.ur-px-xl-7 {
padding-right: 28px !important; }
.ur-pb-xl-7,
.ur-py-xl-7 {
padding-bottom: 28px !important; }
.ur-pl-xl-7,
.ur-px-xl-7 {
padding-left: 28px !important; }
.ur-p-xl-8 {
padding: 32px !important; }
.ur-pt-xl-8,
.ur-py-xl-8 {
padding-top: 32px !important; }
.ur-pr-xl-8,
.ur-px-xl-8 {
padding-right: 32px !important; }
.ur-pb-xl-8,
.ur-py-xl-8 {
padding-bottom: 32px !important; }
.ur-pl-xl-8,
.ur-px-xl-8 {
padding-left: 32px !important; }
.ur-m-xl-n1 {
margin: -4px !important; }
.ur-mt-xl-n1,
.ur-my-xl-n1 {
margin-top: -4px !important; }
.ur-mr-xl-n1,
.ur-mx-xl-n1 {
margin-right: -4px !important; }
.ur-mb-xl-n1,
.ur-my-xl-n1 {
margin-bottom: -4px !important; }
.ur-ml-xl-n1,
.ur-mx-xl-n1 {
margin-left: -4px !important; }
.ur-m-xl-n2 {
margin: -8px !important; }
.ur-mt-xl-n2,
.ur-my-xl-n2 {
margin-top: -8px !important; }
.ur-mr-xl-n2,
.ur-mx-xl-n2 {
margin-right: -8px !important; }
.ur-mb-xl-n2,
.ur-my-xl-n2 {
margin-bottom: -8px !important; }
.ur-ml-xl-n2,
.ur-mx-xl-n2 {
margin-left: -8px !important; }
.ur-m-xl-n3 {
margin: -12px !important; }
.ur-mt-xl-n3,
.ur-my-xl-n3 {
margin-top: -12px !important; }
.ur-mr-xl-n3,
.ur-mx-xl-n3 {
margin-right: -12px !important; }
.ur-mb-xl-n3,
.ur-my-xl-n3 {
margin-bottom: -12px !important; }
.ur-ml-xl-n3,
.ur-mx-xl-n3 {
margin-left: -12px !important; }
.ur-m-xl-n4 {
margin: -16px !important; }
.ur-mt-xl-n4,
.ur-my-xl-n4 {
margin-top: -16px !important; }
.ur-mr-xl-n4,
.ur-mx-xl-n4 {
margin-right: -16px !important; }
.ur-mb-xl-n4,
.ur-my-xl-n4 {
margin-bottom: -16px !important; }
.ur-ml-xl-n4,
.ur-mx-xl-n4 {
margin-left: -16px !important; }
.ur-m-xl-n5 {
margin: -20px !important; }
.ur-mt-xl-n5,
.ur-my-xl-n5 {
margin-top: -20px !important; }
.ur-mr-xl-n5,
.ur-mx-xl-n5 {
margin-right: -20px !important; }
.ur-mb-xl-n5,
.ur-my-xl-n5 {
margin-bottom: -20px !important; }
.ur-ml-xl-n5,
.ur-mx-xl-n5 {
margin-left: -20px !important; }
.ur-m-xl-n6 {
margin: -24px !important; }
.ur-mt-xl-n6,
.ur-my-xl-n6 {
margin-top: -24px !important; }
.ur-mr-xl-n6,
.ur-mx-xl-n6 {
margin-right: -24px !important; }
.ur-mb-xl-n6,
.ur-my-xl-n6 {
margin-bottom: -24px !important; }
.ur-ml-xl-n6,
.ur-mx-xl-n6 {
margin-left: -24px !important; }
.ur-m-xl-n7 {
margin: -28px !important; }
.ur-mt-xl-n7,
.ur-my-xl-n7 {
margin-top: -28px !important; }
.ur-mr-xl-n7,
.ur-mx-xl-n7 {
margin-right: -28px !important; }
.ur-mb-xl-n7,
.ur-my-xl-n7 {
margin-bottom: -28px !important; }
.ur-ml-xl-n7,
.ur-mx-xl-n7 {
margin-left: -28px !important; }
.ur-m-xl-n8 {
margin: -32px !important; }
.ur-mt-xl-n8,
.ur-my-xl-n8 {
margin-top: -32px !important; }
.ur-mr-xl-n8,
.ur-mx-xl-n8 {
margin-right: -32px !important; }
.ur-mb-xl-n8,
.ur-my-xl-n8 {
margin-bottom: -32px !important; }
.ur-ml-xl-n8,
.ur-mx-xl-n8 {
margin-left: -32px !important; }
.ur-m-xl-auto {
margin: auto !important; }
.ur-mt-xl-auto,
.ur-my-xl-auto {
margin-top: auto !important; }
.ur-mr-xl-auto,
.ur-mx-xl-auto {
margin-right: auto !important; }
.ur-mb-xl-auto,
.ur-my-xl-auto {
margin-bottom: auto !important; }
.ur-ml-xl-auto,
.ur-mx-xl-auto {
margin-left: auto !important; } }
@media (min-width: 1400px) {
.ur-m-xxl-0 {
margin: 0 !important; }
.ur-mt-xxl-0,
.ur-my-xxl-0 {
margin-top: 0 !important; }
.ur-mr-xxl-0,
.ur-mx-xxl-0 {
margin-right: 0 !important; }
.ur-mb-xxl-0,
.ur-my-xxl-0 {
margin-bottom: 0 !important; }
.ur-ml-xxl-0,
.ur-mx-xxl-0 {
margin-left: 0 !important; }
.ur-m-xxl-1 {
margin: 4px !important; }
.ur-mt-xxl-1,
.ur-my-xxl-1 {
margin-top: 4px !important; }
.ur-mr-xxl-1,
.ur-mx-xxl-1 {
margin-right: 4px !important; }
.ur-mb-xxl-1,
.ur-my-xxl-1 {
margin-bottom: 4px !important; }
.ur-ml-xxl-1,
.ur-mx-xxl-1 {
margin-left: 4px !important; }
.ur-m-xxl-2 {
margin: 8px !important; }
.ur-mt-xxl-2,
.ur-my-xxl-2 {
margin-top: 8px !important; }
.ur-mr-xxl-2,
.ur-mx-xxl-2 {
margin-right: 8px !important; }
.ur-mb-xxl-2,
.ur-my-xxl-2 {
margin-bottom: 8px !important; }
.ur-ml-xxl-2,
.ur-mx-xxl-2 {
margin-left: 8px !important; }
.ur-m-xxl-3 {
margin: 12px !important; }
.ur-mt-xxl-3,
.ur-my-xxl-3 {
margin-top: 12px !important; }
.ur-mr-xxl-3,
.ur-mx-xxl-3 {
margin-right: 12px !important; }
.ur-mb-xxl-3,
.ur-my-xxl-3 {
margin-bottom: 12px !important; }
.ur-ml-xxl-3,
.ur-mx-xxl-3 {
margin-left: 12px !important; }
.ur-m-xxl-4 {
margin: 16px !important; }
.ur-mt-xxl-4,
.ur-my-xxl-4 {
margin-top: 16px !important; }
.ur-mr-xxl-4,
.ur-mx-xxl-4 {
margin-right: 16px !important; }
.ur-mb-xxl-4,
.ur-my-xxl-4 {
margin-bottom: 16px !important; }
.ur-ml-xxl-4,
.ur-mx-xxl-4 {
margin-left: 16px !important; }
.ur-m-xxl-5 {
margin: 20px !important; }
.ur-mt-xxl-5,
.ur-my-xxl-5 {
margin-top: 20px !important; }
.ur-mr-xxl-5,
.ur-mx-xxl-5 {
margin-right: 20px !important; }
.ur-mb-xxl-5,
.ur-my-xxl-5 {
margin-bottom: 20px !important; }
.ur-ml-xxl-5,
.ur-mx-xxl-5 {
margin-left: 20px !important; }
.ur-m-xxl-6 {
margin: 24px !important; }
.ur-mt-xxl-6,
.ur-my-xxl-6 {
margin-top: 24px !important; }
.ur-mr-xxl-6,
.ur-mx-xxl-6 {
margin-right: 24px !important; }
.ur-mb-xxl-6,
.ur-my-xxl-6 {
margin-bottom: 24px !important; }
.ur-ml-xxl-6,
.ur-mx-xxl-6 {
margin-left: 24px !important; }
.ur-m-xxl-7 {
margin: 28px !important; }
.ur-mt-xxl-7,
.ur-my-xxl-7 {
margin-top: 28px !important; }
.ur-mr-xxl-7,
.ur-mx-xxl-7 {
margin-right: 28px !important; }
.ur-mb-xxl-7,
.ur-my-xxl-7 {
margin-bottom: 28px !important; }
.ur-ml-xxl-7,
.ur-mx-xxl-7 {
margin-left: 28px !important; }
.ur-m-xxl-8 {
margin: 32px !important; }
.ur-mt-xxl-8,
.ur-my-xxl-8 {
margin-top: 32px !important; }
.ur-mr-xxl-8,
.ur-mx-xxl-8 {
margin-right: 32px !important; }
.ur-mb-xxl-8,
.ur-my-xxl-8 {
margin-bottom: 32px !important; }
.ur-ml-xxl-8,
.ur-mx-xxl-8 {
margin-left: 32px !important; }
.ur-p-xxl-0 {
padding: 0 !important; }
.ur-pt-xxl-0,
.ur-py-xxl-0 {
padding-top: 0 !important; }
.ur-pr-xxl-0,
.ur-px-xxl-0 {
padding-right: 0 !important; }
.ur-pb-xxl-0,
.ur-py-xxl-0 {
padding-bottom: 0 !important; }
.ur-pl-xxl-0,
.ur-px-xxl-0 {
padding-left: 0 !important; }
.ur-p-xxl-1 {
padding: 4px !important; }
.ur-pt-xxl-1,
.ur-py-xxl-1 {
padding-top: 4px !important; }
.ur-pr-xxl-1,
.ur-px-xxl-1 {
padding-right: 4px !important; }
.ur-pb-xxl-1,
.ur-py-xxl-1 {
padding-bottom: 4px !important; }
.ur-pl-xxl-1,
.ur-px-xxl-1 {
padding-left: 4px !important; }
.ur-p-xxl-2 {
padding: 8px !important; }
.ur-pt-xxl-2,
.ur-py-xxl-2 {
padding-top: 8px !important; }
.ur-pr-xxl-2,
.ur-px-xxl-2 {
padding-right: 8px !important; }
.ur-pb-xxl-2,
.ur-py-xxl-2 {
padding-bottom: 8px !important; }
.ur-pl-xxl-2,
.ur-px-xxl-2 {
padding-left: 8px !important; }
.ur-p-xxl-3 {
padding: 12px !important; }
.ur-pt-xxl-3,
.ur-py-xxl-3 {
padding-top: 12px !important; }
.ur-pr-xxl-3,
.ur-px-xxl-3 {
padding-right: 12px !important; }
.ur-pb-xxl-3,
.ur-py-xxl-3 {
padding-bottom: 12px !important; }
.ur-pl-xxl-3,
.ur-px-xxl-3 {
padding-left: 12px !important; }
.ur-p-xxl-4 {
padding: 16px !important; }
.ur-pt-xxl-4,
.ur-py-xxl-4 {
padding-top: 16px !important; }
.ur-pr-xxl-4,
.ur-px-xxl-4 {
padding-right: 16px !important; }
.ur-pb-xxl-4,
.ur-py-xxl-4 {
padding-bottom: 16px !important; }
.ur-pl-xxl-4,
.ur-px-xxl-4 {
padding-left: 16px !important; }
.ur-p-xxl-5 {
padding: 20px !important; }
.ur-pt-xxl-5,
.ur-py-xxl-5 {
padding-top: 20px !important; }
.ur-pr-xxl-5,
.ur-px-xxl-5 {
padding-right: 20px !important; }
.ur-pb-xxl-5,
.ur-py-xxl-5 {
padding-bottom: 20px !important; }
.ur-pl-xxl-5,
.ur-px-xxl-5 {
padding-left: 20px !important; }
.ur-p-xxl-6 {
padding: 24px !important; }
.ur-pt-xxl-6,
.ur-py-xxl-6 {
padding-top: 24px !important; }
.ur-pr-xxl-6,
.ur-px-xxl-6 {
padding-right: 24px !important; }
.ur-pb-xxl-6,
.ur-py-xxl-6 {
padding-bottom: 24px !important; }
.ur-pl-xxl-6,
.ur-px-xxl-6 {
padding-left: 24px !important; }
.ur-p-xxl-7 {
padding: 28px !important; }
.ur-pt-xxl-7,
.ur-py-xxl-7 {
padding-top: 28px !important; }
.ur-pr-xxl-7,
.ur-px-xxl-7 {
padding-right: 28px !important; }
.ur-pb-xxl-7,
.ur-py-xxl-7 {
padding-bottom: 28px !important; }
.ur-pl-xxl-7,
.ur-px-xxl-7 {
padding-left: 28px !important; }
.ur-p-xxl-8 {
padding: 32px !important; }
.ur-pt-xxl-8,
.ur-py-xxl-8 {
padding-top: 32px !important; }
.ur-pr-xxl-8,
.ur-px-xxl-8 {
padding-right: 32px !important; }
.ur-pb-xxl-8,
.ur-py-xxl-8 {
padding-bottom: 32px !important; }
.ur-pl-xxl-8,
.ur-px-xxl-8 {
padding-left: 32px !important; }
.ur-m-xxl-n1 {
margin: -4px !important; }
.ur-mt-xxl-n1,
.ur-my-xxl-n1 {
margin-top: -4px !important; }
.ur-mr-xxl-n1,
.ur-mx-xxl-n1 {
margin-right: -4px !important; }
.ur-mb-xxl-n1,
.ur-my-xxl-n1 {
margin-bottom: -4px !important; }
.ur-ml-xxl-n1,
.ur-mx-xxl-n1 {
margin-left: -4px !important; }
.ur-m-xxl-n2 {
margin: -8px !important; }
.ur-mt-xxl-n2,
.ur-my-xxl-n2 {
margin-top: -8px !important; }
.ur-mr-xxl-n2,
.ur-mx-xxl-n2 {
margin-right: -8px !important; }
.ur-mb-xxl-n2,
.ur-my-xxl-n2 {
margin-bottom: -8px !important; }
.ur-ml-xxl-n2,
.ur-mx-xxl-n2 {
margin-left: -8px !important; }
.ur-m-xxl-n3 {
margin: -12px !important; }
.ur-mt-xxl-n3,
.ur-my-xxl-n3 {
margin-top: -12px !important; }
.ur-mr-xxl-n3,
.ur-mx-xxl-n3 {
margin-right: -12px !important; }
.ur-mb-xxl-n3,
.ur-my-xxl-n3 {
margin-bottom: -12px !important; }
.ur-ml-xxl-n3,
.ur-mx-xxl-n3 {
margin-left: -12px !important; }
.ur-m-xxl-n4 {
margin: -16px !important; }
.ur-mt-xxl-n4,
.ur-my-xxl-n4 {
margin-top: -16px !important; }
.ur-mr-xxl-n4,
.ur-mx-xxl-n4 {
margin-right: -16px !important; }
.ur-mb-xxl-n4,
.ur-my-xxl-n4 {
margin-bottom: -16px !important; }
.ur-ml-xxl-n4,
.ur-mx-xxl-n4 {
margin-left: -16px !important; }
.ur-m-xxl-n5 {
margin: -20px !important; }
.ur-mt-xxl-n5,
.ur-my-xxl-n5 {
margin-top: -20px !important; }
.ur-mr-xxl-n5,
.ur-mx-xxl-n5 {
margin-right: -20px !important; }
.ur-mb-xxl-n5,
.ur-my-xxl-n5 {
margin-bottom: -20px !important; }
.ur-ml-xxl-n5,
.ur-mx-xxl-n5 {
margin-left: -20px !important; }
.ur-m-xxl-n6 {
margin: -24px !important; }
.ur-mt-xxl-n6,
.ur-my-xxl-n6 {
margin-top: -24px !important; }
.ur-mr-xxl-n6,
.ur-mx-xxl-n6 {
margin-right: -24px !important; }
.ur-mb-xxl-n6,
.ur-my-xxl-n6 {
margin-bottom: -24px !important; }
.ur-ml-xxl-n6,
.ur-mx-xxl-n6 {
margin-left: -24px !important; }
.ur-m-xxl-n7 {
margin: -28px !important; }
.ur-mt-xxl-n7,
.ur-my-xxl-n7 {
margin-top: -28px !important; }
.ur-mr-xxl-n7,
.ur-mx-xxl-n7 {
margin-right: -28px !important; }
.ur-mb-xxl-n7,
.ur-my-xxl-n7 {
margin-bottom: -28px !important; }
.ur-ml-xxl-n7,
.ur-mx-xxl-n7 {
margin-left: -28px !important; }
.ur-m-xxl-n8 {
margin: -32px !important; }
.ur-mt-xxl-n8,
.ur-my-xxl-n8 {
margin-top: -32px !important; }
.ur-mr-xxl-n8,
.ur-mx-xxl-n8 {
margin-right: -32px !important; }
.ur-mb-xxl-n8,
.ur-my-xxl-n8 {
margin-bottom: -32px !important; }
.ur-ml-xxl-n8,
.ur-mx-xxl-n8 {
margin-left: -32px !important; }
.ur-m-xxl-auto {
margin: auto !important; }
.ur-mt-xxl-auto,
.ur-my-xxl-auto {
margin-top: auto !important; }
.ur-mr-xxl-auto,
.ur-mx-xxl-auto {
margin-right: auto !important; }
.ur-mb-xxl-auto,
.ur-my-xxl-auto {
margin-bottom: auto !important; }
.ur-ml-xxl-auto,
.ur-mx-xxl-auto {
margin-left: auto !important; } }
.pt-0 {
padding-top: 0px; }
.pb-0 {
padding-bottom: 0px; }
/**
* Container
**/
.ur-container,
.ur-container-full,
.ur-container-sm,
.ur-container-md,
.ur-container-lg,
.ur-container-xl,
.ur-container-xxl {
width: 100%;
padding-right: 12px;
padding-left: 12px;
margin-right: auto;
margin-left: auto; }
.ur-container *, .ur-container ::before, .ur-container ::after,
.ur-container-full *,
.ur-container-sm *,
.ur-container-md *,
.ur-container-lg *,
.ur-container-xl *,
.ur-container-xxl *,
.ur-container-full ::before,
.ur-container-sm ::before,
.ur-container-md ::before,
.ur-container-lg ::before,
.ur-container-xl ::before,
.ur-container-xxl ::before,
.ur-container-full ::after,
.ur-container-sm ::after,
.ur-container-md ::after,
.ur-container-lg ::after,
.ur-container-xl ::after,
.ur-container-xxl ::after {
box-sizing: border-box; }
@media (min-width: 576px) {
.ur-container, .ur-container-sm {
max-width: 540px; } }
@media (min-width: 768px) {
.ur-container, .ur-container-sm, .ur-container-md {
max-width: 720px; } }
@media (min-width: 992px) {
.ur-container, .ur-container-sm, .ur-container-md, .ur-container-lg {
max-width: 960px; } }
@media (min-width: 1200px) {
.ur-container, .ur-container-sm, .ur-container-md, .ur-container-lg, .ur-container-xl {
max-width: 1140px; } }
@media (min-width: 1400px) {
.ur-container, .ur-container-sm, .ur-container-md, .ur-container-lg, .ur-container-xl, .ur-container-xxl {
max-width: 1320px; } }
/**
* Row
**/
.ur-row {
display: flex;
flex-wrap: wrap;
margin-right: -12px;
margin-left: -12px; }
/**
* Columns
**/
.ur-col-1, .ur-col-2, .ur-col-3, .ur-col-4, .ur-col-5, .ur-col-6, .ur-col-7, .ur-col-8, .ur-col-9, .ur-col-10, .ur-col-11, .ur-col-12, .ur-col,
.ur-col-auto, .ur-col-sm-1, .ur-col-sm-2, .ur-col-sm-3, .ur-col-sm-4, .ur-col-sm-5, .ur-col-sm-6, .ur-col-sm-7, .ur-col-sm-8, .ur-col-sm-9, .ur-col-sm-10, .ur-col-sm-11, .ur-col-sm-12, .ur-col-sm,
.ur-col-sm-auto, .ur-col-md-1, .ur-col-md-2, .ur-col-md-3, .ur-col-md-4, .ur-col-md-5, .ur-col-md-6, .ur-col-md-7, .ur-col-md-8, .ur-col-md-9, .ur-col-md-10, .ur-col-md-11, .ur-col-md-12, .ur-col-md,
.ur-col-md-auto, .ur-col-lg-1, .ur-col-lg-2, .ur-col-lg-3, .ur-col-lg-4, .ur-col-lg-5, .ur-col-lg-6, .ur-col-lg-7, .ur-col-lg-8, .ur-col-lg-9, .ur-col-lg-10, .ur-col-lg-11, .ur-col-lg-12, .ur-col-lg,
.ur-col-lg-auto, .ur-col-xl-1, .ur-col-xl-2, .ur-col-xl-3, .ur-col-xl-4, .ur-col-xl-5, .ur-col-xl-6, .ur-col-xl-7, .ur-col-xl-8, .ur-col-xl-9, .ur-col-xl-10, .ur-col-xl-11, .ur-col-xl-12, .ur-col-xl,
.ur-col-xl-auto, .ur-col-xxl-1, .ur-col-xxl-2, .ur-col-xxl-3, .ur-col-xxl-4, .ur-col-xxl-5, .ur-col-xxl-6, .ur-col-xxl-7, .ur-col-xxl-8, .ur-col-xxl-9, .ur-col-xxl-10, .ur-col-xxl-11, .ur-col-xxl-12, .ur-col-xxl,
.ur-col-xxl-auto {
position: relative;
width: 100%;
padding-right: 12px;
padding-left: 12px; }
.ur-col {
flex: 1 0 0%; }
.ur-row-cols-auto > * {
flex: 0 0 auto;
width: auto; }
.ur-row-cols-1 > * {
flex: 0 0 auto;
width: 100%; }
.ur-row-cols-2 > * {
flex: 0 0 auto;
width: 50%; }
.ur-row-cols-3 > * {
flex: 0 0 auto;
width: 33.3333333333%; }
.ur-row-cols-4 > * {
flex: 0 0 auto;
width: 25%; }
.ur-row-cols-5 > * {
flex: 0 0 auto;
width: 20%; }
.ur-row-cols-6 > * {
flex: 0 0 auto;
width: 16.6666666667%; }
.ur-col-auto {
flex: 0 0 auto;
width: auto; }
.ur-col-1 {
flex: 0 0 8.3333333333%;
max-width: 8.3333333333%; }
.ur-col-2 {
flex: 0 0 16.6666666667%;
max-width: 16.6666666667%; }
.ur-col-3 {
flex: 0 0 25%;
max-width: 25%; }
.ur-col-4 {
flex: 0 0 33.3333333333%;
max-width: 33.3333333333%; }
.ur-col-5 {
flex: 0 0 41.6666666667%;
max-width: 41.6666666667%; }
.ur-col-6 {
flex: 0 0 50%;
max-width: 50%; }
.ur-col-7 {
flex: 0 0 58.3333333333%;
max-width: 58.3333333333%; }
.ur-col-8 {
flex: 0 0 66.6666666667%;
max-width: 66.6666666667%; }
.ur-col-9 {
flex: 0 0 75%;
max-width: 75%; }
.ur-col-10 {
flex: 0 0 83.3333333333%;
max-width: 83.3333333333%; }
.ur-col-11 {
flex: 0 0 91.6666666667%;
max-width: 91.6666666667%; }
.ur-col-12 {
flex: 0 0 100%;
max-width: 100%; }
.ur-offset-1 {
margin-left: 8.3333333333%; }
.ur-offset-2 {
margin-left: 16.6666666667%; }
.ur-offset-3 {
margin-left: 25%; }
.ur-offset-4 {
margin-left: 33.3333333333%; }
.ur-offset-5 {
margin-left: 41.6666666667%; }
.ur-offset-6 {
margin-left: 50%; }
.ur-offset-7 {
margin-left: 58.3333333333%; }
.ur-offset-8 {
margin-left: 66.6666666667%; }
.ur-offset-9 {
margin-left: 75%; }
.ur-offset-10 {
margin-left: 83.3333333333%; }
.ur-offset-11 {
margin-left: 91.6666666667%; }
.ur-g-0,
.ur-gx-0 {
--bs-gutter-x: 0; }
.ur-g-0,
.ur-gy-0 {
--bs-gutter-y: 0; }
.ur-g-1,
.ur-gx-1 {
--bs-gutter-x: 4px; }
.ur-g-1,
.ur-gy-1 {
--bs-gutter-y: 4px; }
.ur-g-2,
.ur-gx-2 {
--bs-gutter-x: 8px; }
.ur-g-2,
.ur-gy-2 {
--bs-gutter-y: 8px; }
.ur-g-3,
.ur-gx-3 {
--bs-gutter-x: 12px; }
.ur-g-3,
.ur-gy-3 {
--bs-gutter-y: 12px; }
.ur-g-4,
.ur-gx-4 {
--bs-gutter-x: 16px; }
.ur-g-4,
.ur-gy-4 {
--bs-gutter-y: 16px; }
.ur-g-5,
.ur-gx-5 {
--bs-gutter-x: 20px; }
.ur-g-5,
.ur-gy-5 {
--bs-gutter-y: 20px; }
.ur-g-6,
.ur-gx-6 {
--bs-gutter-x: 24px; }
.ur-g-6,
.ur-gy-6 {
--bs-gutter-y: 24px; }
.ur-g-7,
.ur-gx-7 {
--bs-gutter-x: 28px; }
.ur-g-7,
.ur-gy-7 {
--bs-gutter-y: 28px; }
.ur-g-8,
.ur-gx-8 {
--bs-gutter-x: 32px; }
.ur-g-8,
.ur-gy-8 {
--bs-gutter-y: 32px; }
@media (min-width: 576px) {
.ur-col-sm {
flex: 1 0 0%; }
.ur-row-cols-sm-auto > * {
flex: 0 0 auto;
width: auto; }
.ur-row-cols-sm-1 > * {
flex: 0 0 auto;
width: 100%; }
.ur-row-cols-sm-2 > * {
flex: 0 0 auto;
width: 50%; }
.ur-row-cols-sm-3 > * {
flex: 0 0 auto;
width: 33.3333333333%; }
.ur-row-cols-sm-4 > * {
flex: 0 0 auto;
width: 25%; }
.ur-row-cols-sm-5 > * {
flex: 0 0 auto;
width: 20%; }
.ur-row-cols-sm-6 > * {
flex: 0 0 auto;
width: 16.6666666667%; }
.ur-col-sm-auto {
flex: 0 0 auto;
width: auto; }
.ur-col-sm-1 {
flex: 0 0 8.3333333333%;
max-width: 8.3333333333%; }
.ur-col-sm-2 {
flex: 0 0 16.6666666667%;
max-width: 16.6666666667%; }
.ur-col-sm-3 {
flex: 0 0 25%;
max-width: 25%; }
.ur-col-sm-4 {
flex: 0 0 33.3333333333%;
max-width: 33.3333333333%; }
.ur-col-sm-5 {
flex: 0 0 41.6666666667%;
max-width: 41.6666666667%; }
.ur-col-sm-6 {
flex: 0 0 50%;
max-width: 50%; }
.ur-col-sm-7 {
flex: 0 0 58.3333333333%;
max-width: 58.3333333333%; }
.ur-col-sm-8 {
flex: 0 0 66.6666666667%;
max-width: 66.6666666667%; }
.ur-col-sm-9 {
flex: 0 0 75%;
max-width: 75%; }
.ur-col-sm-10 {
flex: 0 0 83.3333333333%;
max-width: 83.3333333333%; }
.ur-col-sm-11 {
flex: 0 0 91.6666666667%;
max-width: 91.6666666667%; }
.ur-col-sm-12 {
flex: 0 0 100%;
max-width: 100%; }
.ur-offset-sm-0 {
margin-left: 0; }
.ur-offset-sm-1 {
margin-left: 8.3333333333%; }
.ur-offset-sm-2 {
margin-left: 16.6666666667%; }
.ur-offset-sm-3 {
margin-left: 25%; }
.ur-offset-sm-4 {
margin-left: 33.3333333333%; }
.ur-offset-sm-5 {
margin-left: 41.6666666667%; }
.ur-offset-sm-6 {
margin-left: 50%; }
.ur-offset-sm-7 {
margin-left: 58.3333333333%; }
.ur-offset-sm-8 {
margin-left: 66.6666666667%; }
.ur-offset-sm-9 {
margin-left: 75%; }
.ur-offset-sm-10 {
margin-left: 83.3333333333%; }
.ur-offset-sm-11 {
margin-left: 91.6666666667%; }
.ur-g-sm-0,
.ur-gx-sm-0 {
--bs-gutter-x: 0; }
.ur-g-sm-0,
.ur-gy-sm-0 {
--bs-gutter-y: 0; }
.ur-g-sm-1,
.ur-gx-sm-1 {
--bs-gutter-x: 4px; }
.ur-g-sm-1,
.ur-gy-sm-1 {
--bs-gutter-y: 4px; }
.ur-g-sm-2,
.ur-gx-sm-2 {
--bs-gutter-x: 8px; }
.ur-g-sm-2,
.ur-gy-sm-2 {
--bs-gutter-y: 8px; }
.ur-g-sm-3,
.ur-gx-sm-3 {
--bs-gutter-x: 12px; }
.ur-g-sm-3,
.ur-gy-sm-3 {
--bs-gutter-y: 12px; }
.ur-g-sm-4,
.ur-gx-sm-4 {
--bs-gutter-x: 16px; }
.ur-g-sm-4,
.ur-gy-sm-4 {
--bs-gutter-y: 16px; }
.ur-g-sm-5,
.ur-gx-sm-5 {
--bs-gutter-x: 20px; }
.ur-g-sm-5,
.ur-gy-sm-5 {
--bs-gutter-y: 20px; }
.ur-g-sm-6,
.ur-gx-sm-6 {
--bs-gutter-x: 24px; }
.ur-g-sm-6,
.ur-gy-sm-6 {
--bs-gutter-y: 24px; }
.ur-g-sm-7,
.ur-gx-sm-7 {
--bs-gutter-x: 28px; }
.ur-g-sm-7,
.ur-gy-sm-7 {
--bs-gutter-y: 28px; }
.ur-g-sm-8,
.ur-gx-sm-8 {
--bs-gutter-x: 32px; }
.ur-g-sm-8,
.ur-gy-sm-8 {
--bs-gutter-y: 32px; } }
@media (min-width: 768px) {
.ur-col-md {
flex: 1 0 0%; }
.ur-row-cols-md-auto > * {
flex: 0 0 auto;
width: auto; }
.ur-row-cols-md-1 > * {
flex: 0 0 auto;
width: 100%; }
.ur-row-cols-md-2 > * {
flex: 0 0 auto;
width: 50%; }
.ur-row-cols-md-3 > * {
flex: 0 0 auto;
width: 33.3333333333%; }
.ur-row-cols-md-4 > * {
flex: 0 0 auto;
width: 25%; }
.ur-row-cols-md-5 > * {
flex: 0 0 auto;
width: 20%; }
.ur-row-cols-md-6 > * {
flex: 0 0 auto;
width: 16.6666666667%; }
.ur-col-md-auto {
flex: 0 0 auto;
width: auto; }
.ur-col-md-1 {
flex: 0 0 8.3333333333%;
max-width: 8.3333333333%; }
.ur-col-md-2 {
flex: 0 0 16.6666666667%;
max-width: 16.6666666667%; }
.ur-col-md-3 {
flex: 0 0 25%;
max-width: 25%; }
.ur-col-md-4 {
flex: 0 0 33.3333333333%;
max-width: 33.3333333333%; }
.ur-col-md-5 {
flex: 0 0 41.6666666667%;
max-width: 41.6666666667%; }
.ur-col-md-6 {
flex: 0 0 50%;
max-width: 50%; }
.ur-col-md-7 {
flex: 0 0 58.3333333333%;
max-width: 58.3333333333%; }
.ur-col-md-8 {
flex: 0 0 66.6666666667%;
max-width: 66.6666666667%; }
.ur-col-md-9 {
flex: 0 0 75%;
max-width: 75%; }
.ur-col-md-10 {
flex: 0 0 83.3333333333%;
max-width: 83.3333333333%; }
.ur-col-md-11 {
flex: 0 0 91.6666666667%;
max-width: 91.6666666667%; }
.ur-col-md-12 {
flex: 0 0 100%;
max-width: 100%; }
.ur-offset-md-0 {
margin-left: 0; }
.ur-offset-md-1 {
margin-left: 8.3333333333%; }
.ur-offset-md-2 {
margin-left: 16.6666666667%; }
.ur-offset-md-3 {
margin-left: 25%; }
.ur-offset-md-4 {
margin-left: 33.3333333333%; }
.ur-offset-md-5 {
margin-left: 41.6666666667%; }
.ur-offset-md-6 {
margin-left: 50%; }
.ur-offset-md-7 {
margin-left: 58.3333333333%; }
.ur-offset-md-8 {
margin-left: 66.6666666667%; }
.ur-offset-md-9 {
margin-left: 75%; }
.ur-offset-md-10 {
margin-left: 83.3333333333%; }
.ur-offset-md-11 {
margin-left: 91.6666666667%; }
.ur-g-md-0,
.ur-gx-md-0 {
--bs-gutter-x: 0; }
.ur-g-md-0,
.ur-gy-md-0 {
--bs-gutter-y: 0; }
.ur-g-md-1,
.ur-gx-md-1 {
--bs-gutter-x: 4px; }
.ur-g-md-1,
.ur-gy-md-1 {
--bs-gutter-y: 4px; }
.ur-g-md-2,
.ur-gx-md-2 {
--bs-gutter-x: 8px; }
.ur-g-md-2,
.ur-gy-md-2 {
--bs-gutter-y: 8px; }
.ur-g-md-3,
.ur-gx-md-3 {
--bs-gutter-x: 12px; }
.ur-g-md-3,
.ur-gy-md-3 {
--bs-gutter-y: 12px; }
.ur-g-md-4,
.ur-gx-md-4 {
--bs-gutter-x: 16px; }
.ur-g-md-4,
.ur-gy-md-4 {
--bs-gutter-y: 16px; }
.ur-g-md-5,
.ur-gx-md-5 {
--bs-gutter-x: 20px; }
.ur-g-md-5,
.ur-gy-md-5 {
--bs-gutter-y: 20px; }
.ur-g-md-6,
.ur-gx-md-6 {
--bs-gutter-x: 24px; }
.ur-g-md-6,
.ur-gy-md-6 {
--bs-gutter-y: 24px; }
.ur-g-md-7,
.ur-gx-md-7 {
--bs-gutter-x: 28px; }
.ur-g-md-7,
.ur-gy-md-7 {
--bs-gutter-y: 28px; }
.ur-g-md-8,
.ur-gx-md-8 {
--bs-gutter-x: 32px; }
.ur-g-md-8,
.ur-gy-md-8 {
--bs-gutter-y: 32px; } }
@media (min-width: 992px) {
.ur-col-lg {
flex: 1 0 0%; }
.ur-row-cols-lg-auto > * {
flex: 0 0 auto;
width: auto; }
.ur-row-cols-lg-1 > * {
flex: 0 0 auto;
width: 100%; }
.ur-row-cols-lg-2 > * {
flex: 0 0 auto;
width: 50%; }
.ur-row-cols-lg-3 > * {
flex: 0 0 auto;
width: 33.3333333333%; }
.ur-row-cols-lg-4 > * {
flex: 0 0 auto;
width: 25%; }
.ur-row-cols-lg-5 > * {
flex: 0 0 auto;
width: 20%; }
.ur-row-cols-lg-6 > * {
flex: 0 0 auto;
width: 16.6666666667%; }
.ur-col-lg-auto {
flex: 0 0 auto;
width: auto; }
.ur-col-lg-1 {
flex: 0 0 8.3333333333%;
max-width: 8.3333333333%; }
.ur-col-lg-2 {
flex: 0 0 16.6666666667%;
max-width: 16.6666666667%; }
.ur-col-lg-3 {
flex: 0 0 25%;
max-width: 25%; }
.ur-col-lg-4 {
flex: 0 0 33.3333333333%;
max-width: 33.3333333333%; }
.ur-col-lg-5 {
flex: 0 0 41.6666666667%;
max-width: 41.6666666667%; }
.ur-col-lg-6 {
flex: 0 0 50%;
max-width: 50%; }
.ur-col-lg-7 {
flex: 0 0 58.3333333333%;
max-width: 58.3333333333%; }
.ur-col-lg-8 {
flex: 0 0 66.6666666667%;
max-width: 66.6666666667%; }
.ur-col-lg-9 {
flex: 0 0 75%;
max-width: 75%; }
.ur-col-lg-10 {
flex: 0 0 83.3333333333%;
max-width: 83.3333333333%; }
.ur-col-lg-11 {
flex: 0 0 91.6666666667%;
max-width: 91.6666666667%; }
.ur-col-lg-12 {
flex: 0 0 100%;
max-width: 100%; }
.ur-offset-lg-0 {
margin-left: 0; }
.ur-offset-lg-1 {
margin-left: 8.3333333333%; }
.ur-offset-lg-2 {
margin-left: 16.6666666667%; }
.ur-offset-lg-3 {
margin-left: 25%; }
.ur-offset-lg-4 {
margin-left: 33.3333333333%; }
.ur-offset-lg-5 {
margin-left: 41.6666666667%; }
.ur-offset-lg-6 {
margin-left: 50%; }
.ur-offset-lg-7 {
margin-left: 58.3333333333%; }
.ur-offset-lg-8 {
margin-left: 66.6666666667%; }
.ur-offset-lg-9 {
margin-left: 75%; }
.ur-offset-lg-10 {
margin-left: 83.3333333333%; }
.ur-offset-lg-11 {
margin-left: 91.6666666667%; }
.ur-g-lg-0,
.ur-gx-lg-0 {
--bs-gutter-x: 0; }
.ur-g-lg-0,
.ur-gy-lg-0 {
--bs-gutter-y: 0; }
.ur-g-lg-1,
.ur-gx-lg-1 {
--bs-gutter-x: 4px; }
.ur-g-lg-1,
.ur-gy-lg-1 {
--bs-gutter-y: 4px; }
.ur-g-lg-2,
.ur-gx-lg-2 {
--bs-gutter-x: 8px; }
.ur-g-lg-2,
.ur-gy-lg-2 {
--bs-gutter-y: 8px; }
.ur-g-lg-3,
.ur-gx-lg-3 {
--bs-gutter-x: 12px; }
.ur-g-lg-3,
.ur-gy-lg-3 {
--bs-gutter-y: 12px; }
.ur-g-lg-4,
.ur-gx-lg-4 {
--bs-gutter-x: 16px; }
.ur-g-lg-4,
.ur-gy-lg-4 {
--bs-gutter-y: 16px; }
.ur-g-lg-5,
.ur-gx-lg-5 {
--bs-gutter-x: 20px; }
.ur-g-lg-5,
.ur-gy-lg-5 {
--bs-gutter-y: 20px; }
.ur-g-lg-6,
.ur-gx-lg-6 {
--bs-gutter-x: 24px; }
.ur-g-lg-6,
.ur-gy-lg-6 {
--bs-gutter-y: 24px; }
.ur-g-lg-7,
.ur-gx-lg-7 {
--bs-gutter-x: 28px; }
.ur-g-lg-7,
.ur-gy-lg-7 {
--bs-gutter-y: 28px; }
.ur-g-lg-8,
.ur-gx-lg-8 {
--bs-gutter-x: 32px; }
.ur-g-lg-8,
.ur-gy-lg-8 {
--bs-gutter-y: 32px; } }
@media (min-width: 1200px) {
.ur-col-xl {
flex: 1 0 0%; }
.ur-row-cols-xl-auto > * {
flex: 0 0 auto;
width: auto; }
.ur-row-cols-xl-1 > * {
flex: 0 0 auto;
width: 100%; }
.ur-row-cols-xl-2 > * {
flex: 0 0 auto;
width: 50%; }
.ur-row-cols-xl-3 > * {
flex: 0 0 auto;
width: 33.3333333333%; }
.ur-row-cols-xl-4 > * {
flex: 0 0 auto;
width: 25%; }
.ur-row-cols-xl-5 > * {
flex: 0 0 auto;
width: 20%; }
.ur-row-cols-xl-6 > * {
flex: 0 0 auto;
width: 16.6666666667%; }
.ur-col-xl-auto {
flex: 0 0 auto;
width: auto; }
.ur-col-xl-1 {
flex: 0 0 8.3333333333%;
max-width: 8.3333333333%; }
.ur-col-xl-2 {
flex: 0 0 16.6666666667%;
max-width: 16.6666666667%; }
.ur-col-xl-3 {
flex: 0 0 25%;
max-width: 25%; }
.ur-col-xl-4 {
flex: 0 0 33.3333333333%;
max-width: 33.3333333333%; }
.ur-col-xl-5 {
flex: 0 0 41.6666666667%;
max-width: 41.6666666667%; }
.ur-col-xl-6 {
flex: 0 0 50%;
max-width: 50%; }
.ur-col-xl-7 {
flex: 0 0 58.3333333333%;
max-width: 58.3333333333%; }
.ur-col-xl-8 {
flex: 0 0 66.6666666667%;
max-width: 66.6666666667%; }
.ur-col-xl-9 {
flex: 0 0 75%;
max-width: 75%; }
.ur-col-xl-10 {
flex: 0 0 83.3333333333%;
max-width: 83.3333333333%; }
.ur-col-xl-11 {
flex: 0 0 91.6666666667%;
max-width: 91.6666666667%; }
.ur-col-xl-12 {
flex: 0 0 100%;
max-width: 100%; }
.ur-offset-xl-0 {
margin-left: 0; }
.ur-offset-xl-1 {
margin-left: 8.3333333333%; }
.ur-offset-xl-2 {
margin-left: 16.6666666667%; }
.ur-offset-xl-3 {
margin-left: 25%; }
.ur-offset-xl-4 {
margin-left: 33.3333333333%; }
.ur-offset-xl-5 {
margin-left: 41.6666666667%; }
.ur-offset-xl-6 {
margin-left: 50%; }
.ur-offset-xl-7 {
margin-left: 58.3333333333%; }
.ur-offset-xl-8 {
margin-left: 66.6666666667%; }
.ur-offset-xl-9 {
margin-left: 75%; }
.ur-offset-xl-10 {
margin-left: 83.3333333333%; }
.ur-offset-xl-11 {
margin-left: 91.6666666667%; }
.ur-g-xl-0,
.ur-gx-xl-0 {
--bs-gutter-x: 0; }
.ur-g-xl-0,
.ur-gy-xl-0 {
--bs-gutter-y: 0; }
.ur-g-xl-1,
.ur-gx-xl-1 {
--bs-gutter-x: 4px; }
.ur-g-xl-1,
.ur-gy-xl-1 {
--bs-gutter-y: 4px; }
.ur-g-xl-2,
.ur-gx-xl-2 {
--bs-gutter-x: 8px; }
.ur-g-xl-2,
.ur-gy-xl-2 {
--bs-gutter-y: 8px; }
.ur-g-xl-3,
.ur-gx-xl-3 {
--bs-gutter-x: 12px; }
.ur-g-xl-3,
.ur-gy-xl-3 {
--bs-gutter-y: 12px; }
.ur-g-xl-4,
.ur-gx-xl-4 {
--bs-gutter-x: 16px; }
.ur-g-xl-4,
.ur-gy-xl-4 {
--bs-gutter-y: 16px; }
.ur-g-xl-5,
.ur-gx-xl-5 {
--bs-gutter-x: 20px; }
.ur-g-xl-5,
.ur-gy-xl-5 {
--bs-gutter-y: 20px; }
.ur-g-xl-6,
.ur-gx-xl-6 {
--bs-gutter-x: 24px; }
.ur-g-xl-6,
.ur-gy-xl-6 {
--bs-gutter-y: 24px; }
.ur-g-xl-7,
.ur-gx-xl-7 {
--bs-gutter-x: 28px; }
.ur-g-xl-7,
.ur-gy-xl-7 {
--bs-gutter-y: 28px; }
.ur-g-xl-8,
.ur-gx-xl-8 {
--bs-gutter-x: 32px; }
.ur-g-xl-8,
.ur-gy-xl-8 {
--bs-gutter-y: 32px; } }
@media (min-width: 1400px) {
.ur-col-xxl {
flex: 1 0 0%; }
.ur-row-cols-xxl-auto > * {
flex: 0 0 auto;
width: auto; }
.ur-row-cols-xxl-1 > * {
flex: 0 0 auto;
width: 100%; }
.ur-row-cols-xxl-2 > * {
flex: 0 0 auto;
width: 50%; }
.ur-row-cols-xxl-3 > * {
flex: 0 0 auto;
width: 33.3333333333%; }
.ur-row-cols-xxl-4 > * {
flex: 0 0 auto;
width: 25%; }
.ur-row-cols-xxl-5 > * {
flex: 0 0 auto;
width: 20%; }
.ur-row-cols-xxl-6 > * {
flex: 0 0 auto;
width: 16.6666666667%; }
.ur-col-xxl-auto {
flex: 0 0 auto;
width: auto; }
.ur-col-xxl-1 {
flex: 0 0 8.3333333333%;
max-width: 8.3333333333%; }
.ur-col-xxl-2 {
flex: 0 0 16.6666666667%;
max-width: 16.6666666667%; }
.ur-col-xxl-3 {
flex: 0 0 25%;
max-width: 25%; }
.ur-col-xxl-4 {
flex: 0 0 33.3333333333%;
max-width: 33.3333333333%; }
.ur-col-xxl-5 {
flex: 0 0 41.6666666667%;
max-width: 41.6666666667%; }
.ur-col-xxl-6 {
flex: 0 0 50%;
max-width: 50%; }
.ur-col-xxl-7 {
flex: 0 0 58.3333333333%;
max-width: 58.3333333333%; }
.ur-col-xxl-8 {
flex: 0 0 66.6666666667%;
max-width: 66.6666666667%; }
.ur-col-xxl-9 {
flex: 0 0 75%;
max-width: 75%; }
.ur-col-xxl-10 {
flex: 0 0 83.3333333333%;
max-width: 83.3333333333%; }
.ur-col-xxl-11 {
flex: 0 0 91.6666666667%;
max-width: 91.6666666667%; }
.ur-col-xxl-12 {
flex: 0 0 100%;
max-width: 100%; }
.ur-offset-xxl-0 {
margin-left: 0; }
.ur-offset-xxl-1 {
margin-left: 8.3333333333%; }
.ur-offset-xxl-2 {
margin-left: 16.6666666667%; }
.ur-offset-xxl-3 {
margin-left: 25%; }
.ur-offset-xxl-4 {
margin-left: 33.3333333333%; }
.ur-offset-xxl-5 {
margin-left: 41.6666666667%; }
.ur-offset-xxl-6 {
margin-left: 50%; }
.ur-offset-xxl-7 {
margin-left: 58.3333333333%; }
.ur-offset-xxl-8 {
margin-left: 66.6666666667%; }
.ur-offset-xxl-9 {
margin-left: 75%; }
.ur-offset-xxl-10 {
margin-left: 83.3333333333%; }
.ur-offset-xxl-11 {
margin-left: 91.6666666667%; }
.ur-g-xxl-0,
.ur-gx-xxl-0 {
--bs-gutter-x: 0; }
.ur-g-xxl-0,
.ur-gy-xxl-0 {
--bs-gutter-y: 0; }
.ur-g-xxl-1,
.ur-gx-xxl-1 {
--bs-gutter-x: 4px; }
.ur-g-xxl-1,
.ur-gy-xxl-1 {
--bs-gutter-y: 4px; }
.ur-g-xxl-2,
.ur-gx-xxl-2 {
--bs-gutter-x: 8px; }
.ur-g-xxl-2,
.ur-gy-xxl-2 {
--bs-gutter-y: 8px; }
.ur-g-xxl-3,
.ur-gx-xxl-3 {
--bs-gutter-x: 12px; }
.ur-g-xxl-3,
.ur-gy-xxl-3 {
--bs-gutter-y: 12px; }
.ur-g-xxl-4,
.ur-gx-xxl-4 {
--bs-gutter-x: 16px; }
.ur-g-xxl-4,
.ur-gy-xxl-4 {
--bs-gutter-y: 16px; }
.ur-g-xxl-5,
.ur-gx-xxl-5 {
--bs-gutter-x: 20px; }
.ur-g-xxl-5,
.ur-gy-xxl-5 {
--bs-gutter-y: 20px; }
.ur-g-xxl-6,
.ur-gx-xxl-6 {
--bs-gutter-x: 24px; }
.ur-g-xxl-6,
.ur-gy-xxl-6 {
--bs-gutter-y: 24px; }
.ur-g-xxl-7,
.ur-gx-xxl-7 {
--bs-gutter-x: 28px; }
.ur-g-xxl-7,
.ur-gy-xxl-7 {
--bs-gutter-y: 28px; }
.ur-g-xxl-8,
.ur-gx-xxl-8 {
--bs-gutter-x: 32px; }
.ur-g-xxl-8,
.ur-gy-xxl-8 {
--bs-gutter-y: 32px; } }
.user-registration-overlay {
background-color: rgba(45, 53, 89, 0.3);
position: absolute;
left: 0;
right: 0;
top: 0;
bottom: 0;
z-index: 1; }
.user-registration-overlay.is-fixed {
position: fixed; }
#wpcontent .user-registration-overlay {
margin-left: -20px; }
.user-registration-overlay .ur-spinner {
position: absolute;
left: 0;
right: 0;
top: 50%;
transform: translateY(-50%);
margin: 0 auto; }
.user-registration-overlay .ur-spinner::before {
width: 20px;
height: 20px; }
#wpcontent .wrap .user-registration-header {
margin: -10px -20px 0 -22px; }
.user-registration-header {
background: #ffffff;
padding: 12px 16px; }
.user-registration_page_user-registration-settings .user-registration-header {
background-color: #475bb2;
padding: 20px 0 0; }
.user-registration_page_user-registration-settings .user-registration-header .ur-scroll-ui__scroll-nav__icon {
color: #ffffff; }
.user-registration_page_user-registration-settings .user-registration-header .ur-scroll-ui__scroll-nav--backward {
background: linear-gradient(to left, rgba(71, 91, 178, 0.3), rgba(71, 91, 178, 0.85), #475bb2); }
.user-registration_page_user-registration-settings .user-registration-header .ur-scroll-ui__scroll-nav--forward {
background: linear-gradient(to right, rgba(71, 91, 178, 0.3), rgba(71, 91, 178, 0.85), #475bb2); }
.user-registration_page_user-registration-settings .user-registration-header .subsubsub {
background: #ffffff;
font-size: 14px;
padding: 0 16px;
margin-top: 0;
float: none;
text-align: left; }
.user-registration_page_user-registration-settings .user-registration-header .subsubsub a {
color: #2d3559;
display: block;
font-weight: 600;
padding: 8px 12px; }
.user-registration_page_user-registration-settings .user-registration-header .subsubsub a.current {
color: #475bb2; }
.user-registration-template-setup {
max-width: 1074px;
margin: 40px auto 0; }
.user-registration-template-setup *,
.user-registration-template-setup ::before,
.user-registration-template-setup ::after {
box-sizing: border-box; }
.user-registration-template-wrap {
cursor: pointer;
margin-bottom: 24px; }
.user-registration-template-wrap#user-registration-email-template-blank .user-registration-template-wrap__figure::before {
content: '';
display: block;
background-color: rgba(45, 53, 89, 0.2);
position: absolute;
top: 0;
bottom: 0;
width: 100%;
transition: all 0.3s ease 0s;
opacity: 0;
visibility: none; }
.user-registration-template-wrap#user-registration-email-template-blank:hover .user-registration-template-wrap__figure::before {
opacity: 1;
visibility: visible; }
.user-registration-template-wrap__figure {
background-color: #f0f1f5;
margin: 0;
min-height: 260px;
position: relative;
border-radius: 4px;
overflow: hidden; }
.user-registration-template-wrap__figure img {
max-width: 100%;
display: block; }
.user-registration-template-wrap__overlay {
background: rgba(45, 53, 89, 0.6);
display: flex;
align-items: center;
justify-content: center;
position: absolute;
left: 0;
right: 0;
top: 0;
bottom: 0;
transition: all 0.3s ease 0s;
visibility: hidden;
opacity: 0; }
.user-registration-template-wrap__overlay .button {
border-color: #ffffff; }
.user-registration-template-wrap__title {
color: #4c5477;
font-size: 16px;
font-weight: 500; }
.user-registration-template-wrap__title:hover {
color: #475bb2; }
.user-registration-template-wrap:hover .user-registration-template-wrap__overlay {
visibility: visible;
opacity: 1; }
/**
* Keyframe animation
*/
@keyframes spin {
100% {
transform: rotate(360deg); } }
@keyframes ur-circle-loading {
0%,
100% {
animation-timing-function: cubic-bezier(0.2, 0, 0.8, 1); }
50% {
animation-timing-function: cubic-bezier(0, 0.2, 1, 0.8); }
0% {
transform: rotate(0deg) translate(0, -20px) scale(0); }
50% {
transform: rotate(180deg) translate(0, -20px) scale(1); }
100% {
transform: rotate(360deg) translate(0, -20px) scale(0); } }
@-webkit-keyframes ur-circle-loading-keyframe {
0%,
100% {
animation-timing-function: cubic-bezier(0.2, 0, 0.8, 1); }
50% {
animation-timing-function: cubic-bezier(0, 0.2, 1, 0.8); }
0% {
transform: rotate(0deg) translate(0, -20px) scale(0); }
50% {
transform: rotate(180deg) translate(0, -20px) scale(1); }
100% {
transform: rotate(360deg) translate(0, -20px) scale(0); } }
@keyframes open-message {
0% {
opacity: 0;
transform: translateY(-120%); }
100% {
transform: translateY(0px); } }
@keyframes close-message {
0% {
opacity: 1;
transform: scale(1); }
100% {
opacity: 0;
transform: scale(0.9); } }
/**
* Styling begins
*/
.blockUI.blockOverlay::before {
width: 16px;
height: 16px;
position: absolute;
display: block;
content: '';
animation: spin 1s ease-in-out infinite;
background: url("../images/icons/loader.svg") center center;
background-size: cover; }
.toplevel_page_user-registration .shortcode .widefat,
.user-registration_page_user-registration-frontend-list .shortcode .widefat {
width: calc(100% - 40px); }
.toplevel_page_user-registration .shortcode .ur-copy-shortcode,
.user-registration_page_user-registration-frontend-list .shortcode .ur-copy-shortcode {
padding: 4px;
line-height: 1; }
.user-registration_page_user-registration-dashboard #wpcontent {
margin-left: 140px; }
.user-registration_page_user-registration-dashboard #wpcontent #wpbody-content {
float: none; }
.user-registration_page_user-registration-settings .notice {
display: none; }
.ur-spinner {
width: 16px;
height: 16px;
margin-left: 6px;
margin-bottom: 2px;
display: inline-block;
vertical-align: middle; }
.ur-spinner::before {
width: 16px;
height: 16px;
position: absolute;
display: block;
content: '';
animation: spin 1s ease-in-out infinite;
background: url("../images/icons/loader.svg") center center;
background-size: cover; }
/**
* Toggle class.
*/
.userregistration-forms-hidden {
display: block; }
.userregistration-forms-hidden {
display: none; }
.user-registration__wrap *,
.user-registration__wrap ::before,
.user-registration__wrap ::after {
box-sizing: border-box; }
.ur-export-users-page {
margin-top: 24px; }
.ur-export-users-page .nav-tab-content .nav-tab-inside .postbox {
width: 50%;
flex: 1; }
.ur-export-users-page .nav-tab-content .nav-tab-inside .postbox .hndle {
border-bottom: 1px solid #ccd0d4; }
.ur-export-users-page .nav-tab-content .nav-tab-inside .postbox .ur-input, .ur-export-users-page .nav-tab-content .nav-tab-inside .postbox .swal2-container .user-registration-swal2-modal .swal2-input, .swal2-container .user-registration-swal2-modal .ur-export-users-page .nav-tab-content .nav-tab-inside .postbox .swal2-input {
max-width: inherit; }
.ur-export-users-page .nav-tab-content .hndle,
.ur-export-users-page .nav-tab-content .stuffbox .hndle {
margin: 10px;
padding-bottom: 10px; }
.ur-export-users-page .nav-tab-content .stuffbox {
padding: 10px; }
.ur-label .user-registration-help-tip {
margin-left: 4px; }
.ur-label label span:not(.ur-portal-tooltip) {
margin-left: 3px; }
.jconfirm-cell {
padding-left: 30%;
padding-right: 30%; }
.jconfirm-content-pane {
height: auto !important; }
.jconfirm-content-pane .ur-shortcut-keyword {
display: flex;
align-items: center;
margin-bottom: 18px;
font-size: 18px; }
.jconfirm-content-pane .ur-shortcut-keyword .ur-shortcut-title {
flex: 3; }
.jconfirm-content-pane .ur-shortcut-keyword .ur-key {
display: flex;
flex: 2;
column-gap: 8px;
color: #3498db; }
.jconfirm-content-pane .ur-shortcut-keyword .ur-key span {
border: 1px solid #3498db;
background-color: #3498db13;
padding: 5px 15px;
border-radius: 2px; }
.jconfirm-content-pane .ur-shortcut-keyword .ur-key .ur-key-plus {
margin-top: 5px;
font-size: 1.2em; }
.jconfirm-content-pane .ur-shortcut-keyword .ur-key .ur-key-character {
width: 15px;
padding: 5px 10px;
text-align: center; }
/**
* Addons page
**/
.ur_addons_wrap p.refresh {
margin: 0 0 2em; }
.ur_addons_wrap .wp-filter {
display: none; }
.ur_addons_wrap .plugin-card {
position: relative; }
.ur_addons_wrap .plugin-card h3 {
margin: 0;
font-size: 18px;
font-weight: 600;
line-height: 24px; }
.ur_addons_wrap .plugin-card .name,
.ur_addons_wrap .plugin-card .desc {
margin-right: 0;
margin-left: 156px; }
.ur_addons_wrap .plugin-card .plugin-card-left .plugin-icon {
height: 140px;
width: 140px;
border: 1px solid #eee;
border-radius: 2px;
background-size: contain;
background-repeat: no-repeat; }
.ur_addons_wrap .plugin-card .plugin-card-right {
display: flex;
flex-direction: column;
align-items: flex-start;
padding: 20px;
background-color: #fcfcff;
border: 1px solid #b7c4ff;
min-height: 130px; }
.ur_addons_wrap .plugin-card .plugin-card-right .plugin-desc {
overflow: hidden;
display: -webkit-box;
-webkit-line-clamp: 3;
-webkit-box-orient: vertical; }
.ur_addons_wrap .plugin-card .plugin-card-right .plugin-card-buttons {
margin-left: 148px; }
.ur_addons_wrap .plugin-card .plugin-card-right .plugin-card-buttons .action-buttons {
float: right;
clear: right;
max-width: 180px;
margin-left: 10px; }
.ur_addons_wrap .plugin-card .plugin-card-right .plugin-card-buttons .action-buttons .install-now:hover {
border-radius: 2px;
background-color: #475bb2;
color: #fff; }
.ur_addons_wrap .plugin-card .plugin-card-right .plugin-card-buttons .action-buttons .upgrade-now {
background: #475bb2 !important;
color: #fff;
font-weight: 500; }
.ur_addons_wrap .plugin-card .plugin-card-right .plugin-card-buttons .action-buttons .upgrade-now:hover {
background: #516be0 !important;
color: #fff; }
.ur_addons_wrap .plugin-card .plugin-card-right .plugin-card-buttons .action-buttons.upgrade-plan {
margin: 0 auto; }
.ur_addons_wrap .plugin-card-update-failed .notice-error {
margin: 0;
padding: 9px 16px 8px; }
.ur_addons_wrap .plugin-card-update-failed .notice-error .notice-dismiss {
padding: 17px; }
@media screen and (max-width: 782px) {
.ur_addons_wrap .plugin-card .plugin-card-bottom .action-buttons .button.updating-message::before, .ur_addons_wrap .plugin-card .plugin-card-bottom .action-buttons .button.updating-message::after {
margin-top: -1px; }
.ur_addons_wrap .plugin-card-update-failed .notice-error {
padding: 13px 20px; }
.ur_addons_wrap .plugin-card-update-failed .notice-error .notice-dismiss {
padding: 21px; } }
.clear {
clear: both; }
.wrap.user-registration div.updated,
.wrap.user-registration div.error {
margin-top: 10px; }
/**
* Form Builder Styles
**/
.user-registration_page_add-new-registration #wpfooter,
.toplevel_page_user-registration #wpfooter {
display: none; }
.user-registration_page_add-new-registration .ur-form-container,
.toplevel_page_user-registration .ur-form-container {
margin: 0; }
.user-registration_page_add-new-registration .ur-form-container .ur-loading-container,
.toplevel_page_user-registration .ur-form-container .ur-loading-container {
position: fixed;
left: 160px;
right: 0;
top: 0;
bottom: 0;
background: #ffffff;
display: flex;
z-index: 9; }
.user-registration_page_add-new-registration .ur-form-container .ur-loading-container .ur-circle-loading,
.toplevel_page_user-registration .ur-form-container .ur-loading-container .ur-circle-loading {
margin: auto;
left: 30px; }
.user-registration_page_add-new-registration .ur-form-container #menu-management,
.toplevel_page_user-registration .ur-form-container #menu-management {
margin-top: 0; }
.user-registration_page_add-new-registration .ur-form-container #menu-management .menu-edit,
.toplevel_page_user-registration .ur-form-container #menu-management .menu-edit {
position: fixed;
left: 160px;
right: 0;
border: none;
box-shadow: none;
margin-bottom: 0; }
.user-registration_page_add-new-registration .ur-form-container #ur-full-screen-mode.closed .ur-fs-close-label,
.toplevel_page_user-registration .ur-form-container #ur-full-screen-mode.closed .ur-fs-close-label {
display: none; }
.user-registration_page_add-new-registration .ur-form-container #ur-full-screen-mode.opened .ur-fs-open-label,
.toplevel_page_user-registration .ur-form-container #ur-full-screen-mode.opened .ur-fs-open-label {
display: none; }
.user-registration_page_add-new-registration #menu-management-liquid,
.toplevel_page_user-registration #menu-management-liquid {
margin-top: 0;
margin-left: -20px;
min-width: calc(100% + 20px); }
.user-registration_page_add-new-registration #nav-menu-header,
.toplevel_page_user-registration #nav-menu-header {
padding: 12px;
display: flex;
align-items: center;
position: relative;
border-color: #e1e1e1;
background-color: #ffffff;
z-index: 9; }
.user-registration_page_add-new-registration #nav-menu-header .ur-brand-logo,
.toplevel_page_user-registration #nav-menu-header .ur-brand-logo {
border-right: 1px solid #e1e1e1; }
.user-registration_page_add-new-registration #nav-menu-header .ur-brand-logo img,
.toplevel_page_user-registration #nav-menu-header .ur-brand-logo img {
width: 32px;
height: 32px;
margin-right: 8px;
display: flex; }
.user-registration_page_add-new-registration #nav-menu-header .ur-brand-logo a,
.toplevel_page_user-registration #nav-menu-header .ur-brand-logo a {
text-decoration: none;
border: none; }
.user-registration_page_add-new-registration #nav-menu-header .ur-brand-logo a:focus,
.toplevel_page_user-registration #nav-menu-header .ur-brand-logo a:focus {
outline: none;
box-shadow: none; }
.user-registration_page_add-new-registration #nav-menu-header::before, .user-registration_page_add-new-registration #nav-menu-header::after,
.toplevel_page_user-registration #nav-menu-header::before,
.toplevel_page_user-registration #nav-menu-header::after {
content: "";
display: flex;
position: absolute;
left: 0;
right: 0;
bottom: 0;
background: #ffffff; }
.user-registration_page_add-new-registration #nav-menu-header::before,
.toplevel_page_user-registration #nav-menu-header::before {
top: 0;
z-index: -1; }
.user-registration_page_add-new-registration #nav-menu-header::after,
.toplevel_page_user-registration #nav-menu-header::after {
height: 10px;
box-shadow: 0px 4px 8px rgba(45, 53, 89, 0.08);
z-index: -2; }
.user-registration_page_add-new-registration .major-publishing-actions,
.toplevel_page_user-registration .major-publishing-actions {
clear: both;
line-height: 28px;
margin-left: auto; }
.user-registration_page_add-new-registration .major-publishing-actions .publishing-action,
.toplevel_page_user-registration .major-publishing-actions .publishing-action {
text-align: right;
float: right; }
.user-registration_page_add-new-registration .major-publishing-actions .publishing-action input.code,
.toplevel_page_user-registration .major-publishing-actions .publishing-action input.code {
width: 280px;
height: 33px;
padding: 0 6px;
margin: 0;
border-color: #e9e9e9;
background: #f8f8fa;
border-radius: 3px 0 0 3px; }
.user-registration_page_add-new-registration .major-publishing-actions .login-forms-shortcode-action input.code,
.toplevel_page_user-registration .major-publishing-actions .login-forms-shortcode-action input.code {
font-size: large;
width: 320px;
height: 33px;
padding: 0 6px;
margin: 0;
border-color: #e9e9e9;
background: #f8f8fa;
border-radius: 3px 0 0 3px;
display: inline; }
.user-registration_page_add-new-registration .major-publishing-actions #copy-shortcode,
.toplevel_page_user-registration .major-publishing-actions #copy-shortcode {
margin-left: -5px;
border-radius: 0 4px 4px 0;
background: #edeff7 !important;
border-color: #e9e9e9 !important; }
.user-registration_page_add-new-registration .major-publishing-actions #copy-shortcode svg,
.toplevel_page_user-registration .major-publishing-actions #copy-shortcode svg {
fill: #ffffff;
margin-bottom: 5px;
vertical-align: middle; }
/**
* Backbone modal dialog
*/
.ur-backbone-modal * {
box-sizing: border-box; }
.ur-backbone-modal .ur-backbone-modal-content {
position: fixed;
background-color: #ffffff;
z-index: 100000;
left: 50%;
top: 50%;
transform: translate(-50%, -50%);
width: 500px; }
.ur-backbone-modal .ur-backbone-modal-content article {
overflow: auto; }
.ur-backbone-modal.ur-backbone-modal-content {
width: 75%;
min-width: 500px; }
.ur-backbone-modal .select2-container {
width: 100% !important; }
.ur-backbone-modal-backdrop {
position: fixed;
top: 0;
left: 0;
right: 0;
bottom: 0;
min-height: 360px;
background-color: #2d3559;
opacity: 0.7;
z-index: 99900; }
.ur-backbone-modal-main {
padding-bottom: 55px; }
.ur-backbone-modal-main header,
.ur-backbone-modal-main article {
display: block;
position: relative; }
.ur-backbone-modal-main .ur-backbone-modal-header {
height: auto;
background-color: #f0f1f5;
padding: 1em 1.5em;
border-bottom: 1px solid #e1e1e1; }
.ur-backbone-modal-main .ur-backbone-modal-header h1 {
margin: 0;
font-size: 18px;
font-weight: 700;
line-height: 1.5em; }
.ur-backbone-modal-main .ur-backbone-modal-header .modal-close-link {
cursor: pointer;
color: #777;
height: 54px;
width: 54px;
padding: 0;
position: absolute;
top: 0;
right: 0;
text-align: center;
border: 0;
border-left: 1px solid #e1e1e1;
background-color: transparent;
transition: color 0.1s ease-in-out,
background 0.1s ease-in-out; }
.ur-backbone-modal-main .ur-backbone-modal-header .modal-close-link::before {
font: normal 22px/50px "dashicons" !important;
color: #676d8a;
display: block;
content: "\f335";
font-weight: 300; }
.ur-backbone-modal-main .ur-backbone-modal-header .modal-close-link:hover, .ur-backbone-modal-main .ur-backbone-modal-header .modal-close-link:focus {
background-color: #dee0e9;
border-color: #ccc;
color: #2d3559; }
.ur-backbone-modal-main .ur-backbone-modal-header .modal-close-link:focus {
outline: none; }
.ur-backbone-modal-main article {
padding: 1.5em; }
.ur-backbone-modal-main article p {
margin: 1.5em 0; }
.ur-backbone-modal-main article p:first-child {
margin-top: 0; }
.ur-backbone-modal-main article p:last-child {
margin-bottom: 0; }
.ur-backbone-modal-main article .pagination {
padding: 10px 0 0;
text-align: center; }
.ur-backbone-modal-main footer {
position: absolute;
left: 0;
right: 0;
bottom: 0;
z-index: 100;
padding: 1em 1.5em;
background-color: #f0f1f5;
border-top: 1px solid #dfdfdf;
box-shadow: 0 -4px 4px -4px rgba(0, 0, 0, 0.1); }
.ur-backbone-modal-main footer .inner {
float: right;
line-height: 23px; }
.ur-backbone-modal-main footer .inner .button {
margin-bottom: 0; }
.user-registration textarea[disabled="disabled"] {
background: #dfdfdf !important; }
.user-registration table.form-table {
margin: 0;
position: relative; }
.user-registration table.form-table fieldset {
margin-top: 4px; }
.user-registration table.form-table fieldset img.help_tip,
.user-registration table.form-table fieldset .user-registration-help-tip {
margin: -3px 0 0 5px; }
.user-registration table.form-table fieldset p.description {
margin-bottom: 8px; }
.user-registration table.form-table fieldset:first-child {
margin-top: 0; }
.user-registration table.form-table th {
position: relative;
padding-right: 24px; }
.user-registration table.form-table th label {
display: inline-block; }
.user-registration table.form-table th img.help_tip,
.user-registration table.form-table th .user-registration-help-tip {
margin: 0 -24px 0 0;
float: right; }
.user-registration table.form-table .select2-container {
display: block;
max-width: 350px;
margin-bottom: 3px; }
.user-registration table.form-table .forminp-radio ul {
margin: 0; }
.user-registration table.form-table .forminp-radio ul li {
line-height: 1.4em; }
.user-registration table.form-table textarea.input-text {
height: 100%;
min-width: 150px;
display: block; }
.user-registration table.form-table input.regular-input {
width: 25em; }
.user-registration table.form-table textarea.wide-input {
width: 100%; }
.user-registration table.form-table .help_tip,
.user-registration table.form-table .user-registration-help-tip {
padding: 0;
margin: -4px 0 0 5px;
vertical-align: middle;
cursor: help;
line-height: 1; }
.user-registration table.form-table .wp-list-table .user-registration-help-tip {
float: none; }
.user-registration table.form-table .iris-picker {
z-index: 100;
display: none;
position: absolute;
border: 1px solid #ccc;
border-radius: 3px;
box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2); }
.user-registration table.form-table .iris-picker .ui-slider {
border: 0 !important;
margin: 0 !important;
width: auto !important;
height: auto !important;
background: none transparent !important; }
.user-registration table.form-table .iris-picker .ui-slider .ui-slider-handle {
margin-bottom: 0 !important; }
.user-registration table.form-table .colorpickpreview {
padding: 3px;
padding-left: 20px;
border: 1px solid #e1e1e1;
border-right: 0; }
.user-registration table.form-table .colorpick {
border-left: 0; }
.user-registration table.form-table .image_width_settings {
vertical-align: middle; }
.user-registration table.form-table .image_width_settings label {
margin-left: 10px; }
.user-registration table.form-table .dashicons {
margin-bottom: 2px;
vertical-align: middle; }
.user-registration table.form-table .image-upload td {
display: flex;
align-items: baseline;
flex-direction: column;
gap: 10px; }
.user-registration table.form-table .radio-image td ul {
display: flex;
column-gap: 30px; }
.user-registration table.form-table .radio-image td ul li label {
display: flex;
flex-direction: column;
align-items: center;
max-width: 175px;
row-gap: 16px;
border: 1px solid #e1e1e1;
border-radius: 2px;
padding: 8px 16px; }
.user-registration table.form-table .radio-image td ul li label.selected {
border-color: #475bb2;
background-color: #475bb230;
color: #475bb2;
font-weight: 600; }
.user-registration table.form-table .radio-image td ul li label input {
display: none; }
.ur-registered-from {
display: flex;
background-color: #ffffff; }
.ur-registered-from * {
box-sizing: border-box; }
.ur-registered-from *:focus {
outline: 0; }
.ur-registered-from a {
text-decoration: none; }
.ur-registered-from h3,
.ur-registered-from h4 {
color: #2d3559;
font-weight: 500; }
.ur-registered-from h4 {
font-size: 16px; }
.ur-registered-from .ur-field label {
font-weight: 400;
word-break: break-all; }
.ur-registered-from .ur-field label:last-child {
margin-bottom: 0; }
.ur-registered-from .ur-field input[type="radio"], .ur-registered-from .ur-field input[type="checkbox"] {
opacity: 1;
box-shadow: none;
border-color: #e1e1e1; }
.ur-registered-from .ur-field.user-registration-image-options {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));
gap: 12px; }
.ur-registered-from .ur-field.user-registration-image-options label {
border: 1px solid #ececec;
padding: 6px;
border-radius: 4px;
margin-bottom: 0; }
.ur-registered-from .ur-field.user-registration-image-options label .user-registration-image-choice {
width: 100%;
height: 100px;
display: block;
margin-bottom: 8px;
position: relative; }
.ur-registered-from .ur-field.user-registration-image-options label .user-registration-image-choice img {
width: 100%;
height: 100%;
object-fit: cover;
border-radius: 2px; }
.ur-registered-from .ur-field.user-registration-image-options label input[type="radio"], .ur-registered-from .ur-field.user-registration-image-options label input[type="checkbox"] {
display: none; }
.ur-registered-from .ur-field.user-registration-image-options label.ur-image-choice-checked {
color: #0693e3;
border-color: #0693e3; }
.ur-registered-from .ur-field.user-registration-image-options label.ur-image-choice-checked .user-registration-image-choice::before {
content: "";
position: absolute;
width: 100%;
height: 100%;
background: #222;
opacity: 0.45;
z-index: 1; }
.ur-registered-from .ur-field.user-registration-image-options label.ur-image-choice-checked .user-registration-image-choice::after {
content: "";
position: absolute;
background: #00be34;
border-radius: 1px;
width: 12px;
height: 12px;
top: 8px;
right: 8px;
z-index: 2; }
.ur-registered-from .wp-picker-container .wp-picker-input-wrap label {
display: inline-block;
width: auto; }
.ur-registered-from .wp-picker-container .wp-picker-input-wrap label input.wp-color-picker {
height: auto;
padding: 3px 5px; }
.ur-registered-from .ur-no-pointer {
pointer-events: none; }
.ur-registered-from .ur-registered-item {
cursor: move;
color: #6b6b6b;
font-size: 12px;
border-radius: 4px;
margin: 0 8px 16px;
display: flex;
align-items: center;
flex-direction: column;
justify-content: center;
text-align: center;
width: calc(33.3333% - 16px);
background: #fbfbfd;
border: 1px solid #edeff7;
height: 100px; }
.ur-registered-from .ur-registered-item .ur-icon {
font-size: 26px;
margin-bottom: 4px; }
.ur-registered-from .ur-registered-item:hover {
color: #475bb2;
border-color: #475bb2; }
.ur-registered-from .ur-registered-item.ui-draggable-dragging {
width: 110px !important;
z-index: 9 !important; }
.ur-registered-from .ur-registered-item.ui-draggable-disabled {
position: relative;
opacity: 0.5; }
.ur-registered-from .ur-registered-item.ui-draggable-disabled::before {
content: "";
background-image: url("../images/icons/lock-icon.png");
background-repeat: no-repeat;
background-position: center;
background-size: 100%;
position: absolute;
width: 16px;
height: 16px;
top: 8px;
right: 8px; }
.ur-registered-from .ur-registered-item.ui-draggable-disabled.ur-upgradable-field {
cursor: pointer !important;
opacity: 1;
color: #bababa; }
.ur-registered-from .ur-registered-item.ui-draggable-disabled.ur-upgradable-field::before {
content: "";
background-image: url("../images/icons/ur-pro-icon.png");
background-repeat: no-repeat;
background-position: center;
background-size: 100%;
position: absolute;
border-radius: 2px;
width: 16px;
height: 16px;
top: 8px;
right: 8px; }
.ur-registered-from .ur-registered-item.ui-draggable-disabled.ur-upgradable-field:hover {
color: #bababa; }
.ur-registered-from .ur-registered-item.ui-draggable-disabled:hover {
color: #6b6b6b;
background: #fbfbfd;
border-color: #edeff7;
cursor: not-allowed; }
.ur-registered-from .ur-registered-inputs {
width: 412px; }
@media (max-width: 1199px) {
.ur-registered-from .ur-registered-inputs {
width: 360px; } }
.ur-registered-from .ur-registered-inputs .ur-tabs {
border: 0 none;
padding: 0;
font-size: 14px; }
.ur-registered-from .ur-registered-inputs .ur-tabs .ur-tab-contents .ur-tab-content#ur-tab-field-settings {
margin-top: -32px;
margin-left: -12px;
margin-right: -12px; }
.ur-registered-from .ur-registered-inputs .ur-tabs .ur-tab-contents .ur-tab-content #integration_settings_back {
cursor: pointer; }
.ur-registered-from .ur-registered-inputs .ur-tabs .ur-tab-contents .ur-tab-content .form-settings-tab-back {
margin-bottom: 0;
border-radius: 0;
padding: 18px 24px;
border-bottom: 1px solid #ececec;
background: transparent;
font-size: 15px;
font-weight: 600;
gap: 16px;
line-height: 150%;
display: flex;
align-items: center;
color: #383838;
transition: all .3s; }
.ur-registered-from .ur-registered-inputs .ur-tabs .ur-tab-contents .ur-tab-content .form-settings-tab-back::before {
content: "";
background-image: url("../images/icons/ur-right-arrow.svg");
background-repeat: no-repeat;
background-size: 100%;
background-position: center;
width: 18px;
height: 18px;
transform: rotate(180deg); }
.ur-registered-from .ur-registered-inputs .ur-tabs .ur-tab-contents .ur-tab-content .form-settings-tab-back:hover::before {
filter: brightness(0) saturate(100%) invert(35%) sepia(13%) saturate(3079%) hue-rotate(194deg) brightness(96%) contrast(89%); }
.ur-registered-from .ur-registered-inputs .ur-tabs .ur-tab-contents .ur-tab-content .form-settings-tab {
margin-bottom: 0;
border-radius: 0;
padding: 18px 24px;
border-bottom: 1px solid #ececec;
background: transparent;
font-size: 15px;
font-weight: 400;
line-height: 150%;
display: flex;
align-items: center;
justify-content: space-between;
padding-right: 16px; }
.ur-registered-from .ur-registered-inputs .ur-tabs .ur-tab-contents .ur-tab-content .form-settings-tab::after {
content: "";
background-image: url("../images/icons/ur-right-arrow.svg");
background-repeat: no-repeat;
background-size: 100%;
background-position: center;
width: 18px;
height: 18px; }
.ur-registered-from .ur-registered-inputs .ur-tabs .ur-tab-contents .ur-tab-content .form-settings-tab.active {
background: #fafafa;
color: #475bb2;
font-weight: 600;
position: relative; }
.ur-registered-from .ur-registered-inputs .ur-tabs .ur-tab-contents .ur-tab-content .form-settings-tab.active::before {
content: "";
background: #475bb2;
width: 4px;
height: 100%;
position: absolute;
top: 0;
left: 0; }
.ur-registered-from .ur-registered-inputs .ur-tabs .ur-tab-contents .ur-tab-content .form-settings-tab.active::after {
filter: invert(36%) sepia(58%) saturate(767%) hue-rotate(193deg) brightness(84%) contrast(88%); }
.ur-registered-from .ur-registered-inputs .ur-tabs .ur-tab-contents .ur-tab-content .form-settings-tab.integration-lists-settings .integration-detail {
display: flex;
align-items: center;
gap: 14px; }
.ur-registered-from .ur-registered-inputs .ur-tabs .ur-tab-contents .ur-tab-content .form-settings-tab.integration-lists-settings .integration-detail .integration-status {
position: relative; }
.ur-registered-from .ur-registered-inputs .ur-tabs .ur-tab-contents .ur-tab-content .form-settings-tab.integration-lists-settings .integration-detail .integration-status::before {
content: "";
position: absolute;
width: 8px;
height: 8px;
background: #e1e1e1;
border-radius: 1px;
top: 50%;
left: 50%;
transform: translate(-50%, -50%); }
.ur-registered-from .ur-registered-inputs .ur-tabs .ur-tab-contents .ur-tab-content .form-settings-tab.integration-lists-settings .integration-detail .integration-status::after {
content: "";
display: block;
width: 16px;
height: 16px;
border: 1px solid #e1e1e1;
border-radius: 2px; }
.ur-registered-from .ur-registered-inputs .ur-tabs .ur-tab-contents .ur-tab-content .form-settings-tab.integration-lists-settings .integration-detail .integration-status.ur-integration-account-connected::before {
background: #4CC741; }
.ur-registered-from .ur-registered-inputs .ur-tabs .ur-tab-contents .ur-tab-content .form-settings-tab.integration-lists-settings .integration-detail .integration-status.ur-integration-account-connected::after {
border-color: #4CC741; }
.ur-registered-from .ur-registered-inputs .ur-tabs .ur-tab-contents .ur-tab-content .form-settings-tab.integration-lists-settings .integration-detail .logo {
width: 40px;
height: 40px;
display: flex;
overflow: hidden;
margin: 0;
border-radius: 4px;
align-items: center;
border: 1px solid #ced4da; }
.ur-registered-from .ur-registered-inputs .ur-tabs .ur-tab-contents .ur-tab-content .form-settings-tab.integration-lists-settings .integration-detail .logo img {
width: 38px;
height: 38px;
display: block; }
.ur-registered-from .ur-registered-inputs .ur-tabs .ur-tab-contents .ur-tab-content .form-settings-tab.integration-lists-settings .integration-detail h3 {
font-size: 15px;
line-height: 150%;
margin: 0;
font-weight: 500; }
.ur-registered-from .ur-registered-inputs .ur-tabs .ur-tab-contents .ur-tab-content .form-settings-tab.integration-lists-settings .form-settings-sub-tab {
padding: 0px;
background: #ffffff;
align-items: baseline; }
.ur-registered-from .ur-registered-inputs .ur-tabs .ur-tab-contents.ps--active-y .ur-tab-content {
padding: 32px 12px 12px; }
.ur-registered-from .ur-registered-inputs .ur-tabs .ur-tab-content .ur-general-setting-block .ur-toggle-heading {
margin-top: 0; }
.ur-registered-from .ur-registered-inputs .ur-tabs .ur-tab-lists {
background-color: #f0f1f5;
background-image: none;
padding: 0;
border-radius: 0;
margin: 0;
display: flex;
justify-content: space-between;
border-bottom: none;
border-top: 0 none;
border-right: 0 none;
border-left: 0 none; }
.ur-registered-from .ur-registered-inputs .ur-tabs .ur-tab-lists li {
background-color: transparent;
background-image: none;
border-radius: 0;
margin: 0;
margin-bottom: -2px;
padding: 0px;
border: 0;
flex: 1;
text-align: center;
border-top: 4px solid transparent;
transition: all 0.3s ease-in-out; }
.ur-registered-from .ur-registered-inputs .ur-tabs .ur-tab-lists li.active {
margin-bottom: 0;
padding-bottom: 0; }
.ur-registered-from .ur-registered-inputs .ur-tabs .ur-tab-lists li a {
float: none;
text-decoration: none;
margin: 0;
border: none;
display: block;
color: #383838;
background: #f4f4f4;
padding: 8px 16px 14px;
font-weight: 500;
cursor: pointer;
font-size: 15px; }
.ur-registered-from .ur-registered-inputs .ur-tabs .ur-tab-lists li a:focus {
box-shadow: 0 0 0 0px transparent,
0 0 0px 0px transparent; }
.ur-registered-from .ur-registered-inputs .ur-tabs .ur-tab-lists li a.active {
background-color: #ffffff;
color: #475bb2;
line-height: 24px; }
.ur-registered-from .ur-registered-inputs .ur-tabs .ur-tab-lists li.ui-state-hover, .ur-registered-from .ur-registered-inputs .ur-tabs .ur-tab-lists li.ui-state-active {
border-top: 4px solid #475bb2; }
.ur-registered-from .ur-registered-inputs .ur-tabs .ur-tab-lists li.ui-state-disabled {
position: relative;
opacity: 1; }
.ur-registered-from .ur-registered-inputs .ur-tabs .ur-tab-lists li.ui-state-disabled:hover::before {
content: "";
position: absolute;
border-bottom: 15px solid #383838;
border-left: 12px solid transparent;
border-right: 12px solid transparent;
bottom: 0;
left: 50%;
transform: translateX(-50%);
z-index: 1; }
.ur-registered-from .ur-registered-inputs .ur-tabs .ur-tab-lists li.ui-state-disabled:hover::after {
content: "You need to select a \A field in order to enable/ \A view this option";
white-space: pre;
text-align: left;
position: absolute;
width: 175px;
height: auto;
z-index: 9;
bottom: -80px;
left: 50%;
transform: translateX(-50%);
background: #383838;
color: #fff;
font-size: 14px;
line-height: 150%;
border-radius: 5px;
padding: 10px 12px; }
.ur-registered-from .ur-registered-inputs .ur-tabs .ur-tab-lists li.ui-state-disabled a {
opacity: 0.25; }
.ur-registered-from .ur-registered-inputs .ur-tabs .ur-tab-contents {
height: calc(100vh - 130px);
position: relative;
overflow-y: auto; }
.ur-registered-from .ur-registered-inputs .ur-tabs .ur-tab-content {
padding: 32px 12px 12px; }
.ur-registered-from .ur-registered-inputs .ur-tabs .ur-tab-content .ur-search-fields {
display: flex;
align-items: center;
position: relative;
margin-bottom: 26px; }
.ur-registered-from .ur-registered-inputs .ur-tabs .ur-tab-content .ur-search-fields input.ur-type-text {
height: 40px;
font-size: 14px;
background: transparent;
border-color: #bababa;
border-radius: 4px;
padding: 10px 16px;
color: #999999; }
.ur-registered-from .ur-registered-inputs .ur-tabs .ur-tab-content .ur-search-fields input.ur-type-text::placeholder {
color: #999999; }
.ur-registered-from .ur-registered-inputs .ur-tabs .ur-tab-content .ur-search-fields svg {
position: absolute;
right: 16px;
width: 18px;
height: 18px;
fill: #999999; }
.ur-registered-from .ur-registered-inputs .ur-tabs .ur-tab-content .ur-fields-not-found {
text-align: center;
margin-top: 2.85em; }
.ur-registered-from .ur-registered-inputs .ur-tabs .ur-tab-content .ur-fields-not-found .ur-fields-not-found-title {
font-size: 1.7em; }
.ur-registered-from .ur-registered-inputs .ur-tabs .ur-tab-content#ur-tab-registered-fields, .ur-registered-from .ur-registered-inputs .ur-tabs .ur-tab-content#ur-tab-field-options {
background-color: #ffffff; }
.ur-registered-from .ur-registered-inputs .ur-tabs .ur-tab-content h2 {
margin: 16px 0 14px;
font-size: 15px;
line-height: 150%;
font-weight: 500;
color: #383838; }
.ur-registered-from .ur-registered-inputs .ur-tabs .ur-tab-content h2 ~ hr {
border-top: 1px solid #e1e1e1;
margin: 0; }
.ur-registered-from .ur-registered-inputs .ur-tabs .ur-tab-content .ur-registered-list {
display: flex;
flex-wrap: wrap;
width: calc(100% + 16px);
margin-left: -8px;
margin-top: 18px; }
.ur-registered-from .ur-registered-inputs .ur-tabs .ur-tab-content .ur-registered-list:last-child {
margin-bottom: 0; }
.ur-registered-from .ur-registered-inputs .ur-toggle-heading {
cursor: pointer;
display: flex;
align-items: center;
justify-content: space-between;
flex-direction: row-reverse; }
.ur-registered-from .ur-registered-inputs .ur-toggle-heading:before {
content: "";
background-image: url("../images/icons/ur-arrow-down.svg");
background-repeat: no-repeat;
background-position: center;
background-size: 100%;
float: right;
transform: rotate(180deg);
width: 18px;
height: 18px;
transition: all 0.3s ease-in-out; }
.ur-registered-from .ur-registered-inputs .ur-toggle-heading.closed:before {
transform: rotate(0deg); }
.ur-registered-from input[type="text"],
.ur-registered-from input[type="date"],
.ur-registered-from input[type="email"],
.ur-registered-from input[type="file"],
.ur-registered-from input[type="month"],
.ur-registered-from input[type="number"],
.ur-registered-from input[type="phone"],
.ur-registered-from input[type="password"],
.ur-registered-from input[type="tel"],
.ur-registered-from input[type="time"],
.ur-registered-from input[type="url"],
.ur-registered-from input[type="week"],
.ur-registered-from input[type="timepicker"],
.ur-registered-from textarea,
.ur-registered-from .ui-widget select,
.ur-registered-from select {
width: 100%;
max-width: 100%;
height: 32px;
line-height: initial;
display: block;
color: #4c5477;
font-size: 13px;
padding: 4px 8px;
border-radius: 3px;
border: 1px solid #e1e1e1;
box-shadow: 0 0 0 transparent; }
.ur-registered-from input[type="text"]:focus,
.ur-registered-from input[type="date"]:focus,
.ur-registered-from input[type="email"]:focus,
.ur-registered-from input[type="file"]:focus,
.ur-registered-from input[type="month"]:focus,
.ur-registered-from input[type="number"]:focus,
.ur-registered-from input[type="phone"]:focus,
.ur-registered-from input[type="password"]:focus,
.ur-registered-from input[type="tel"]:focus,
.ur-registered-from input[type="time"]:focus,
.ur-registered-from input[type="url"]:focus,
.ur-registered-from input[type="week"]:focus,
.ur-registered-from input[type="timepicker"]:focus,
.ur-registered-from textarea:focus,
.ur-registered-from .ui-widget select:focus,
.ur-registered-from select:focus {
border-color: #475bb2; }
.ur-registered-from input[type="text"]::placeholder,
.ur-registered-from input[type="date"]::placeholder,
.ur-registered-from input[type="email"]::placeholder,
.ur-registered-from input[type="file"]::placeholder,
.ur-registered-from input[type="month"]::placeholder,
.ur-registered-from input[type="number"]::placeholder,
.ur-registered-from input[type="phone"]::placeholder,
.ur-registered-from input[type="password"]::placeholder,
.ur-registered-from input[type="tel"]::placeholder,
.ur-registered-from input[type="time"]::placeholder,
.ur-registered-from input[type="url"]::placeholder,
.ur-registered-from input[type="week"]::placeholder,
.ur-registered-from input[type="timepicker"]::placeholder,
.ur-registered-from textarea::placeholder,
.ur-registered-from .ui-widget select::placeholder,
.ur-registered-from select::placeholder {
color: #b6bbcf; }
.ur-registered-from input[type="text"]:disabled,
.ur-registered-from input[type="date"]:disabled,
.ur-registered-from input[type="email"]:disabled,
.ur-registered-from input[type="file"]:disabled,
.ur-registered-from input[type="month"]:disabled,
.ur-registered-from input[type="number"]:disabled,
.ur-registered-from input[type="phone"]:disabled,
.ur-registered-from input[type="password"]:disabled,
.ur-registered-from input[type="tel"]:disabled,
.ur-registered-from input[type="time"]:disabled,
.ur-registered-from input[type="url"]:disabled,
.ur-registered-from input[type="week"]:disabled,
.ur-registered-from input[type="timepicker"]:disabled,
.ur-registered-from textarea:disabled,
.ur-registered-from .ui-widget select:disabled,
.ur-registered-from select:disabled {
color: #b6bbcf;
background: #f0f1f5; }
.ur-registered-from select {
padding-right: 0; }
.ur-registered-from label {
display: block;
width: 100%;
margin-bottom: 8px;
color: #4c5477;
font-size: 13px;
font-weight: 500;
line-height: 1.25; }
.ur-registered-from textarea {
padding: 10px;
height: 100px; }
.ur-registered-from .ur-builder-wrapper {
position: relative;
flex: 1;
height: calc(100vh - 89px);
background: #f1f4f8;
border-left: 1px solid #e1e1e1;
overflow-y: auto; }
.ur-registered-from .ur-builder-wrapper input[type="text"]:disabled,
.ur-registered-from .ur-builder-wrapper input[type="date"]:disabled,
.ur-registered-from .ur-builder-wrapper input[type="email"]:disabled,
.ur-registered-from .ur-builder-wrapper input[type="file"]:disabled,
.ur-registered-from .ur-builder-wrapper input[type="month"]:disabled,
.ur-registered-from .ur-builder-wrapper input[type="number"]:disabled,
.ur-registered-from .ur-builder-wrapper input[type="phone"]:disabled,
.ur-registered-from .ur-builder-wrapper input[type="password"]:disabled,
.ur-registered-from .ur-builder-wrapper input[type="tel"]:disabled,
.ur-registered-from .ur-builder-wrapper input[type="time"]:disabled,
.ur-registered-from .ur-builder-wrapper input[type="url"]:disabled,
.ur-registered-from .ur-builder-wrapper input[type="week"]:disabled,
.ur-registered-from .ur-builder-wrapper input[type="timepicker"]:disabled,
.ur-registered-from .ur-builder-wrapper textarea:disabled,
.ur-registered-from .ur-builder-wrapper select:disabled {
background: #ffffff; }
.ur-registered-from .ur-builder-wrapper .ur-builder-header {
display: flex;
align-items: center;
justify-content: space-between; }
.ur-registered-from .ur-builder-wrapper.ur-multipart .ur-button-quick-links {
bottom: 60px; }
.ur-registered-from .ur-builder-wrapper.ur-multipart .ur-builder-wrapper-footer .button.button-style-customizer {
bottom: 124px; }
.ur-registered-from .ur-selected-inputs {
box-sizing: border-box;
padding: 0 20px; }
.ur-registered-from .ur-selected-inputs .ur-single-row {
border-radius: 3px;
position: relative;
border: 1px solid transparent; }
.ur-registered-from .ur-selected-inputs .ur-single-row:last-child {
margin-bottom: 0; }
.ur-registered-from .ur-selected-inputs .ur-single-row .ur-grids {
display: flex;
position: absolute;
right: 0;
z-index: 1;
opacity: 0;
transition: all 0.2s ease-in; }
.ur-registered-from .ur-selected-inputs .ur-single-row .ur-grids button {
display: flex;
border-radius: 0;
border: 0;
background-color: #676d8a;
color: #ffffff;
font-size: 16px;
height: auto;
width: auto;
cursor: pointer;
margin: 0;
padding: 4px 6px;
line-height: 1;
transition: all 0.1s ease-in-out; }
.ur-registered-from .ur-selected-inputs .ur-single-row .ur-grids button svg {
width: 16px;
height: 16px;
font-size: 16px;
fill: #ffffff;
margin-left: 1px; }
.ur-registered-from .ur-selected-inputs .ur-single-row .ur-grids button:before {
font-family: "dashicons"; }
.ur-registered-from .ur-selected-inputs .ur-single-row .ur-grids button.ur-remove-row:hover {
background: #ff4f55; }
.ur-registered-from .ur-selected-inputs .ur-single-row .ur-grids button:hover {
background: #475bb2; }
.ur-registered-from .ur-selected-inputs .ur-single-row .ur-grids button:first-child {
border-radius: 0 0 0 7px;
border-right: 1px solid rgba(255, 255, 255, 0.2); }
.ur-registered-from .ur-selected-inputs .ur-single-row .ur-grids button:nth-child(2) {
border-radius: 0 7px 0 0;
border-left: 1px solid #ffffff; }
.ur-registered-from .ur-selected-inputs .ur-single-row .ur-grids .ur-toggle-grid-content {
background: #ffffff;
padding: 1rem;
position: absolute;
top: 40px;
right: 0;
display: flex;
flex-wrap: wrap;
justify-content: center;
white-space: nowrap;
border: 1px solid #e1e1e1;
border-radius: 4px;
box-shadow: 1px 4px 14px 1px rgba(45, 53, 89, 0.1); }
.ur-registered-from .ur-selected-inputs .ur-single-row .ur-grids .ur-toggle-grid-content small {
font-size: 12px;
margin-bottom: 0.5rem;
color: #676d8a; }
.ur-registered-from .ur-selected-inputs .ur-single-row .ur-grids .ur-toggle-grid-content .ur-grid-selector {
cursor: pointer;
display: flex;
margin-right: 0.5rem; }
.ur-registered-from .ur-selected-inputs .ur-single-row .ur-grids .ur-toggle-grid-content .ur-grid-selector svg {
width: 32px;
height: 32px;
fill: #676d8a; }
.ur-registered-from .ur-selected-inputs .ur-single-row .ur-grids .ur-toggle-grid-content .ur-grid-selector:last-child {
margin-right: 0; }
.ur-registered-from .ur-selected-inputs .ur-single-row .ur-grids .ur-toggle-grid-content::before {
content: "";
width: 8px;
height: 8px;
border: solid #e1e1e1;
border-width: 1px;
border-left: transparent;
border-bottom: transparent;
position: absolute;
top: -5px;
right: 36px;
background: #ffffff;
transform: rotate(-45deg); }
.ur-registered-from .ur-selected-inputs .ur-single-row .ur-grid-lists {
width: 100%;
display: flex;
text-align: center;
box-sizing: border-box;
justify-content: center;
border: 1px solid transparent;
border-radius: 4px;
transition: all 0.2s ease-in;
border-left: 0; }
.ur-registered-from .ur-selected-inputs .ur-single-row .ur-grid-lists .ur-grid-list-item {
display: inline-block;
text-align: left;
border: 0 none;
padding: 15px;
flex: 1;
border: 1px solid transparent;
border-radius: 4px;
transition: all 0.2s ease-in; }
.ur-registered-from .ur-selected-inputs .ur-single-row .ur-grid-lists .ur-grid-list-item .ur-selected-item {
margin-bottom: 5px;
position: relative;
padding: 15px;
cursor: move;
border: 1px solid transparent;
border-radius: 4px;
transition: border-color 0.35s; }
.ur-registered-from .ur-selected-inputs .ur-single-row .ur-grid-lists .ur-grid-list-item .ur-selected-item .select2-container {
width: 100% !important; }
.ur-registered-from .ur-selected-inputs .ur-single-row .ur-grid-lists .ur-grid-list-item .ur-selected-item .select2-container .select2-search--inline .select2-search__field {
height: auto;
min-width: 10px;
background: none;
margin: 0; }
.ur-registered-from .ur-selected-inputs .ur-single-row .ur-grid-lists .ur-grid-list-item .ur-selected-item .ur-input-type-signature canvas {
background: rgba(255, 255, 255, 0.5);
border: 1px solid #e1e1e1; }
.ur-registered-from .ur-selected-inputs .ur-single-row .ur-grid-lists .ur-grid-list-item .ur-selected-item:last-child {
margin-bottom: 0; }
.ur-registered-from .ur-selected-inputs .ur-single-row .ur-grid-lists .ur-grid-list-item .ur-selected-item:hover, .ur-registered-from .ur-selected-inputs .ur-single-row .ur-grid-lists .ur-grid-list-item .ur-selected-item.ur-item-active {
background: #ffffff;
border: 1px solid #475bb2; }
.ur-registered-from .ur-selected-inputs .ur-single-row .ur-grid-lists .ur-grid-list-item .ur-selected-item.ui-sortable-helper {
box-shadow: 0 0 10px 5px rgba(45, 53, 89, 0.1); }
.ur-registered-from .ur-selected-inputs .ur-single-row .ur-grid-lists .ur-grid-list-item .ur-selected-item.ui-sortable-placeholder {
visibility: visible !important;
border: 1px dashed #b6bbcf;
background-color: #f0f1f5; }
.ur-registered-from .ur-selected-inputs .ur-single-row .ur-grid-lists .ur-grid-list-item .ur-selected-item .ur-action-buttons {
display: none;
position: absolute;
right: 10px;
width: 50px;
text-align: center;
padding: 0;
font-size: 10px;
top: 10px;
color: #b6bbcf;
top: 0;
right: -1px; }
.ur-registered-from .ur-selected-inputs .ur-single-row .ur-grid-lists .ur-grid-list-item .ur-selected-item .ur-action-buttons span {
cursor: pointer;
font-size: 16px;
height: auto; }
.ur-registered-from .ur-selected-inputs .ur-single-row .ur-grid-lists .ur-grid-list-item .ur-selected-item .ur-action-buttons span:hover {
color: #475bb2; }
.ur-registered-from .ur-selected-inputs .ur-single-row .ur-grid-lists .ur-grid-list-item .ur-selected-item .ur-action-buttons span:first-child {
background: #676f8a;
padding: 4px;
width: 24px;
height: 24px;
border-radius: 0 0 0 7px; }
.ur-registered-from .ur-selected-inputs .ur-single-row .ur-grid-lists .ur-grid-list-item .ur-selected-item .ur-action-buttons span:first-child::before {
color: #ffffff; }
.ur-registered-from .ur-selected-inputs .ur-single-row .ur-grid-lists .ur-grid-list-item .ur-selected-item .ur-action-buttons span:last-child {
background: #676d8a;
padding: 4px;
width: 24px;
height: 24px;
border-radius: 0 7px 0 0;
border-left: 1px solid #ffffff; }
.ur-registered-from .ur-selected-inputs .ur-single-row .ur-grid-lists .ur-grid-list-item .ur-selected-item .ur-action-buttons span:last-child:before {
content: "\f335" !important;
color: #ffffff; }
.ur-registered-from .ur-selected-inputs .ur-single-row .ur-grid-lists .ur-grid-list-item .ur-selected-item .ur-action-buttons:hover .ur-action-buttons {
display: block;
top: 0;
right: -3px; }
.ur-registered-from .ur-selected-inputs .ur-single-row .ur-grid-lists .ur-grid-list-item .ur-selected-item .ur-action-buttons .ur-trash:hover {
color: #ff4f55; }
.ur-registered-from .ur-selected-inputs .ur-single-row .ur-grid-lists .ur-grid-list-item .ur-selected-item .ur_label_top_left {
text-align: left; }
.ur-registered-from .ur-selected-inputs .ur-single-row .ur-grid-lists .ur-grid-list-item .ur-selected-item .ur_label_center {
text-align: center; }
.ur-registered-from .ur-selected-inputs .ur-single-row .ur-grid-lists .ur-grid-list-item .ur-selected-item .ur_label_top_right {
text-align: right; }
.ur-registered-from .ur-selected-inputs .ur-single-row .ur-grid-lists .ur-grid-list-item .ur-selected-item .ur_label_disabled {
display: none; }
.ur-registered-from .ur-selected-inputs .ur-single-row .ur-grid-lists .ur-grid-list-item .ur-selected-item:hover .ur-action-buttons {
display: block; }
.ur-registered-from .ur-selected-inputs .ur-single-row .ur-grid-lists .ur-grid-list-item > li.ur-item-dragged {
list-style: none;
width: 100%;
text-align: center;
height: 60px !important;
box-sizing: border-box; }
.ur-registered-from .ur-selected-inputs .ur-single-row .ur-grid-lists .ur-grid-list-item > li.ur-item-dragged .spinner {
float: none; }
.ur-registered-from .ur-selected-inputs .ur-single-row .ur-grid-lists .ur-grid-list-item .user-registration-dragged-me {
display: table;
width: 100%;
height: 100%; }
.ur-registered-from .ur-selected-inputs .ur-single-row .ur-grid-lists .ur-grid-list-item .user-registration-dragged-me .user-registration-dragged-me-text {
display: table-cell;
vertical-align: middle;
text-align: center; }
.ur-registered-from .ur-selected-inputs .ur-single-row .ur-grid-lists .ur-grid-list-item .user-registration-dragged-me .user-registration-dragged-me-text p {
display: inline-block;
position: relative;
color: #b6bbcf;
padding-left: 26px;
padding-top: 8px; }
.ur-registered-from .ur-selected-inputs .ur-single-row .ur-grid-lists .ur-grid-list-item .user-registration-dragged-me .user-registration-dragged-me-text p::before {
position: absolute;
font-family: "Dashicons";
content: "\f545";
font-size: 22px;
left: 0;
top: 0; }
.ur-registered-from .ur-selected-inputs .ur-single-row .ur-grid-lists .ur-grid-list-item .user-registration-dragged-me:empty {
padding: 15px;
text-align: center;
border-radius: 4px;
border: 1px dashed #b6bbcf;
background-color: #f0f1f5; }
.ur-registered-from .ur-selected-inputs .ur-single-row .ur-grid-lists .ur-grid-list-item .user-registration-dragged-me:empty::before {
content: "\f132";
font-size: 32px;
color: #b6bbcf;
width: 32px;
height: 32px;
font-family: dashicons;
display: table-cell;
vertical-align: middle; }
.ur-registered-from .ur-selected-inputs .ur-single-row .ur-grid-lists .ur-grid-list-item.ur-sortable-active .ur-registered-item {
margin-bottom: 0; }
.ur-registered-from .ur-selected-inputs .ur-single-row .ur-grid-lists .ur-grid-list-item.ur-sortable-active .user-registration-dragged-me {
display: none; }
.ur-registered-from .ur-selected-inputs .ur-single-row .ur-grid-lists .ur-grid-list-item:first-child {
border-radius: 4px 0 0 4px; }
.ur-registered-from .ur-selected-inputs .ur-single-row .ur-grid-lists .ur-grid-list-item:nth-child(2) {
border-radius: 0; }
.ur-registered-from .ur-selected-inputs .ur-single-row .ur-grid-lists .ur-grid-list-item:nth-child(3) {
border-radius: 0 4px 4px 0; }
.ur-registered-from .ur-selected-inputs .ur-single-row:hover .ur-grids {
opacity: 1; }
.ur-registered-from .ur-selected-inputs .ur-single-row:hover .ur-grid-lists {
background: #ffffff;
border: 1px solid #b6bbcf; }
.ur-registered-from .ur-selected-inputs .ur-single-row:hover .ur-grid-lists .ur-grid-list-item {
border-left: 1px solid #b6bbcf; }
.ur-registered-from .ur-selected-inputs .ur-single-row:hover .ur-grid-lists .ur-grid-list-item:first-child {
border-color: transparent; }
.ur-registered-from .ur-selected-inputs .ur-row-buttons {
display: flex;
justify-content: center;
margin-top: 10px; }
.ur-registered-from .ur-selected-inputs .ur-row-buttons .button {
display: block;
width: auto;
height: 32px;
text-align: center;
font-family: inherit; }
.ur-registered-from .ur-selected-inputs .ur-row-buttons .button::before {
width: 16px;
height: 16px;
font-size: 16px;
margin-right: 10px;
font-family: dashicons;
vertical-align: middle;
padding: 1px 10px 1px 0;
border-right: 1px solid rgba(255, 255, 255, 0.3); }
.ur-registered-from .ur-selected-inputs li.ur-registered-item {
width: 120px !important; }
.ur-registered-from .ur-selected-inputs li.ur-registered-item.ui-sortable-placeholder {
margin-left: 0;
width: 100% !important;
visibility: visible !important;
border: 1px dashed #b6bbcf;
background-color: #f0f1f5; }
.ur-registered-from .ur-builder-wrapper-footer .button.button-style-customizer {
height: 48px !important;
width: 48px !important;
bottom: 72px !important;
box-shadow: 1px 2px 8px rgba(45, 53, 89, 0.15); }
.ur-registered-from .ur-builder-wrapper-footer .button.button-style-customizer .dashicons {
font-size: 24px;
height: 24px;
width: 24px; }
.ur-registered-from .ur-builder-wrapper-footer .ur-button-quick-links {
width: 48px;
height: 48px;
position: fixed;
cursor: pointer;
color: #4c5477;
display: flex;
align-items: center;
justify-content: center;
right: 32px;
bottom: 16px;
background: #ffffff;
border: 1px solid #e1e1e1;
border-radius: 24px;
box-shadow: 0px 2px 10px rgba(45, 53, 89, 0.1);
z-index: 1; }
.ur-registered-from .ur-builder-wrapper-footer .ur-button-quick-links span {
font-size: 20px;
font-weight: 600;
margin: 0 auto; }
.ur-registered-from .ur-builder-wrapper-footer .ur-quick-links-content {
position: fixed;
background: #ffffff;
padding: 12px 16px;
border-radius: 4px;
bottom: 58px;
right: 30px;
z-index: 2;
width: 225px;
border: 1px solid #e1e1e1;
box-shadow: 2px 4px 12px rgba(45, 53, 89, 0.1); }
.ur-registered-from .ur-builder-wrapper-footer .ur-quick-links-content li {
margin-bottom: 8px; }
.ur-registered-from .ur-builder-wrapper-footer .ur-quick-links-content a {
color: #4c5477; }
.ur-registered-from .ur-builder-wrapper-footer .ur-quick-links-content a:hover {
color: #475bb2; }
.ur-registered-from .ur-general-setting,
.ur-registered-from .ur-advance-setting {
margin: 16px 0; }
.ur-registered-from .ur-general-setting .select2-search--inline,
.ur-registered-from .ur-advance-setting .select2-search--inline {
display: none; }
.ur-registered-from .ur-advance-setting-block {
margin-top: 0; }
.ur-registered-from .form-row .description {
color: #6b6b6b;
margin: 4px 0;
display: block; }
.ur-registered-from .form-row .ur-radio-list label,
.ur-registered-from .form-row .ur-checkbox-list label {
display: inline; }
.ur-registered-from .ur-general-setting-block,
.ur-registered-from .ur-advance-setting-block {
display: none; }
.ur-registered-from .add,
.ur-registered-from .remove {
background: #ffffff;
border: 1px solid #e1e1e1;
color: #676d8a;
cursor: pointer;
display: flex;
flex: 1 0 32px;
align-items: center;
justify-content: center;
height: 32px;
max-width: 32px;
border-radius: 4px;
position: relative; }
.ur-registered-from .add:hover,
.ur-registered-from .remove:hover {
background: #475bb2;
border-color: #475bb2;
color: #ffffff; }
.ur-registered-from .add .dashicons,
.ur-registered-from .remove .dashicons {
line-height: 22px; }
.ur-registered-from .add.add-icon-group, .ur-registered-from .add.remove-icon-group,
.ur-registered-from .remove.add-icon-group,
.ur-registered-from .remove.remove-icon-group {
flex: unset;
max-width: unset; }
.ur-registered-from .ur-options-list li {
display: flex;
align-items: center;
background-color: #f5f5f5; }
.ur-registered-from .ur-options-list li .editor-block-mover__control-drag-handle {
cursor: grab; }
.ur-registered-from .ur-options-list li .editor-block-mover__control-drag-handle svg {
fill: #676d8a; }
.ur-registered-from .ur-options-list li .ur-multiple-choice .ur-subscription-plan .ur-regular-price,
.ur-registered-from .ur-options-list li .ur-multiple-choice .ur-subscription-plan .ur-selling-price {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 8px;
padding: 4px; }
.ur-registered-from .ur-options-list li .ur-multiple-choice .ur-subscription-plan .ur-regular-price input,
.ur-registered-from .ur-options-list li .ur-multiple-choice .ur-subscription-plan .ur-selling-price input {
width: 100%; }
.ur-registered-from .ur-options-list li.ur-multiple-choice, .ur-registered-from .ur-options-list li.ur-subscription-plan {
gap: 8px; }
.ur-registered-from .ur-options-list li.ur-multiple-choice input, .ur-registered-from .ur-options-list li.ur-subscription-plan input {
margin-right: 0; }
.ur-registered-from .ur-options-list li.ur-multiple-choice > input[type="text"], .ur-registered-from .ur-options-list li.ur-subscription-plan > input[type="text"] {
width: 80%; }
.ur-registered-from .ur-options-list li.ur-multiple-choice .ur-regular-price,
.ur-registered-from .ur-options-list li.ur-multiple-choice .ur-selling-price, .ur-registered-from .ur-options-list li.ur-subscription-plan .ur-regular-price,
.ur-registered-from .ur-options-list li.ur-subscription-plan .ur-selling-price {
position: relative; }
.ur-registered-from .ur-options-list li.ur-multiple-choice .ur-regular-price span,
.ur-registered-from .ur-options-list li.ur-multiple-choice .ur-selling-price span, .ur-registered-from .ur-options-list li.ur-subscription-plan .ur-regular-price span,
.ur-registered-from .ur-options-list li.ur-subscription-plan .ur-selling-price span {
position: absolute;
top: 0;
background: #e7e7e7;
padding: 6px 8px;
color: #383838;
border-radius: 3px;
top: -60px;
font-size: 13px;
opacity: 0;
visibility: hidden;
transition: all 0.3s ease-in-out; }
.ur-registered-from .ur-options-list li.ur-multiple-choice .ur-regular-price span::after,
.ur-registered-from .ur-options-list li.ur-multiple-choice .ur-selling-price span::after, .ur-registered-from .ur-options-list li.ur-subscription-plan .ur-regular-price span::after,
.ur-registered-from .ur-options-list li.ur-subscription-plan .ur-selling-price span::after {
content: "";
border: 8px solid transparent;
border-top-color: #e7e7e7;
height: 0;
left: 50%;
transform: translateX(-50%);
position: absolute;
top: 100%;
width: 0; }
.ur-registered-from .ur-options-list li.ur-multiple-choice .ur-regular-price:hover span,
.ur-registered-from .ur-options-list li.ur-multiple-choice .ur-selling-price:hover span, .ur-registered-from .ur-options-list li.ur-subscription-plan .ur-regular-price:hover span,
.ur-registered-from .ur-options-list li.ur-subscription-plan .ur-selling-price:hover span {
visibility: visible;
opacity: 1; }
.ur-registered-from .ur-options-list li.ur-multiple-choice .add, .ur-registered-from .ur-options-list li.ur-subscription-plan .add {
margin-right: 0; }
.ur-registered-from .ur-options-list .ui-sortable-handle {
padding: 5px;
border-radius: 3px;
border: 1px solid transparent;
flex-direction: column;
gap: 12px; }
.ur-registered-from .ur-options-list .ui-sortable-handle:active {
padding: 5px;
background: #ffffff;
border: 1px solid #475bb2;
box-shadow: 0 0 20px rgba(0, 0, 0, 0.2); }
.ur-registered-from .ur-options-list .ui-sortable-handle.ui-sortable-placeholder {
background-color: #dee0e9;
visibility: visible !important; }
.ur-registered-from .ur-options-list .ui-sortable-handle .ur-options-value-wrapper {
display: flex;
align-items: center;
gap: 8px;
width: 100%; }
.ur-registered-from .ur-options-list .ui-sortable-handle .ur-image-choice-wrapper {
width: 100%; }
.ur-registered-from .ur-options-list .ui-sortable-handle .ur-image-choice-wrapper .upload-button {
padding: 8px 12px;
font-size: 14px;
width: 100%;
border: 1px dashed #d3d3d3;
border-radius: 3px;
color: #616161;
cursor: pointer; }
.ur-registered-from .ur-options-list .ui-sortable-handle .ur-image-choice-wrapper .ur-thumbnail-image {
margin-top: 16px;
margin-bottom: 8px; }
.ur-registered-from .urcl-rules {
display: flex;
flex-wrap: wrap;
margin-bottom: 8px; }
.ur-registered-from .urcl-rules > div {
margin-right: 8px; }
.ur-registered-from .urcl-rules .urcl-operator {
width: 78px; }
.ur-registered-from .urcl-rules .urcl-field,
.ur-registered-from .urcl-rules .urcl-value {
max-width: 27%;
flex: 1 0 27%; }
/**
* Tooltips
*/
.tips {
cursor: help;
text-decoration: none; }
img.tips {
padding: 5px 0 0; }
.ur_error_tip {
max-width: 20em;
line-height: 1.8em;
position: absolute;
white-space: normal;
background: #ff4f55;
margin: 1.5em 1px 0 -1em;
z-index: 9999999; }
.ur_error_tip::after {
content: "";
display: block;
border: 8px solid #ff4f55;
border-right-color: transparent;
border-left-color: transparent;
border-top-color: transparent;
position: absolute;
top: -3px;
left: 50%;
margin: -1em 0 0 -3px; }
.tooltipster-base .tooltipster-box {
background: #383838 !important;
padding: 4px 8px;
border-radius: 2px;
text-align: center; }
.tooltipster-base .tooltipster-box .tooltipster-content {
padding: 2px 0; }
.tooltipster-base .tooltipster-box .tooltipster-content a {
color: #9ef01a !important; }
.tooltipster-base .tooltipster-arrow .tooltipster-arrow-uncropped .tooltipster-arrow-border {
border-top-color: #383838 !important;
border-bottom-color: #383838 !important; }
.tooltipster-base.ur-selling-price-tooltip .tooltipster-box {
background-color: #f44949 !important;
border: #f44949; }
.tooltipster-base.ur-selling-price-tooltip .tooltipster-arrow .tooltipster-arrow-uncropped .tooltipster-arrow-border {
border-top-color: #f44949 !important;
border-bottom-color: #f44949 !important; }
.tooltipster-base.ur-selling-price-tooltip .tooltipster-arrow .tooltipster-arrow-uncropped .tooltipster-arrow-background {
border-top-color: #f44949 !important; }
/**
* Help Tip
*/
.user-registration-help-tip,
.ur-portal-tooltip {
color: #676d8a;
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:not(.no-icon)::after,
.ur-portal-tooltip:not(.no-icon)::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: "";
cursor: help; }
#smart-tags {
text-align: center; }
.form-settings-tab {
cursor: pointer;
padding: 10px 15px;
color: #2d3559;
background: #dee0e9;
margin-bottom: 10px;
line-height: 1.2;
border-radius: 4px; }
.form-settings-tab.active {
background: #475bb2;
color: #ffffff; }
#profile-page form#your-profile .flatpickr-input[readonly] {
background-color: #ffffff; }
/**
* Fullscreen Mode
**/
body {
/**
* User Registration Builder Loading
**/ }
body.ur-full-screen-mode {
margin-top: -32px; }
body.ur-full-screen-mode #wpbody-content {
padding-bottom: 45px; }
body.ur-full-screen-mode #wpwrap #wpcontent {
margin-left: 0;
padding-left: 0; }
body.ur-full-screen-mode #wpwrap #wpcontent #wpadminbar {
display: none; }
body.ur-full-screen-mode #wpwrap #wpcontent #wpbody .ur-tab-content {
padding: 20px; }
body.ur-full-screen-mode #wpwrap #wpcontent #wpbody #menu-management-liquid {
margin-top: 0; }
body.ur-full-screen-mode #wpwrap #wpcontent #wpbody #menu-management-liquid .menu-edit {
margin-bottom: 0;
box-shadow: none;
left: 0 !important; }
body.ur-full-screen-mode #wpwrap #adminmenumain {
display: none; }
body.ur-full-screen-mode .ur-registered-from .ur-registered-inputs .ur-tabs .ur-tab-contents {
height: calc(100vh - 98px); }
body.ur-full-screen-mode .ur-registered-from .ur-builder-wrapper {
height: calc(100vh - 57px); }
body .ur-circle-loading {
position: relative;
width: 100px !important;
height: 100px !important;
transform: translate(-50px, -50px) scale(0.5) translate(50px, 50px); }
body .ur-circle-loading::before, body .ur-circle-loading::after {
content: "";
position: absolute;
top: 70px;
left: 70px;
animation: ur-circle-loading-keyframe 1.5s linear infinite;
width: 60px;
height: 60px;
border-radius: 50%;
background: #475bb2; }
body .ur-circle-loading::after {
animation-delay: -0.75s;
background: #668fe5; }
body .ur-builder-message-container {
position: fixed;
top: 32px;
left: 0;
right: 0;
max-width: 430px;
margin: 0 auto;
z-index: 9999; }
body .ur-builder-message-container .ur-message {
display: none;
margin: 0 auto;
margin-top: 16px;
transition: all 240ms cubic-bezier(0, 0, 0.2, 1) 0s;
z-index: 99999;
height: 0px; }
body .ur-builder-message-container .ur-message .ur-success,
body .ur-builder-message-container .ur-message .ur-error {
background: #ffffff;
padding: 8px 16px;
border-radius: 3px;
border-left: 3px solid;
position: relative;
box-shadow: 0px 1px 8px 2px rgba(45, 53, 89, 0.1); }
body .ur-builder-message-container .ur-message .ur-success p,
body .ur-builder-message-container .ur-message .ur-error p {
margin: 8px 0; }
body .ur-builder-message-container .ur-message .ur-success p::before, body .ur-builder-message-container .ur-message .ur-success p::after,
body .ur-builder-message-container .ur-message .ur-error p::before,
body .ur-builder-message-container .ur-message .ur-error p::after {
font-family: dashicons;
width: 20px;
height: 20px;
font-size: 20px;
margin-right: 8px;
margin-top: -4px;
line-height: 1;
display: inline-block;
vertical-align: middle; }
body .ur-builder-message-container .ur-message .ur-success {
border-color: #4CC741; }
body .ur-builder-message-container .ur-message .ur-success p::before {
content: "\f12a";
color: #4CC741; }
body .ur-builder-message-container .ur-message .ur-error {
border-color: #ff4f55; }
body .ur-builder-message-container .ur-message .ur-error p::before {
content: "\f534";
color: #ff4f55; }
body .ur-builder-message-container .ur-message .dashicons {
cursor: pointer;
position: absolute;
right: 16px;
top: 50%;
transform: translateY(-50%);
line-height: 1; }
body .ur-builder-message-container .ur-message.entered {
display: block;
height: 50px;
animation: 240ms cubic-bezier(0.175, 0.885, 0.32, 1.175) 0s 1 normal both open-message; }
body .ur-builder-message-container .ur-message.entered .ur-error {
display: flex;
align-items: center;
justify-content: space-between;
padding: 16px; }
body .ur-builder-message-container .ur-message.entered .ur-error p {
margin: 0; }
body .ur-builder-message-container .ur-message.entered .ur-error .ur-message-close {
position: unset;
transform: unset; }
body .ur-builder-message-container .ur-message.exiting {
display: block;
animation: 120ms cubic-bezier(0.4, 0, 1, 1) 0s 1 normal both close-message; }
body .ur-builder-message-container .ur-message:first-child {
margin-top: 1.5rem; }
body .main_header {
font-weight: 600;
font-size: 20px;
line-height: 27px; }
body .ur-p-tag {
padding: 0px 20px 18px 20px;
margin: 0px;
font-style: italic; }
@media screen and (max-width: 1400px) {
.ur-registered-from .urcl-rules .urcl-field {
max-width: 61%;
flex: 1 0 60%;
margin-bottom: 5px; }
.ur-registered-from .urcl-rules .urcl-value {
order: 4;
max-width: 87%;
flex: 1 0 86%; }
.ur-registered-from .urcl-rules .add {
order: 3;
margin-right: 0; }
.ur-registered-from .urcl-rules .remove {
order: 5; } }
@media screen and (max-width: 960px) {
.ur-registered-from .ur-registered-inputs .ur-tabs .ur-tab-content .ur-registered-list .ur-registered-item {
float: none; }
.ur-registered-from .ur-registered-inputs .ur-single-row .ur-grid-lists,
.ur-registered-from .ur-registered-inputs .ur-single-row .ur-grid-lists .ur-grid-list-item,
.ur-registered-from .ur-registered-inputs .ur-single-row .ur-grid-lists .ur-grid-list-item .ur-selected-item {
padding: 10px; } }
@media screen and (max-width: 782px) {
body.user-registration_page_add-new-registration {
min-width: 0 !important; }
.ur-registered-from {
flex-direction: column; }
.ur-registered-from .ur-registered-inputs {
width: 100%;
margin-bottom: 10px; }
.ur-registered-from .ur-registered-inputs .ur-tabs .ur-tab-content .ur-registered-list .ur-registered-item {
float: left;
width: 48%; }
.ur-registered-from .ur-selected-inputs {
width: 100%; } }
@media screen and (max-width: 600px) {
.user-registration_page_add-new-registration .major-publishing-actions {
clear: both;
padding: 10px 0 19px;
line-height: 28px; }
.user-registration_page_add-new-registration .major-publishing-actions .ur-form-name {
width: 100%; }
.user-registration_page_add-new-registration .major-publishing-actions .publishing-action {
text-align: left;
float: none;
margin-top: 15px; }
.ur-registered-from .ur-selected-inputs .ur-single-row .ur-grid-lists {
flex-direction: column;
display: block; }
.ur-registered-from .ur-selected-inputs .ur-single-row .ur-grid-lists .ur-grid-list-item {
width: 100% !important; }
.ur-registered-from .ur-selected-inputs .ur-single-row .ur-grid-lists .ur-grid-list-item:nth-child(1n + 2) {
border-left: 0 none; } }
.ur-toggle-section.ur-form-builder-toggle {
display: flex;
gap: 5px;
align-items: center; }
.ur-toggle-section.ur-form-builder-toggle input[type="checkbox"] {
width: 30px !important;
height: 16px !important; }
.ur-toggle-section.ur-form-builder-toggle input[type="checkbox"]:focus {
outline: none;
box-shadow: none; }
.ur-toggle-section.ur-form-builder-toggle .slider {
width: 30px !important;
height: 16px !important;
border-radius: 99px;
padding: 8px; }
.ur-toggle-section.ur-form-builder-toggle .slider::before {
height: 12px !important;
width: 12px !important; }
.ur-toggle-section .user-registration-toggle-form {
position: relative;
display: inline-block;
width: 36px;
height: 20px; }
.ur-toggle-section .user-registration-toggle-form input {
position: relative;
z-index: 99;
opacity: 0;
height: 22px;
width: 40px; }
.ur-toggle-section .user-registration-toggle-form input:checked + .slider {
background-color: #475bb2; }
.ur-toggle-section .user-registration-toggle-form input:focus + .slider {
box-shadow: 0 0 1px #2196f3; }
.ur-toggle-section .user-registration-toggle-form input:checked + .slider::before {
transform: translateX(16px); }
.ur-toggle-section .user-registration-toggle-form .slider {
position: absolute;
cursor: pointer;
inset: 0;
background-color: #dfe1ea;
transition: 0.4s; }
.ur-toggle-section .user-registration-toggle-form .slider.round {
border-radius: 30px; }
.ur-toggle-section .user-registration-toggle-form .slider.round::before {
border-radius: 50%; }
.ur-toggle-section .user-registration-toggle-form .slider::before {
position: absolute;
content: "";
height: 16px;
width: 16px;
left: 2px;
bottom: 2px;
background-color: white;
transition: 0.4s;
border-radius: 100%; }
.user-registration-setup {
font-size: 14px;
max-width: calc(100% - 32px);
margin: 20px auto;
background: white; }
@media (min-width: 960px) {
.user-registration-setup {
max-width: 835px; } }
@media (min-width: 1280px) {
.user-registration-setup {
max-width: 1100px; } }
.user-registration-setup .ur-brand-logo {
border-right: 1px solid #e1e1e1; }
.user-registration-setup .ur-brand-logo img {
width: 32px;
height: 32px;
margin-right: 8px;
display: flex; }
.user-registration-setup a:focus {
box-shadow: none; }
.user-registration-setup .page-title-action,
.user-registration-setup .page-title-action:active {
top: 0;
margin-left: 16px; }
.user-registration-setup .user-registration-setup-header {
display: flex;
flex-wrap: wrap;
align-items: center;
padding: 0 16px;
background-color: white;
border-bottom: 1px solid #cdd0d8; }
@media only screen and (max-width: 768px) {
.user-registration-setup .user-registration-setup-header {
padding-top: 16px; } }
.user-registration-setup .user-registration-setup-header .user-registration-logo {
display: flex;
flex-wrap: wrap;
padding-right: 1em;
border-right: 1px solid #cdd0d8;
margin-right: 1em; }
.user-registration-setup .user-registration-setup-header h4 {
margin-left: 15px; }
.user-registration-setup .user-registration-setup-header .user-registration-tab {
margin-left: auto; }
@media only screen and (max-width: 768px) {
.user-registration-setup .user-registration-setup-header .user-registration-tab {
width: calc(100% + 32px);
flex: 0 0 calc(100% + 32px);
margin-top: 16px;
margin-right: -16px;
margin-left: -16px;
border-top: 1px solid #cdd0d8; } }
.user-registration-setup .user-registration-setup-header .user-registration-tab ul {
display: flex;
flex-wrap: wrap;
margin: 0; }
.user-registration-setup .user-registration-setup-header .user-registration-tab ul .user-registration-tab-nav {
display: inline-flex;
margin: 0 8px 0 0; }
.user-registration-setup .user-registration-setup-header .user-registration-tab ul .user-registration-tab-nav.active .user-registration-tab-nav-link {
color: #475bb2;
border-color: #475bb2; }
.user-registration-setup .user-registration-setup-header .user-registration-tab ul .user-registration-tab-nav .user-registration-tab-nav-link {
font-weight: 600;
padding: 18px 8px 16px;
color: #494d50;
text-decoration: none;
border-bottom: 2px solid transparent; }
.user-registration-setup .ur-setup-templates {
display: flex;
flex-wrap: wrap;
padding: 8px; }
.user-registration-setup .ur-setup-templates .ur-loading {
margin: 80px auto; }
.user-registration-setup .ur-setup-templates .ur-template {
width: 100%;
background: white;
border-radius: 4px;
position: relative;
margin: 12px; }
@media (min-width: 400px) {
.user-registration-setup .ur-setup-templates .ur-template {
width: calc(50% - 24px);
flex: 0 0 calc(50% - 24px); } }
@media only screen and (min-width: 768px) {
.user-registration-setup .ur-setup-templates .ur-template {
width: calc(33.333% - 24px);
flex: 0 0 calc(33.333% - 24px); } }
@media (min-width: 960px) {
.user-registration-setup .ur-setup-templates .ur-template {
width: calc(25% - 24px);
flex: 0 0 calc(25% - 24px); } }
.user-registration-setup .ur-setup-templates .ur-template .user-registration-screenshot {
cursor: pointer;
padding: 8px;
margin: 0;
min-height: auto;
position: relative;
border-radius: 4px;
background: #e9ebf1; }
@media only screen and (min-width: 1280px) {
.user-registration-setup .ur-setup-templates .ur-template .user-registration-screenshot {
min-height: 280px; } }
.user-registration-setup .ur-setup-templates .ur-template .user-registration-screenshot .user-registration-badge {
position: absolute;
bottom: 16px;
right: 16px;
z-index: 1; }
.user-registration-setup .ur-setup-templates .ur-template .user-registration-screenshot .form-action {
display: none;
position: absolute;
left: 0;
right: 0;
top: 50%;
transform: translateY(-50%);
z-index: 1; }
.user-registration-setup .ur-setup-templates .ur-template .user-registration-screenshot .form-action .user-registration-btn:last-child {
margin-left: 8px; }
.user-registration-setup .ur-setup-templates .ur-template img {
display: block;
width: 100%; }
.user-registration-setup .ur-setup-templates .ur-template .user-registration-form-id-container {
display: flex;
flex-wrap: wrap;
align-items: center;
justify-content: space-between;
position: relative; }
.user-registration-setup .ur-setup-templates .ur-template .user-registration-form-id-container .user-registration-template-name {
font-size: 16px;
font-weight: 600;
margin: 16px 0;
color: #2d3559;
text-decoration: none; }
.user-registration-setup .ur-setup-templates .ur-template .user-registration-form-id-container .user-registration-template-name:hover {
color: #475bb2; }
.user-registration-setup .ur-setup-templates .ur-template:hover .user-registration-screenshot::after {
content: "";
display: block;
background: rgba(45, 53, 89, 0.5);
position: absolute;
top: 0;
left: 0;
bottom: 0;
right: 0; }
.user-registration-setup .ur-setup-templates .ur-template:hover .form-action {
display: flex;
align-items: center;
justify-content: center; }
.user-registration-setup .ur-setup-templates .ur-template:nth-child(even) {
float: right; }
.user-registration-setup .ur-setup-templates .ur-template .ur-template-overlay {
position: absolute;
background-color: rgba(0, 0, 0, 0.5);
top: 0;
left: 0;
right: 0;
bottom: 0;
opacity: 0;
visibility: hidden;
transition: 0.5s background-color ease-in-out;
color: white;
text-align: center;
padding: 40% 0; }
.user-registration-setup .ur-setup-templates .ur-template .ur-template-overlay .ur-template-select {
text-decoration: none; }
.user-registration-setup .ur-setup-templates .ur-template .ur-template-overlay.loading .ur-button,
.user-registration-setup .ur-setup-templates .ur-template .ur-template-overlay.loading .ur-button::before,
.user-registration-setup .ur-setup-templates .ur-template .ur-template-overlay.loading .ur-button::after {
background: white;
-webkit-animation: load1 1s infinite ease-in-out;
animation: load1 1s infinite ease-in-out;
width: 1em;
height: 4em;
padding: 0;
border-radius: 0; }
.user-registration-setup .ur-setup-templates .ur-template .ur-template-overlay.loading .ur-button {
color: white;
text-indent: -9999em;
margin: 0 auto;
position: relative;
font-size: 11px;
-webkit-transform: translateZ(0);
-ms-transform: translateZ(0);
transform: translateZ(0);
-webkit-animation-delay: -0.16s;
animation-delay: -0.16s; }
.user-registration-setup .ur-setup-templates .ur-template .ur-template-overlay.loading .ur-button::before,
.user-registration-setup .ur-setup-templates .ur-template .ur-template-overlay.loading .ur-button::after {
position: absolute;
top: 0;
content: ""; }
.user-registration-setup .ur-setup-templates .ur-template .ur-template-overlay.loading .ur-button::before {
left: -1.5em;
-webkit-animation-delay: -0.32s;
animation-delay: -0.32s; }
.user-registration-setup .ur-setup-templates .ur-template .ur-template-overlay.loading .ur-button::after {
left: 1.5em; }
@-webkit-keyframes load1 {
0%,
80%,
100% {
box-shadow: 0 0;
height: 4em; }
40% {
box-shadow: 0 -2em;
height: 5em; } }
@keyframes load1 {
0%,
80%,
100% {
box-shadow: 0 0;
height: 4em; }
40% {
box-shadow: 0 -2em;
height: 5em; } }
.user-registration-setup .ur-setup-templates .ur-template:hover .ur-template-overlay,
.user-registration-setup .ur-setup-templates .ur-template .ur-template-overlay.loading {
opacity: 1;
visibility: visible; }
.user-registration-setup .ur-setup-templates .ur-template .ur-button {
display: inline-block;
padding: 15px 22px;
background-color: white;
color: #000;
font-size: 12px;
text-transform: uppercase;
border: none;
border-radius: 100px; }
.user-registration-form-template-wrapper .user-registration-form-template[data-filter-template="free"] .user-registration-template-wrap[data-plan="premium"] {
display: none; }
.user-registration-form-template-wrapper .user-registration-form-template[data-filter-template="premium"] .user-registration-template-wrap[data-plan="free"] {
display: none; }
.user-registration .swal2-container h3 {
font-size: 16px;
font-weight: 400; }
.user-registration .swal2-container .user-registration-trashed button {
margin: 0;
transition: all 0.3s ease-in-out; }
.user-registration .swal2-container .user-registration-trashed button.swal2-confirm {
background-color: #f75259 !important;
border: 1px solid #f75259;
border-radius: 3px;
transition: all 0.3s ease-in-out; }
.user-registration .swal2-container .user-registration-trashed button.swal2-cancel {
background: transparent;
border: 1px solid #999999;
color: #999999; }
.user-registration .swal2-container .user-registration-trashed button.swal2-cancel:hover {
border-color: #222222;
color: #222222; }
.user-registration .swal2-container .user-registration-info .swal2-actions {
display: flex;
padding: 10px !important; }
.user-registration .swal2-container .user-registration-info .swal2-html-container p {
font-size: 1em; }
.user-registration .swal2-container .user-registration-info button {
transition: all 0.3s ease-in-out; }
.user-registration .swal2-container .user-registration-info button.swal2-confirm {
background-color: #475bb2 !important;
border: 1px solid #475bb2;
border-radius: 3px;
transition: all 0.3s ease-in-out; }
.user-registration .swal2-container .user-registration-info button.swal2-cancel {
background: transparent;
border: 1px solid #999999;
color: #999999; }
.user-registration .swal2-container .user-registration-info button.swal2-cancel:hover {
border-color: #222222;
color: #222222; }
.user-registration .swal2-container .swal2-popup {
width: 400px;
border-radius: 10px;
padding: 0; }
.user-registration .swal2-container .swal2-popup.user-registration-settings-swal2 {
width: auto; }
.user-registration .swal2-container .swal2-popup.swal2-icon-error {
border-top: 6px solid #ff4f55; }
.user-registration .swal2-container .swal2-popup.user-registration-locked-field {
border-top: 6px solid #72aee6; }
.user-registration .swal2-container .swal2-popup.user-registration-locked-field.swal2-icon-success {
border-top: 6px solid #a5dc86; }
.user-registration .swal2-container .swal2-popup.user-registration-locked-field.swal2-icon-warning {
border-top: 6px solid #facea8; }
.user-registration .swal2-container .swal2-popup .swal2-header {
padding: 34px 40px 0 40px; }
.user-registration .swal2-container .swal2-popup .swal2-header .swal2-title {
margin-bottom: 4px; }
.user-registration .swal2-container .swal2-popup .swal2-header .swal2-title i {
margin-bottom: 16px; }
.user-registration .swal2-container .swal2-popup .swal2-header .swal2-close {
box-shadow: none;
top: 2px; }
.user-registration .swal2-container .swal2-popup.user-registration-swal2-no-button .swal2-header {
padding-bottom: 34px; }
.user-registration .swal2-container .swal2-popup .swal2-content .swal2-validation-message {
margin-left: 0;
margin-right: 0;
border-left: 3px solid #f27474;
justify-content: flex-start;
padding: 12px 6px 12px 6px; }
.user-registration .swal2-container .swal2-popup .swal2-content .action-buttons a {
background-color: #475bb2;
border: none;
text-decoration: none;
color: white;
font-size: 16px;
font-weight: 600; }
.user-registration .swal2-container .swal2-popup .swal2-actions {
margin-top: 24px;
background: #fcfcfc;
border-top: 1px solid #e1e1e1;
padding: 16px;
border-radius: 0 0 13px 13px;
justify-content: center;
flex-direction: row-reverse;
gap: 12px; }
.user-registration .swal2-container .swal2-popup .swal2-actions .swal2-confirm {
background: #475bb2;
transition: all 0.3s ease-in-out; }
.user-registration .swal2-container .swal2-popup .swal2-actions .swal2-confirm:hover {
background: #4b68ec; }
.user-registration .swal2-container .swal2-popup.user-registration-locked-field .swal2-header {
padding-bottom: 4px; }
.user-registration .swal2-container .swal2-popup.user-registration-locked-field .swal2-header .swal2-close {
box-shadow: none; }
.user-registration .swal2-container .swal2-popup.user-registration-locked-field .swal2-content {
padding-left: 0;
padding-right: 0; }
.user-registration .swal2-container .swal2-popup.user-registration-locked-field .swal2-content .swal2-html-container {
padding-left: 20px;
padding-right: 20px; }
.user-registration .swal2-container .swal2-popup.user-registration-locked-field .swal2-content .swal2-html-container .action-buttons {
margin-left: -20px;
margin-right: -20px;
border-radius: 0 0 10px 10px;
padding: 16px;
text-align: right;
background: #fcfcfc;
border-top: 1px solid #e1e1e1; }
.user-registration .swal2-container .swal2-popup .swal2-actions button:focus {
box-shadow: none; }
.user-registration .swal2-container .swal2-popup .swal2-actions button:focus-visible {
outline: none; }
.user-registration .swal2-container .user-registration-recommend-addons {
margin-bottom: 20px;
padding-bottom: 16px;
border-bottom: 2px solid #e9ebf1; }
.user-registration .swal2-container .user-registration-recommend-addons .bulk-action-notice {
margin: 0 0 20px; }
.user-registration .swal2-container .user-registration-recommend-addons .bulk-action-notice p {
padding: 0;
margin: 8px 0 !important; }
.user-registration .swal2-container .user-registration-recommend-addons .bulk-action-notice.notice-error .button-link {
text-decoration: none;
display: flex;
align-items: center;
margin-top: 8px; }
.user-registration .swal2-container .user-registration-recommend-addons .bulk-action-notice.notice-error .button-link .toggle-indicator {
display: inline-flex; }
.user-registration .swal2-container .user-registration-recommend-addons .bulk-action-notice.notice-error .bulk-action-errors {
margin-top: 0; }
.user-registration .swal2-container .user-registration-recommend-addons .plugins-list-table {
border-radius: 4px; }
.user-registration .swal2-container .user-registration-recommend-addons .plugins-list-table .plugin-name {
text-align: left; }
.user-registration .swal2-container .user-registration-recommend-addons .plugins-list-table .plugin-status {
float: right; }
.user-registration .swal2-container .user-registration-recommend-addons .plugins-list-table .plugin-status span {
width: 15px;
height: 15px;
overflow: hidden;
border-radius: 50%;
position: relative;
vertical-align: top;
white-space: nowrap;
text-indent: -9999px;
display: inline-block;
border: 2px solid #cdd0d8; }
.user-registration .swal2-container .user-registration-recommend-addons .plugins-list-table .plugin-status span.active::after, .user-registration .swal2-container .user-registration-recommend-addons .plugins-list-table .plugin-status span.activate-now::after {
position: absolute;
left: 50%;
top: 50%;
opacity: 1;
width: 34%;
height: 50%;
content: "";
transform-origin: left top;
border-top: 2px solid #cdd0d8;
border-right: 2px solid #cdd0d8;
transform: scaleX(-1) rotate(135deg) translate(-58%, -40%); }
.user-registration .swal2-container .user-registration-recommend-addons .plugins-list-table .plugin-status span.activate-now {
border-color: #cdd0d8; }
.user-registration .swal2-container .user-registration-recommend-addons .plugins-list-table .plugin-status span.activate-now.updating-message {
border-color: #cdd0d8;
border-left-color: #4CC741; }
.user-registration .swal2-container .user-registration-recommend-addons .plugins-list-table .plugin-status span.active {
border-color: #4CC741; }
.user-registration .swal2-container .user-registration-recommend-addons .plugins-list-table .plugin-status span.active::after {
border-top: 2px solid #4CC741;
border-right: 2px solid #4CC741; }
.user-registration .swal2-container .user-registration-recommend-addons .plugins-list-table .plugin-status span.updating-message {
border-left-color: #4CC741;
animation: spin 0.75s linear infinite; }
.user-registration .swal2-container .user-registration-recommend-addons .plugins-list-table .plugin-status span.updating-message::after {
content: none; }
.user-registration .swal2-container .user-registration-template-install-addon,
.user-registration .swal2-container .user-registration-template-continue {
margin-top: 20px;
color: #ffffff;
text-decoration: none; }
a.button.ur-smart-tags-list-button {
top: 29px;
right: 0;
width: 30px;
min-height: 30px;
color: #494d50;
position: absolute;
background: #fff;
border: 1px solid #cdd0d8;
border-radius: 4px;
box-shadow: inset 0 1px 2px rgba(35, 40, 45, 0.1); }
.ur-advance-setting.ur-advance-default_value,
.ur-general-setting.ur-general-setting-hidden-value,
.ur-advance-setting.ur-advance-pattern_value {
position: relative;
margin-bottom: 15px; }
.ur-advance-setting.ur-advance-default_value input.ur-general-setting-field,
.ur-advance-setting.ur-advance-default_value input.ur_advance_setting.ur-settings-pattern_value,
.ur-general-setting.ur-general-setting-hidden-value input.ur-general-setting-field,
.ur-general-setting.ur-general-setting-hidden-value input.ur_advance_setting.ur-settings-pattern_value,
.ur-advance-setting.ur-advance-pattern_value input.ur-general-setting-field,
.ur-advance-setting.ur-advance-pattern_value input.ur_advance_setting.ur-settings-pattern_value {
width: calc(100% - 40px) !important;
min-height: 27px; }
.ur-advance-setting.ur-advance-default_value a.button.ur-smart-tags-list-button,
.ur-general-setting.ur-general-setting-hidden-value a.button.ur-smart-tags-list-button,
.ur-advance-setting.ur-advance-pattern_value a.button.ur-smart-tags-list-button {
top: 29px;
right: 0;
width: 30px;
min-height: 30px;
color: #494d50;
position: absolute;
background: #fff;
border: 1px solid #cdd0d8;
border-radius: 4px;
box-shadow: inset 0 1px 2px rgba(35, 40, 45, 0.1); }
.ur-advance-setting.ur-advance-default_value .ur-smart-tags-list-button .dashicons-editor-code::before,
.ur-general-setting.ur-general-setting-hidden-value .ur-smart-tags-list-button .dashicons-editor-code::before,
.ur-advance-setting.ur-advance-pattern_value .ur-smart-tags-list-button .dashicons-editor-code::before {
left: 0;
right: 0;
margin: 0 auto;
line-height: 28px;
position: absolute; }
.ur-advance-setting.ur-advance-default_value .ur-smart-tags-list,
.ur-general-setting.ur-general-setting-hidden-value .ur-smart-tags-list,
.ur-advance-setting.ur-advance-pattern_value .ur-smart-tags-list {
right: 0;
z-index: 1;
max-height: 123px;
margin-top: -1px;
width: 230px;
overflow-y: auto;
position: absolute;
background: #fff;
border-radius: 4px;
border: 1px solid #cdd0d8;
box-shadow: 1px 3px 20px 0 rgba(35, 40, 45, 0.2); }
.ur-advance-setting.ur-advance-default_value .ur-smart-tags-list .ur-smart-tag-title,
.ur-general-setting.ur-general-setting-hidden-value .ur-smart-tags-list .ur-smart-tag-title,
.ur-advance-setting.ur-advance-pattern_value .ur-smart-tags-list .ur-smart-tag-title {
font-weight: 600;
background: #f6f7f9;
border-bottom: 1px solid #cdd0d8;
font-size: 12px;
padding: 10px; }
.ur-advance-setting.ur-advance-default_value .ur-smart-tags-list li,
.ur-general-setting.ur-general-setting-hidden-value .ur-smart-tags-list li,
.ur-advance-setting.ur-advance-pattern_value .ur-smart-tags-list li {
padding: 4px 10px;
font-size: 12px; }
.ur-advance-setting.ur-advance-default_value .ur-smart-tags-list:hover,
.ur-general-setting.ur-general-setting-hidden-value .ur-smart-tags-list:hover,
.ur-advance-setting.ur-advance-pattern_value .ur-smart-tags-list:hover {
cursor: pointer; }
.user-registration_page_add-new-registration #nav-menu-header,
.toplevel_page_user-registration #nav-menu-header {
padding-right: 30px; }
.user-registration_page_add-new-registration #nav-menu-header .ur-form-title,
.toplevel_page_user-registration #nav-menu-header .ur-form-title {
font-weight: 600;
font-size: 16px;
line-height: 150%;
color: #414141;
padding-left: 18px;
padding-right: 8px; }
.user-registration_page_add-new-registration #nav-menu-header .ur-editing-tag,
.toplevel_page_user-registration #nav-menu-header .ur-editing-tag {
padding: 4px 10px;
background: #edeff7;
border-radius: 50px;
font-style: italic;
font-weight: 400;
font-size: 12px;
line-height: 150%;
color: #383838; }
.user-registration_page_add-new-registration #nav-menu-header .publishing-action .button-secondary,
.toplevel_page_user-registration #nav-menu-header .publishing-action .button-secondary {
background: #edeff7;
border-color: #edeff7;
box-shadow: 0 1px 0 #edeff7;
font-size: 14px;
color: #383838;
border-radius: 3px; }
.user-registration_page_add-new-registration #nav-menu-header .publishing-action .button-secondary:has(span),
.toplevel_page_user-registration #nav-menu-header .publishing-action .button-secondary:has(span) {
width: 33px;
height: 33px; }
.user-registration_page_add-new-registration #nav-menu-header .publishing-action .button-secondary .ur-fs-open-label::before,
.user-registration_page_add-new-registration #nav-menu-header .publishing-action .button-secondary .ur-fs-close-label::before,
.toplevel_page_user-registration #nav-menu-header .publishing-action .button-secondary .ur-fs-open-label::before,
.toplevel_page_user-registration #nav-menu-header .publishing-action .button-secondary .ur-fs-close-label::before {
content: "";
background-repeat: no-repeat;
background-position: center;
background-size: 100%;
display: block;
top: -1px;
left: 1px;
position: relative;
width: 19px;
height: 19px; }
.user-registration_page_add-new-registration #nav-menu-header .publishing-action .button-secondary .ur-fs-open-label::before,
.toplevel_page_user-registration #nav-menu-header .publishing-action .button-secondary .ur-fs-open-label::before {
background-image: url("../images/icons/maximize.svg"); }
.user-registration_page_add-new-registration #nav-menu-header .publishing-action .button-secondary .ur-fs-close-label::before,
.toplevel_page_user-registration #nav-menu-header .publishing-action .button-secondary .ur-fs-close-label::before {
background-image: url("../images/icons/minimize.svg"); }
.user-registration_page_add-new-registration #nav-menu-header .publishing-action .button-primary,
.toplevel_page_user-registration #nav-menu-header .publishing-action .button-primary {
background: #475bb2;
font-size: 14px; }
.user-registration_page_add-new-registration #nav-menu-header .publishing-action .button-primary:hover,
.toplevel_page_user-registration #nav-menu-header .publishing-action .button-primary:hover {
background: #38488e;
border-color: #38488e; }
.user-registration_page_add-new-registration #nav-menu-header .publishing-action .button-primary.ur-copy-shortcode,
.toplevel_page_user-registration #nav-menu-header .publishing-action .button-primary.ur-copy-shortcode {
width: 33px;
height: 33px;
padding-left: 0;
padding-right: 0;
background: #475bb2;
border-color: #475bb2;
box-shadow: none; }
.user-registration_page_add-new-registration #nav-menu-header .publishing-action .button-primary.ur-copy-shortcode:hover,
.toplevel_page_user-registration #nav-menu-header .publishing-action .button-primary.ur-copy-shortcode:hover {
background: #38488e;
border-color: #38488e; }
.user-registration_page_add-new-registration #nav-menu-header .publishing-action .button-primary.ur-copy-shortcode svg,
.toplevel_page_user-registration #nav-menu-header .publishing-action .button-primary.ur-copy-shortcode svg {
width: 18px;
height: 18px;
margin-bottom: 3px; }
.ur-registered-from .ur-registered-inputs {
position: relative; }
.ur-registered-from .ur-registered-inputs .ur-tab-contents #ur-setting-form .ur-general-setting-block {
margin-bottom: 36px; }
.ur-registered-from .ur-registered-inputs .ur-tab-contents #ur-setting-form .ur-general-setting-block:has(.closed) {
margin-bottom: 0; }
.ur-registered-from .ur-registered-inputs .ur-tab-contents .ur-toggle-content label {
font-weight: 400;
font-size: 14px;
line-height: 140%;
color: #383838;
display: flex;
align-items: center;
gap: 2px; }
.ur-registered-from .ur-registered-inputs .ur-tab-contents .ur-toggle-content label .ur-portal-tooltip {
width: 12px; }
.ur-registered-from .ur-registered-inputs .ur-tab-contents .ur-toggle-content label .ur-portal-tooltip::after {
font-size: 18px;
line-height: unset;
color: #bababa; }
.ur-registered-from .ur-registered-inputs .ur-tab-contents .ur-toggle-content input[type="text"]::placeholder,
.ur-registered-from .ur-registered-inputs .ur-tab-contents .ur-toggle-content input[type="email"]::placeholder,
.ur-registered-from .ur-registered-inputs .ur-tab-contents .ur-toggle-content input[type="password"]::placeholder,
.ur-registered-from .ur-registered-inputs .ur-tab-contents .ur-toggle-content input[type="number"] textarea::placeholder {
color: #bababa; }
.ur-registered-from .ur-registered-inputs .ur-tab-contents .ur-toggle-content input {
padding: 18px 12px;
background: #ffffff;
border: 1px solid #e1e1e1;
border-radius: 4px;
font-weight: 400;
font-size: 14px;
line-height: 150%;
color: #6b6b6b; }
.ur-registered-from .ur-registered-inputs button#ur-collapse {
width: 22px;
height: 41px;
background: #ffffff;
position: absolute;
bottom: 100px;
border-style: solid;
border-width: 1px 1px 1px 0px;
border-color: #e1e1e1;
border-radius: 0 3px 3px 0;
z-index: 1;
cursor: pointer;
transition: all 0.3s ease-in-out;
right: -22px; }
.ur-registered-from .ur-registered-inputs button#ur-collapse svg {
width: 12px;
height: 12px;
display: block;
position: relative;
left: -2px;
transition: all 0.3s ease-in-out; }
.ur-registered-from .ur-registered-inputs button#ur-collapse:hover svg {
left: -4px; }
.ur-registered-from .ur-registered-inputs button#ur-collapse.open {
width: 24px;
height: 44px; }
.ur-registered-from .ur-registered-inputs button#ur-collapse.open svg {
transform: rotate(180deg);
left: -1px;
width: 14px;
height: 14px; }
.ur-registered-from .ur-registered-inputs button#ur-collapse.open:hover svg {
left: 1px; }
.ur-registered-from .ur-builder-wrapper .ur-selected-inputs {
padding: 30px;
background: #F1F4F8; }
.ur-registered-from .ur-builder-wrapper .ur-selected-inputs .ur-login-form-wrapper {
display: flex;
flex-direction: column;
align-items: center;
justify-content: center; }
.ur-registered-from .ur-builder-wrapper .ur-selected-inputs .ur-login-shortcode {
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
margin-top: 2rem; }
.ur-registered-from .ur-builder-wrapper .ur-selected-inputs .ur-login-shortcode h1 {
font-weight: bold;
font-size: 35px;
margin-bottom: 2rem; }
.ur-registered-from .ur-builder-wrapper .ur-selected-inputs .ur-login-shortcode p {
font-size: 16px; }
.ur-registered-from .ur-builder-wrapper .ur-selected-inputs .ur-login-shortcode .ur-login-content {
margin-left: 10rem;
margin-right: 5rem; }
.ur-registered-from .ur-builder-wrapper .ur-selected-inputs .ur-login-view-doc {
margin-top: 5rem; }
.ur-registered-from .ur-builder-wrapper .ur-selected-inputs .ur-login-view-doc a {
font-size: large;
text-decoration: underline; }
.ur-registered-from .ur-builder-wrapper .ur-builder-header {
padding-top: 10px;
padding-bottom: 24px;
border-bottom: 1px solid #e1e1e1;
margin-bottom: 32px; }
.ur-registered-from .ur-builder-wrapper .ur-builder-header .user-registration-editable-title {
margin-top: 0 !important;
margin-bottom: 0 !important; }
.ur-registered-from .ur-builder-wrapper .ur-builder-header .user-registration-editable-title .user-registration-editable-title__input {
font-size: 22px;
line-height: 130%;
color: #222222;
padding: 4px 8px 4px 12px;
margin: 0; }
.ur-registered-from .ur-builder-wrapper .ur-builder-wrapper-content {
background: #ffffff;
border-radius: 13px;
padding: 18px 32px;
border: 1px solid #e1e1e1; }
.ur-registered-from .ur-builder-wrapper .ur-builder-wrapper-content .ur-single-row .ur-grid-lists .ur-grid-list-item {
padding: 20px; }
.ur-registered-from .ur-builder-wrapper .ur-builder-wrapper-content .ur-single-row .ur-grid-lists .ur-selected-item {
padding: 10px 14px 14px; }
.ur-registered-from .ur-builder-wrapper .ur-builder-wrapper-content .ur-single-row:hover .ur-grid-lists {
background: #fcfcfc;
border-radius: 7px;
border-color: #e7e7e7;
border-left: 0; }
.ur-registered-from .ur-builder-wrapper .ur-builder-wrapper-content .ur-single-row:hover .ur-grid-lists .ur-selected-item:hover {
background: #f8f8fa;
border: 1px dashed #475bb2;
border-radius: 7px; }
.ur-registered-from .ur-builder-wrapper .ur-builder-wrapper-content .ur-single-row:hover .ur-grid-lists .ur-grid-list-item {
border-left: 1px solid #e7e7e7; }
.ur-registered-from .ur-builder-wrapper #ur-field-settings {
background: #ffffff;
border: 1px solid #e1e1e1;
border-radius: 13px;
padding: 18px 32px; }
.ur-registered-from .ur-builder-wrapper #ur-field-settings #ur-field-all-settings h3 {
margin: 0 0 32px 0;
font-size: 22px;
line-height: 130%;
font-weight: 600;
color: #131313;
border-bottom: 1px solid #e1e1e1;
padding: 10px 0 24px; }
.ur-registered-from .ur-builder-wrapper #ur-field-settings #ur-field-all-settings .form-row {
width: 100%;
max-width: 100%;
margin-bottom: 20px; }
.ur-registered-from .ur-builder-wrapper #ur-field-settings #ur-field-all-settings .form-row#user_registration_form_setting_minimum_password_strength_field {
margin-bottom: 0; }
.ur-registered-from .ur-builder-wrapper #ur-field-settings #ur-field-all-settings .form-row .ur-label {
font-size: 15px;
line-height: 140%;
color: #383838;
display: flex;
align-items: center;
width: max-content; }
.ur-registered-from .ur-builder-wrapper #ur-field-settings #ur-field-all-settings .form-row .ur-label.checkbox {
font-size: 14px;
line-height: 150%;
font-weight: 400;
margin-bottom: 0; }
.ur-registered-from .ur-builder-wrapper #ur-field-settings #ur-field-all-settings .form-row .ur-label .user-registration-help-tip::after {
font-size: 18px;
line-height: unset;
color: #bababa; }
.ur-registered-from .ur-builder-wrapper #ur-field-settings #ur-field-all-settings .form-row input[type="text"],
.ur-registered-from .ur-builder-wrapper #ur-field-settings #ur-field-all-settings .form-row input[type="email"],
.ur-registered-from .ur-builder-wrapper #ur-field-settings #ur-field-all-settings .form-row input[type="number"],
.ur-registered-from .ur-builder-wrapper #ur-field-settings #ur-field-all-settings .form-row select {
height: 38px;
border-color: #e1e1e1;
color: #6b6b6b; }
.ur-registered-from .ur-builder-wrapper #ur-field-settings #ur-field-all-settings .form-row select {
background-image: linear-gradient(45deg, transparent 50%, gray 50%), linear-gradient(135deg, gray 50%, transparent 50%);
background-position: calc(100% - 15px) calc(1em + 2px), calc(100% - 10px) calc(1em + 2px), calc(100% - 2.5em) 0.5em;
background-size: 5px 5px,
5px 5px,
1px 1.5em;
background-repeat: no-repeat; }
.ur-registered-from .ur-builder-wrapper #ur-field-settings #ur-field-all-settings .form-row .ur-radio-group-list {
display: flex;
gap: 12px; }
.ur-registered-from .ur-builder-wrapper #ur-field-settings #ur-field-all-settings .form-row .ur-radio-group-list--item label {
font-size: 14px;
font-weight: 600;
color: #6b6b6b;
margin-bottom: 0;
border: 1px solid #6b6b6b;
border-radius: 5px;
text-align: center;
padding: 10px;
align-items: center;
display: flex;
transition: all 0.3s ease-in-out; }
.ur-registered-from .ur-builder-wrapper #ur-field-settings #ur-field-all-settings .form-row .ur-radio-group-list--item label input {
display: none; }
.ur-registered-from .ur-builder-wrapper #ur-field-settings #ur-field-all-settings .form-row .ur-radio-group-list--item.very-weak:hover label, .ur-registered-from .ur-builder-wrapper #ur-field-settings #ur-field-all-settings .form-row .ur-radio-group-list--item.very-weak.active label {
color: #f25656;
border-color: #f25656;
background-color: #fff4f4; }
.ur-registered-from .ur-builder-wrapper #ur-field-settings #ur-field-all-settings .form-row .ur-radio-group-list--item.weak:hover label, .ur-registered-from .ur-builder-wrapper #ur-field-settings #ur-field-all-settings .form-row .ur-radio-group-list--item.weak.active label {
color: #ee9936;
border-color: #ee9936;
background-color: #fffaf5; }
.ur-registered-from .ur-builder-wrapper #ur-field-settings #ur-field-all-settings .form-row .ur-radio-group-list--item.medium:hover label, .ur-registered-from .ur-builder-wrapper #ur-field-settings #ur-field-all-settings .form-row .ur-radio-group-list--item.medium.active label {
color: #ffc700;
border-color: #ffc700;
background-color: #fffcf1; }
.ur-registered-from .ur-builder-wrapper #ur-field-settings #ur-field-all-settings .form-row .ur-radio-group-list--item.strong:hover label, .ur-registered-from .ur-builder-wrapper #ur-field-settings #ur-field-all-settings .form-row .ur-radio-group-list--item.strong.active label {
color: #4cc741;
border-color: #4cc741;
background-color: #f5fff4; }
.ur-registered-from .ur-builder-wrapper #ur-field-settings #ur-field-all-settings .form-row .ur-radio-group-list--item.custom:hover label, .ur-registered-from .ur-builder-wrapper #ur-field-settings #ur-field-all-settings .form-row .ur-radio-group-list--item.custom.active label {
color: #475bb3;
border-color: #475bb3;
background-color: #ebecf1; }
.ur-registered-from .ur-builder-wrapper #ur-field-settings #ur-field-all-settings #integration-selection-settings {
display: flex;
flex-direction: column;
gap: 24px;
align-items: center;
padding: 100px 0px;
justify-content: center; }
.ur-registered-from .ur-builder-wrapper #ur-field-settings #ur-field-all-settings #integration-selection-settings .integration-selection-settings-contents {
text-align: center;
display: flex;
flex-direction: column;
width: 40%; }
.ur-registered-from .ur-builder-wrapper #ur-field-settings #ur-field-all-settings #integration-selection-settings .integration-selection-settings-contents h3 {
font-size: 22px;
line-height: 28px;
font-weight: 600;
margin: 0px;
border: none;
padding: 0px;
color: #131313; }
.ur-registered-from .ur-builder-wrapper #ur-field-settings #ur-field-all-settings #integration-selection-settings .integration-selection-settings-contents p {
font-size: 16px;
font-weight: 400;
line-height: 24px;
color: #6B6B6B; }
.ur-registered-from .ur-builder-wrapper #ur-field-settings #ur-field-all-settings .integration-lists-settings .form-settings-sub-tab {
border-bottom: 0;
margin-bottom: 0; }
.ur-registered-from .ur-builder-wrapper #ur-field-settings #ur-field-all-settings .integration-lists-settings .ur-integration-list {
padding-bottom: 16px;
margin-bottom: 24px; }
.ur-registered-from .ur-builder-wrapper #ur-field-settings #ur-field-all-settings .integration-lists-settings .user-registration-notice {
margin: 0;
padding: 0; }
.ur-registered-from .ur-builder-wrapper #ur-field-settings #ur-field-all-settings .integration-lists-settings .user-registration-card {
margin: 4px 0 16px !important; }
.ur-registered-from .ur-builder-wrapper #ur-field-settings #ur-field-all-settings .integration-lists-settings .user-registration-card:last-child {
margin-bottom: 12px !important; }
.ur-registered-from .ur-builder-wrapper #ur-field-settings #ur-field-all-settings .integration-lists-settings .user-registration-card__header {
border-bottom: 0;
padding-left: 20px !important;
padding-right: 14px !important; }
.ur-registered-from .ur-builder-wrapper #ur-field-settings #ur-field-all-settings .integration-lists-settings .user-registration-card__header .user-registration-card__title {
color: #383838;
font-size: 16px;
font-weight: 600;
line-height: 24px; }
.ur-registered-from .ur-builder-wrapper #ur-field-settings #ur-field-all-settings .integration-lists-settings .user-registration-card__header .user-registration-card__button {
display: flex;
align-items: center; }
.ur-registered-from .ur-builder-wrapper #ur-field-settings #ur-field-all-settings .integration-lists-settings .user-registration-card__header .user-registration-card__button .button {
display: flex;
align-items: center;
justify-content: center; }
.ur-registered-from .ur-builder-wrapper #ur-field-settings #ur-field-all-settings .integration-lists-settings .user-registration-card__header .user-registration-card__button .button svg {
width: 22px;
height: 22px;
margin: 0; }
.ur-registered-from .ur-builder-wrapper #ur-field-settings #ur-field-all-settings .integration-lists-settings .user-registration-card__body {
border-top: 1px solid #E1E1E1;
padding-left: 20px !important;
padding-right: 20px !important; }
.ur-registered-from .ur-builder-wrapper #ur-field-settings #ur-field-all-settings .integration-lists-settings .user-registration-card__body [class*="urmc-mailchimp-"],
.ur-registered-from .ur-builder-wrapper #ur-field-settings #ur-field-all-settings .integration-lists-settings .user-registration-card__body [class*="ur-mailchimp-"] {
margin-bottom: 12px; }
#wpcontent .wp-heading-inline {
font-weight: 600;
padding: 0;
margin: 20px 0 0;
font-size: 24px;
line-height: 120%; }
#wpcontent .user-registration-settings-container {
margin: 24px 0 0; }
#wpcontent .user-registration-settings-container .user-registration-options-header--top {
display: flex;
align-items: center;
justify-content: space-between; }
#wpcontent .user-registration-settings-container .user-registration-options-header--top__left {
display: flex;
gap: 16px;
align-items: center; }
#wpcontent .user-registration-settings-container .user-registration-options-header--top__left h3 {
margin: 0;
font-weight: 600;
font-size: 24px;
line-height: 36px;
color: #222222; }
#wpcontent .user-registration-settings-container .user-registration-options-header--top__left--icon {
width: 40px;
height: 40px;
background: #EDEFF7;
display: flex;
justify-content: center;
align-items: center;
border-radius: 3.75px; }
#wpcontent .user-registration-settings-container .user-registration-options-header--top__left--icon svg {
width: 20px;
height: 20px; }
#wpcontent .user-registration-settings-container .user-registration-options-header--top__left--icon svg path {
fill: #475bb2; }
#wpcontent .user-registration-settings-container .user-registration-options-header--top__right {
display: flex;
align-items: center;
justify-content: space-between;
gap: 10px; }
#wpcontent .user-registration-settings-container .user-registration-options-header--top__right span.user-registration-toggle-text {
font-size: 14px;
line-height: 24px;
color: #6B6B6B;
font-weight: 400; }
#wpcontent .user-registration-settings-container .user-registration-options-header--bottom ul {
display: flex;
align-items: center;
gap: 32px;
border-bottom: 1px solid #e1e1e1;
width: 100%; }
#wpcontent .user-registration-settings-container .user-registration-options-header--bottom ul li a {
font-weight: 400;
font-size: 15px;
line-height: 140%;
color: #1f1f1f;
padding: 0;
position: relative;
padding-bottom: 16px;
transition: all 0.3s ease-in-out; }
#wpcontent .user-registration-settings-container .user-registration-options-header--bottom ul li a::before {
content: "";
background: #475bb2;
position: absolute;
width: 100%;
height: 3px;
border-radius: 11px;
bottom: 0;
left: 0;
opacity: 0;
transition: all 0.3s ease-in-out; }
#wpcontent .user-registration-settings-container .user-registration-options-header--bottom ul li a:focus {
outline: none;
box-shadow: none; }
#wpcontent .user-registration-settings-container .user-registration-options-header--bottom ul li a.current, #wpcontent .user-registration-settings-container .user-registration-options-header--bottom ul li a.active {
font-weight: 600; }
#wpcontent .user-registration-settings-container .user-registration-options-header--bottom ul li a:hover, #wpcontent .user-registration-settings-container .user-registration-options-header--bottom ul li a.current, #wpcontent .user-registration-settings-container .user-registration-options-header--bottom ul li a.active {
color: #475bb2; }
#wpcontent .user-registration-settings-container .user-registration-options-header--bottom ul li a:hover::before, #wpcontent .user-registration-settings-container .user-registration-options-header--bottom ul li a.current::before, #wpcontent .user-registration-settings-container .user-registration-options-header--bottom ul li a.active::before {
opacity: 1; }
#wpcontent .user-registration-login-form-container .user-registration__wrap #menu-management-liquid {
float: none; }
#wpcontent .user-registration-login-form-container .user-registration__wrap #menu-management .menu-edit {
position: unset; }
#wpcontent .user-registration-login-form-container .user-registration__wrap #post-body .ur-registered-from {
display: block;
background-color: transparent; }
#wpcontent .user-registration-login-form-container .user-registration__wrap #post-body .ur-registered-from .ur-builder-wrapper {
height: auto;
overflow-y: unset;
border-left: 0;
background: transparent; }
#wpcontent .user-registration-login-form-container .user-registration__wrap #post-body .ur-registered-from .ur-builder-wrapper .ur-selected-inputs {
background: #f0f0f1;
padding: 24px; }
#wpcontent .user-registration-login-form-container .user-registration__wrap #post-body .ur-registered-from .ur-builder-wrapper .ur-selected-inputs .ur-builder-wrapper-content {
padding: 20px 30px 60px;
border-radius: 7px; }
#wpcontent .user-registration-login-form-container .user-registration__wrap #post-body .ur-registered-from .ur-builder-wrapper .ur-selected-inputs .ur-builder-wrapper-content .ur-login-shortcode {
margin-top: 0;
display: block; }
#wpcontent .user-registration-login-form-container .user-registration__wrap #post-body .ur-registered-from .ur-builder-wrapper .ur-selected-inputs .ur-builder-wrapper-content .ur-login-shortcode h1 {
margin-bottom: 12px; }
#wpcontent .user-registration-login-form-container .user-registration__wrap #post-body .ur-registered-from .ur-builder-wrapper .ur-selected-inputs .ur-builder-wrapper-content .ur-login-shortcode--wrapper {
display: flex;
align-items: center;
gap: 30px;
flex-wrap: wrap; }
@media (max-width: 1400px) {
#wpcontent .user-registration-login-form-container .user-registration__wrap #post-body .ur-registered-from .ur-builder-wrapper .ur-selected-inputs .ur-builder-wrapper-content .ur-login-shortcode--wrapper {
flex-wrap: wrap;
justify-content: center; } }
#wpcontent .user-registration-login-form-container .user-registration__wrap #post-body .ur-registered-from .ur-builder-wrapper .ur-selected-inputs .ur-builder-wrapper-content .ur-login-shortcode--wrapper img {
margin-left: -24px; }
@media (max-width: 1000px) {
#wpcontent .user-registration-login-form-container .user-registration__wrap #post-body .ur-registered-from .ur-builder-wrapper .ur-selected-inputs .ur-builder-wrapper-content .ur-login-shortcode--wrapper img {
margin-left: 0; } }
@media (max-width: 768px) {
#wpcontent .user-registration-login-form-container .user-registration__wrap #post-body .ur-registered-from .ur-builder-wrapper .ur-selected-inputs .ur-builder-wrapper-content .ur-login-shortcode--wrapper img {
width: 100%; } }
#wpcontent .user-registration-login-form-container .user-registration__wrap #post-body .ur-registered-from .ur-builder-wrapper .ur-selected-inputs .ur-builder-wrapper-content .ur-login-shortcode--wrapper .ur-login-content {
margin-left: 0;
margin-right: 0;
padding: 24px;
background: #f6f6f6;
border-radius: 7px;
flex: 1; }
#wpcontent .user-registration-login-form-container .user-registration__wrap #post-body .ur-registered-from .ur-builder-wrapper .ur-selected-inputs .ur-builder-wrapper-content .ur-login-shortcode--wrapper .ur-login-content p:first-child {
margin-top: 0; }
#wpcontent .user-registration-login-form-container .user-registration__wrap #post-body .ur-registered-from .ur-builder-wrapper .ur-selected-inputs .ur-builder-wrapper-content .ur-login-shortcode--wrapper .ur-login-content .login-forms-shortcode-action input {
height: 32px;
font-size: 15px; }
#wpcontent .user-registration-login-form-container .user-registration__wrap #post-body .ur-registered-from .ur-builder-wrapper .ur-selected-inputs .ur-builder-wrapper-content .ur-login-shortcode--wrapper .ur-login-content .login-forms-shortcode-action .ur-copy-shortcode {
box-shadow: none;
transition: all 0.3s
ease-in-out; }
#wpcontent .user-registration-login-form-container .user-registration__wrap #post-body .ur-registered-from .ur-builder-wrapper .ur-selected-inputs .ur-builder-wrapper-content .ur-login-shortcode--wrapper .ur-login-content .login-forms-shortcode-action .ur-copy-shortcode svg path {
fill: #475bb2;
transition: all
0.3s
ease-in-out; }
#wpcontent .user-registration-login-form-container .user-registration__wrap #post-body .ur-registered-from .ur-builder-wrapper .ur-selected-inputs .ur-builder-wrapper-content .ur-login-shortcode--wrapper .ur-login-content .login-forms-shortcode-action .ur-copy-shortcode:hover {
background: #475bb2 !important; }
#wpcontent .user-registration-login-form-container .user-registration__wrap #post-body .ur-registered-from .ur-builder-wrapper .ur-selected-inputs .ur-builder-wrapper-content .ur-login-shortcode--wrapper .ur-login-content .login-forms-shortcode-action .ur-copy-shortcode:hover svg path {
fill: #ffffff; }
#wpcontent .user-registration-login-form-container .user-registration__wrap #post-body .ur-registered-from .ur-builder-wrapper .ur-selected-inputs .ur-builder-wrapper-content .ur-login-view-doc {
margin-top: 32px; }
@media (max-width: 960px) {
#wpcontent {
padding-left: 0; }
.user-registration_page_add-new-registration .ur-form-container #menu-management .menu-edit {
left: 36px !important; }
.ur-registered-from .ur-registered-inputs .ur-tab-contents button#ur-collapse {
left: 448px; } }
.ur-registered-from .nav-tab-wrapper .ur-tab-contents .ur-tab-content .ur-general-setting-options .ur-options-list .ur-subscription-plan {
flex-direction: column;
align-items: unset;
margin-bottom: 16px;
padding: 10px;
border: 1px solid #e4e4e4;
background: #fbfbfb; }
.ur-registered-from .nav-tab-wrapper .ur-tab-contents .ur-tab-content .ur-general-setting-options .ur-options-list .ur-subscription-plan:last-child {
margin-bottom: 0; }
.ur-registered-from .nav-tab-wrapper .ur-tab-contents .ur-tab-content .ur-general-setting-options .ur-options-list .ur-subscription-plan-details {
display: flex;
align-items: center;
gap: 8px; }
.ur-registered-from .nav-tab-wrapper .ur-tab-contents .ur-tab-content .ur-general-setting-options .ur-options-list .ur-subscription-plan-sub-details > p {
display: flex;
align-items: center;
gap: 8px;
margin-bottom: 4px; }
.ur-registered-from .nav-tab-wrapper .ur-tab-contents .ur-tab-content .ur-general-setting-options .ur-options-list .ur-subscription-plan-sub-details > p select {
height: 38px;
padding-left: 12px;
padding-right: 12px; }
#your-profile #fieldset-user_registration tbody tr td:has(.user-registration-user-profile-info) {
display: grid;
grid-template-columns: repeat(auto-fill, minmax(160px, 1fr));
gap: 12px;
width: 760px; }
#your-profile #fieldset-user_registration tbody tr td:has(.user-registration-user-profile-info) br {
display: none; }
#your-profile #fieldset-user_registration tbody tr td .user-registration-user-profile-info input[type="radio"], #your-profile #fieldset-user_registration tbody tr td .user-registration-user-profile-info input[type="checkbox"] {
display: none; }
#your-profile #fieldset-user_registration tbody tr td .user-registration-user-profile-info .user-registration-image-options {
display: block;
border: 1px solid #d5d5d5;
border-radius: 4px;
padding: 10px;
position: relative; }
#your-profile #fieldset-user_registration tbody tr td .user-registration-user-profile-info .user-registration-image-options:hover {
color: #0693e3;
border-color: #0693e3; }
#your-profile #fieldset-user_registration tbody tr td .user-registration-user-profile-info .user-registration-image-options:hover .user-registration-image-choice::before {
content: "";
position: absolute;
width: 100%;
height: 100%;
background: #222222;
opacity: 0.45;
z-index: 1; }
#your-profile #fieldset-user_registration tbody tr td .user-registration-user-profile-info .user-registration-image-options:hover .user-registration-image-choice img {
transform: scale(1.1); }
#your-profile #fieldset-user_registration tbody tr td .user-registration-user-profile-info .user-registration-image-options .user-registration-image-choice {
display: block;
width: 100%;
height: 100px;
border-radius: 2px;
overflow: hidden;
position: relative;
margin-bottom: 10px; }
#your-profile #fieldset-user_registration tbody tr td .user-registration-user-profile-info .user-registration-image-options .user-registration-image-choice img {
width: 100%;
height: 100%;
object-fit: cover;
border-radius: 2px;
transition: all 0.3s ease-in-out; }
#your-profile #fieldset-user_registration tbody tr td .user-registration-user-profile-info input[type="radio"]:checked ~ label,
#your-profile #fieldset-user_registration tbody tr td .user-registration-user-profile-info input[type="checkbox"]:checked ~ label {
color: #0693e3;
border-color: #0693e3; }
#your-profile #fieldset-user_registration tbody tr td .user-registration-user-profile-info input[type="radio"]:checked ~ label span::before,
#your-profile #fieldset-user_registration tbody tr td .user-registration-user-profile-info input[type="checkbox"]:checked ~ label span::before {
content: "";
position: absolute;
width: 100%;
height: 100%;
background: #222222;
opacity: 0.45;
z-index: 1; }
#your-profile #fieldset-user_registration tbody tr td .user-registration-user-profile-info input[type="radio"]:checked ~ label span::after,
#your-profile #fieldset-user_registration tbody tr td .user-registration-user-profile-info 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; }
#ur-smart-tags-selector {
float: right;
display: inline-flex;
gap: 4px;
align-items: center;
color: #6b6b6b;
font-weight: 400;
font-size: 14px;
text-decoration: underline;
padding: 10px 0px;
cursor: pointer; }
#ur-smart-tags-selector ~ .select2-container {
visibility: hidden;
position: absolute;
right: 0;
width: 120px !important; }
.select2-container--open:not(.ur-hide-select2) .ur-select2-dropdown {
width: 180px !important; }
.select2-container--open:not(.ur-hide-select2) .ur-select2-dropdown .select2-search--dropdown {
width: 98%;
position: relative; }
.select2-container--open:not(.ur-hide-select2) .ur-select2-dropdown .ur-select2-title {
display: block;
padding: 4px;
width: 98%;
border-radius: 4px;
color: #383838; }
.select2-container--open:not(.ur-hide-select2) .ur-select2-dropdown .ur-select2-title p {
padding: 6px 8px;
background-color: #f4f4f4;
font-size: 13px;
font-weight: 600;
margin: 0px; }
.select2-container--open:not(.ur-hide-select2) .ur-select2-dropdown ul.select2-results__options {
max-height: 250px !important;
overflow-y: auto;
border-top: 1px solid #ccc; }
.select2-container--open:not(.ur-hide-select2) .ur-select2-dropdown ul.select2-results__options::-webkit-scrollbar {
width: 4px; }
.select2-container--open:not(.ur-hide-select2) .ur-select2-dropdown ul.select2-results__options::-webkit-scrollbar-thumb {
background-color: #aaa;
border-radius: 10px !important; }
.select2-container--open:not(.ur-hide-select2) .ur-select2-dropdown ul.select2-results__options li.select2-results__option--highlighted, .select2-container--open:not(.ur-hide-select2) .ur-select2-dropdown ul.select2-results__options li[data-selected="true"] {
background: #f8f8fa;
color: #475bb2;
border: none; }
.select2-container--open:not(.ur-hide-select2) .ur-select2-dropdown .select2-search {
display: flex;
align-items: center;
color: #999999; }
.select2-container--open:not(.ur-hide-select2) .ur-select2-dropdown .select2-search .select2-search__field {
padding-left: 28px; }
.select2-container--open:not(.ur-hide-select2) .ur-select2-dropdown .select2-search .search-icon {
position: absolute;
left: 12px;
top: 33;
color: #999; }
.toplevel_page_user-registration #wpcontent,
body.user-registration #wpcontent {
padding-left: 0; }
.toplevel_page_user-registration #wpbody-content,
body.user-registration #wpbody-content {
background: #EFF2F6;
padding-bottom: 30px; }
.toplevel_page_user-registration #wpbody-content #screen-meta-links,
body.user-registration #wpbody-content #screen-meta-links {
display: none; }
.ur-admin-page-topnav {
display: flex;
align-items: center;
justify-content: space-between;
background: #ffffff;
padding: 0px 24px;
border-bottom: 1px solid #e1e1e1;
margin-bottom: 25px; }
.ur-admin-page-topnav .ur-page-title__wrapper {
display: flex;
align-items: center;
gap: 20px; }
.ur-admin-page-topnav .ur-page-title__wrapper-logo {
padding: 0px 20px 0px 0px;
border-right: 1px solid #e1e1e1; }
.ur-admin-page-topnav .ur-page-title__wrapper-menu h2 {
padding: 24px 0px; }
.ur-admin-page-topnav .ur-page-title__wrapper-menu__items {
display: flex;
gap: 4px;
margin: 0; }
.ur-admin-page-topnav .ur-page-title__wrapper-menu__items li {
font-size: 15px;
margin-bottom: 0;
padding: 24px 0; }
.ur-admin-page-topnav .ur-page-title__wrapper-menu__items li a {
text-decoration: none;
color: #1f1f1f;
padding: 24px 16px;
position: relative;
transition: all 0.3s; }
.ur-admin-page-topnav .ur-page-title__wrapper-menu__items li a:focus {
outline: none;
box-shadow: none; }
.ur-admin-page-topnav .ur-page-title__wrapper-menu__items li a::after {
content: "";
background: #475bb2;
width: 0px;
height: 3px;
position: absolute;
bottom: 0;
left: 0;
transition: all 0.3s; }
.ur-admin-page-topnav .ur-page-title__wrapper-menu__items li a:hover, .ur-admin-page-topnav .ur-page-title__wrapper-menu__items li a.current {
color: #475bb2; }
.ur-admin-page-topnav .ur-page-title__wrapper-menu__items li a:hover::after, .ur-admin-page-topnav .ur-page-title__wrapper-menu__items li a.current::after {
width: 100%; }
.ur-admin-page-topnav .ur-page-title__wrapper-menu__items li a.current {
font-weight: 600; }
.ur-admin-page-topnav .ur-back-button {
border-right: 1px solid #bababa;
padding: 4px 14px 4px 4px;
display: flex;
cursor: pointer; }
.ur-admin-page-topnav .ur-back-button svg {
width: 24px;
height: 24px; }
.ur-admin-page-topnav .dashicons::before {
color: #383838; }
.ur-admin-page-topnav .ur-page-actions {
display: flex;
align-items: center;
gap: 8px;
flex-direction: row-reverse; }
.ur-admin-page-topnav .ur-page-actions a .ur-button-primary {
border-radius: 3px;
background: #475bb2;
padding: 6px 12px;
font-size: 14px;
line-height: 150%;
color: #ffffff;
transition: all 0.3s ease-in-out; }
.ur-admin-page-topnav .ur-page-actions a .ur-button-primary:hover {
background: #38488e; }
.ur-admin-page-topnav .ur-page-actions > .ur-button-primary {
color: #383838;
font-size: 14px;
font-weight: 400;
line-height: 18px;
background: #eaeaea;
padding: 8px 12px;
display: flex;
align-items: center;
justify-content: center;
gap: 6px;
border-radius: 3px;
border: 1px solid #eaeaea;
cursor: pointer;
transition: all 0.3s ease-in-out; }
.ur-admin-page-topnav .ur-page-actions > .ur-button-primary svg {
width: 14px;
height: 14px; }
.ur-admin-page-topnav .ur-page-actions > .ur-button-primary svg path {
fill: #383838; }
.ur-admin-page-topnav .ur-page-actions > .ur-button-primary:hover {
background: #e1e1e1;
border-color: #e1e1e1; }
.user-registration-list-table-container #user-registration-list-table-page {
max-width: 100%;
margin-left: 20px;
margin-right: 20px; }
.user-registration-login-form-container .ur-form-container #menu-management-liquid {
margin-left: 0;
min-width: 100%; }
.user-registration-login-form-container .ur-form-container #menu-management-liquid .ur-selected-inputs {
padding-left: 20px !important;
padding-right: 20px !important; }
#user-registration-list-table-page {
max-width: 1280px;
margin: 25px auto;
padding: 24px;
border-radius: 7px;
background: #ffffff; }
#user-registration-list-table-page .user-registration-list-table-header {
display: flex;
gap: 15px;
align-items: center;
margin-bottom: 15px; }
#user-registration-list-table-page .user-registration-list-table-header a {
padding: 6px 14px;
border-radius: 3px;
border: 1px solid #475bb2;
background: #f6f7f7;
color: #475bb2;
font-size: 14px;
font-weight: 500;
line-height: 150%;
transition: all 0.3s ease-in-out;
text-decoration: none; }
#user-registration-list-table-page #user-registration-list-filters-row {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
gap: 20px;
border-bottom: 1px solid #dcdcdc;
padding-bottom: 24px;
margin-bottom: 24px; }
#user-registration-list-table-page #user-registration-list-filters-row ul.subsubsub {
font-size: 15px; }
#user-registration-list-table-page #user-registration-list-filters-row #user-registration-pro-users-filters {
display: flex;
flex-wrap: wrap;
align-items: center;
gap: 12px;
padding: 0;
margin-top: 0; }
#user-registration-list-table-page #user-registration-list-filters-row #user-registration-pro-users-filters li div p {
display: none;
margin: 0; }
#user-registration-list-table-page #user-registration-list-filters-row #user-registration-pro-users-filters li div select {
min-height: 36px;
padding: 2px 12px;
border-radius: 4px;
border-color: #bababa;
min-width: 130px; }
#user-registration-list-table-page #user-registration-list-filters-row #user-registration-pro-users-filters li div select:hover {
color: #475bb2; }
#user-registration-list-table-page #user-registration-list-filters-row #user-registration-pro-users-filters li div select:focus {
box-shadow: none;
border: 1px solid #475bb2; }
#user-registration-list-table-page #user-registration-list-filters-row #user-registration-pro-users-filters .user-registration-users-filter-btns {
display: flex;
align-items: center;
gap: 8px; }
#user-registration-list-table-page #user-registration-list-filters-row #user-registration-pro-users-filters .user-registration-users-filter-btns button {
cursor: pointer;
transition: all 0.3s ease-in-out; }
#user-registration-list-table-page #user-registration-list-filters-row #user-registration-pro-users-filters .user-registration-users-filter-btns button[type="submit"] {
padding: 6px 14px;
border-radius: 3px;
border: 1px solid #475bb2;
background: #475bb2;
color: #ffffff;
font-size: 14px;
font-weight: 400;
line-height: 150%;
letter-spacing: 0.3px; }
#user-registration-list-table-page #user-registration-list-filters-row #user-registration-pro-users-filters .user-registration-users-filter-btns button[type="submit"]:hover {
background: #38488e;
border-color: #38488e; }
#user-registration-list-table-page #user-registration-list-filters-row #user-registration-pro-users-filters .user-registration-users-filter-btns button[type="reset"], #user-registration-list-table-page #user-registration-list-filters-row #user-registration-pro-users-filters .user-registration-users-filter-btns button[type="button"] {
border-radius: 3px;
border: 1px solid #6b6b6b;
background: #f6f7f7;
width: 34px;
height: 34px;
display: flex;
align-items: center;
justify-content: center;
transition: all 0.3s ease-in-out; }
#user-registration-list-table-page #user-registration-list-filters-row #user-registration-pro-users-filters .user-registration-users-filter-btns button[type="reset"] svg, #user-registration-list-table-page #user-registration-list-filters-row #user-registration-pro-users-filters .user-registration-users-filter-btns button[type="button"] svg {
width: 16px;
height: 16px; }
#user-registration-list-table-page #user-registration-list-filters-row #user-registration-pro-users-filters .user-registration-users-filter-btns button[type="reset"] svg path, #user-registration-list-table-page #user-registration-list-filters-row #user-registration-pro-users-filters .user-registration-users-filter-btns button[type="button"] svg path {
fill: #383838; }
#user-registration-list-table-page #user-registration-list-filters-row #user-registration-pro-users-filters .user-registration-users-filter-btns button[type="reset"]:hover, #user-registration-list-table-page #user-registration-list-filters-row #user-registration-pro-users-filters .user-registration-users-filter-btns button[type="button"]:hover {
background: #f2f2f2;
border-color: #475bb2; }
#user-registration-list-table-page #user-registration-list-filters-row #user-registration-pro-users-filters .user-registration-users-filter-btns button[type="reset"]:hover svg path, #user-registration-list-table-page #user-registration-list-filters-row #user-registration-pro-users-filters .user-registration-users-filter-btns button[type="button"]:hover svg path {
fill: #475bb2; }
#user-registration-list-table-page #user-registration-list-filters-row #search-submit img {
width: 18px;
height: 18px; }
#user-registration-list-table-page #user-registration-list-filters-row form {
position: relative; }
#user-registration-list-table-page #user-registration-list-filters-row #user-registration-users-advanced-filters {
display: block;
position: absolute;
border-radius: 4px;
background: #ffffff;
box-shadow: 0px 6px 16px 0px rgba(0, 0, 0, 0.13);
padding: 20px 18px;
right: 0;
top: 38px;
z-index: 2;
width: 360px; }
#user-registration-list-table-page #user-registration-list-filters-row #user-registration-users-advanced-filters ul {
margin: 0; }
#user-registration-list-table-page #user-registration-list-filters-row #user-registration-users-advanced-filters ul li {
margin: 0; }
#user-registration-list-table-page #user-registration-list-filters-row #user-registration-users-advanced-filters ul li p {
margin-top: 0;
margin-bottom: 14px;
color: #222222;
font-size: 15px;
font-weight: 600;
line-height: 150%; }
#user-registration-list-table-page #user-registration-list-filters-row #user-registration-users-advanced-filters ul li input[type="date"] {
width: 47%;
border-radius: 4px;
border-color: #bababa;
background: #ffffff;
height: 36px; }
#user-registration-list-table-page #user-registration-list-filters-row #user-registration-list-search-form {
width: 275px;
position: relative; }
#user-registration-list-table-page #user-registration-list-filters-row #user-registration-list-search-form #user-registration-list-table-search-input {
border-radius: 4px;
border: 1px solid #bababa;
background: #ffffff;
padding: 3px 42px 3px 12px;
width: 100%; }
#user-registration-list-table-page #user-registration-list-filters-row #user-registration-list-search-form #user-registration-list-table-search-input::placeholder {
color: #999999; }
#user-registration-list-table-page #user-registration-list-filters-row #user-registration-list-search-form #user-registration-list-table-search-input:focus {
box-shadow: none;
border: 1px solid #475bb2; }
#user-registration-list-table-page #user-registration-list-filters-row #user-registration-list-search-form button#search-submit {
position: absolute;
border: 0;
background: transparent;
padding: 0;
width: 18px;
height: 18px;
display: flex;
align-items: center;
justify-content: center;
right: 12px;
top: 8px; }
#user-registration-list-table-page #user-registration-list-filters-row #user-registration-list-search-form button#search-submit svg path {
fill: #999999; }
#user-registration-list-table-page #user-registration-list-filters-row form {
position: relative; }
#user-registration-list-table-page hr {
display: none; }
#user-registration-list-table-page .user-registration-list-table-action-form .tablenav {
padding: 0;
margin: 0 0 16px;
height: auto; }
#user-registration-list-table-page .user-registration-list-table-action-form .tablenav.bottom {
margin-bottom: 0; }
#user-registration-list-table-page .user-registration-list-table-action-form .tablenav .actions {
display: flex;
align-items: center;
gap: 12px;
padding-right: 12px; }
#user-registration-list-table-page .user-registration-list-table-action-form .tablenav .actions select {
height: 36px;
margin: 0;
border-color: #bababa; }
#user-registration-list-table-page .user-registration-list-table-action-form .tablenav .actions select:hover {
color: #475bb2; }
#user-registration-list-table-page .user-registration-list-table-action-form .tablenav .actions select:focus {
box-shadow: none;
border: 1px solid #475bb2; }
#user-registration-list-table-page .user-registration-list-table-action-form .tablenav .actions input[type="submit"] {
padding: 6px 14px;
border-radius: 3px;
border: 1px solid #475bb2;
background: #f6f7f7;
color: #475bb2;
font-size: 14px;
font-weight: 500;
line-height: 150%;
transition: all 0.3s ease-in-out; }
#user-registration-list-table-page .user-registration-list-table-action-form .tablenav .actions input[type="submit"]:hover {
background: #f2f2f2; }
#user-registration-list-table-page .user-registration-list-table-action-form .tablenav-pages {
margin-bottom: 0; }
#user-registration-list-table-page table.wp-list-table {
border-color: #dcdcdc;
border-radius: 5px;
margin-bottom: 16px;
overflow: hidden; }
#user-registration-list-table-page table.wp-list-table a {
color: #383838;
transition: all 0.3s ease-in-out; }
#user-registration-list-table-page table.wp-list-table a:hover {
color: #475bb2; }
#user-registration-list-table-page table.wp-list-table thead tr td,
#user-registration-list-table-page table.wp-list-table thead tr th {
border-bottom-color: #dcdcdc; }
#user-registration-list-table-page table.wp-list-table thead tr th {
font-size: 14px;
font-weight: 600;
line-height: 24px;
color: #383838; }
#user-registration-list-table-page table.wp-list-table thead tr th.sortable, #user-registration-list-table-page table.wp-list-table thead tr th.sorted {
padding: 0; }
#user-registration-list-table-page table.wp-list-table thead tr th.sortable a, #user-registration-list-table-page table.wp-list-table thead tr th.sorted a {
font-size: 14px;
font-weight: 600;
line-height: 24px;
padding: 12px 8px;
display: flex;
align-items: center;
gap: 8px; }
#user-registration-list-table-page table.wp-list-table thead tr th.sortable a:focus, #user-registration-list-table-page table.wp-list-table thead tr th.sorted a:focus {
box-shadow: none; }
#user-registration-list-table-page table.wp-list-table thead tr th.sortable a .sorting-indicators, #user-registration-list-table-page table.wp-list-table thead tr th.sorted a .sorting-indicators {
gap: 4px; }
#user-registration-list-table-page table.wp-list-table thead tr th.sortable a .sorting-indicators .sorting-indicator, #user-registration-list-table-page table.wp-list-table thead tr th.sorted a .sorting-indicators .sorting-indicator {
margin: 0; }
#user-registration-list-table-page table.wp-list-table tbody tr td.username img {
border-radius: 50px;
margin-top: 2px; }
#user-registration-list-table-page table.wp-list-table tbody tr td.user_status span {
font-weight: 500; }
#user-registration-list-table-page table.wp-list-table tbody tr td.user_status span.user-status-approved {
color: #4CC741; }
#user-registration-list-table-page table.wp-list-table tbody tr td.user_status span.user-status-pending {
color: #EE9936; }
#user-registration-list-table-page table.wp-list-table tbody tr td.user_status span.user-status-denied {
color: #F25656; }
#user-registration-list-table-page table.wp-list-table tbody tr td.enable_disable span {
font-weight: 500; }
#user-registration-list-table-page table.wp-list-table tbody tr td.enable_disable span.enable-disable-Enabled {
color: #4CC741; }
#user-registration-list-table-page table.wp-list-table tbody tr td.enable_disable span.enable-disable-Disabled {
color: #F25656; }
#user-registration-list-table-page table.wp-list-table tbody tr td.actions a {
color: #475bb2;
transition: all 0.3s ease-in-out;
padding-bottom: 2px;
position: relative; }
#user-registration-list-table-page table.wp-list-table tbody tr td.actions a::before {
content: "";
background: #475bb2;
width: 100%;
height: 1px;
position: absolute;
bottom: 0;
opacity: 0;
transition: all 0.3s ease-in-out; }
#user-registration-list-table-page table.wp-list-table tbody tr td.actions a:hover::before {
opacity: 1; }
#user-registration-list-table-page table.wp-list-table tbody tr td.actions a:focus {
box-shadow: none;
outline: none; }
#user-registration-list-table-page table.wp-list-table input[type="checkbox"]:not(.urcr-enable-access-rule) {
border-radius: 2px;
border-color: #999999; }
.user-registration .ur-membership-header {
margin-left: 0 !important;
padding-left: 24px !important;
padding-right: 24px !important;
border-bottom: 1px solid #e2e8f0;
padding-top: 0 !important;
padding-bottom: 0 !important;
gap: 0 !important;
background: #ffffff; }
.user-registration .ur-membership-header img {
max-width: 36px !important;
padding: 18px 24px 18px 0;
border-right: 1px solid #e2e8f0;
margin-right: 28px; }
.user-registration .ur-membership-header a {
font-size: 16px !important;
line-height: 26px;
color: #64748b;
position: relative;
padding: 23px 20px; }
.user-registration .ur-membership-header a::after {
content: "";
background: #475bb2;
width: 0px;
height: 3px;
position: absolute;
bottom: 0;
left: 0;
transition: all 0.3s; }
.user-registration .ur-membership-header a.row-title {
color: #475bb2; }
.user-registration .ur-membership-header a.row-title:after {
width: 100%; }
.user-registration .ur-membership-header a:hover::after {
width: 100%; }
.user-registration .ur-membership-header a:focus {
box-shadow: none;
outline: none; }
.user-registration .ur-coupon-tab-contents-wrapper {
max-width: 1280px;
margin: 60px auto;
padding: 0 !important; }
.user-registration .ur-coupon-tab-contents-wrapper form {
width: 100% !important; }
.user-registration .ur-coupon-tab-contents-wrapper form .user-registration-card {
border: 0;
padding: 28px; }
.user-registration .ur-coupon-tab-contents-wrapper form .user-registration-card #ur-coupon-form-container {
padding: 0 !important; }
.user-registration .ur-coupon-tab-contents-wrapper form .user-registration-card #ur-coupon-form-container #left-title {
padding: 0;
gap: 18px;
padding-bottom: 20px;
border-bottom: 1px solid #e9e9e9;
margin-bottom: 28px;
gap: 18px; }
.user-registration .ur-coupon-tab-contents-wrapper form .user-registration-card #ur-coupon-form-container #left-title a {
margin-right: 0 !important;
padding-right: 0 !important;
border-right: 0 !important;
width: 40px;
height: 40px;
background: #f4f4f4;
display: flex;
align-items: center;
justify-content: center;
border-radius: 6px; }
.user-registration .ur-coupon-tab-contents-wrapper form .user-registration-card #ur-coupon-form-container #left-title a:focus {
box-shadow: none;
outline: none;
border-color: #475bb2; }
.user-registration .ur-coupon-tab-contents-wrapper form .user-registration-card #ur-coupon-form-container #left-title a svg {
width: 20px;
height: 20px; }
.user-registration .ur-coupon-tab-contents-wrapper form .user-registration-card #ur-coupon-form-container #left-title h3 {
margin: 0;
color: #222222;
font-size: 22px;
font-weight: 600;
line-height: 32px; }
.user-registration .ur-coupon-tab-contents-wrapper form .user-registration-card #ur-coupon-form-container #left-body {
display: flex;
flex-direction: column;
gap: 24px; }
.user-registration .ur-coupon-tab-contents-wrapper form .user-registration-card #ur-coupon-form-container #left-body .ur-coupon-input-container {
padding: 0 !important; }
.user-registration .ur-coupon-tab-contents-wrapper form .user-registration-card #ur-coupon-form-container #left-body .ur-coupon-input-container .ur-label {
margin-bottom: 0; }
.user-registration .ur-coupon-tab-contents-wrapper form .user-registration-card #ur-coupon-form-container #left-body .ur-coupon-input-container .ur-label label {
margin-bottom: 0;
color: #383838;
font-size: 15px;
font-weight: 500;
line-height: 21px; }
.user-registration .ur-coupon-tab-contents-wrapper form .user-registration-card #ur-coupon-form-container #left-body .ur-coupon-input-container .ur-admin-template.ur-input-type-coupon-discount-type .ur-field {
justify-content: flex-start !important;
gap: 16px !important; }
.user-registration .ur-coupon-tab-contents-wrapper form .user-registration-card #ur-coupon-form-container #left-body .ur-coupon-input-container .ur-admin-template .ur-field input,
.user-registration .ur-coupon-tab-contents-wrapper form .user-registration-card #ur-coupon-form-container #left-body .ur-coupon-input-container .ur-admin-template .ur-field select {
height: 38px;
border-color: #e9e9e9;
padding-left: 14px;
padding-right: 14px;
color: #383838; }
.user-registration .ur-coupon-tab-contents-wrapper form .user-registration-card #ur-coupon-form-container #left-body .ur-coupon-input-container .ur-admin-template .ur-field input::placeholder,
.user-registration .ur-coupon-tab-contents-wrapper form .user-registration-card #ur-coupon-form-container #left-body .ur-coupon-input-container .ur-admin-template .ur-field select::placeholder {
color: #999999; }
.user-registration .ur-coupon-tab-contents-wrapper form .user-registration-card #ur-coupon-form-container #left-body .ur-coupon-input-container .ur-admin-template .ur-field input:focus,
.user-registration .ur-coupon-tab-contents-wrapper form .user-registration-card #ur-coupon-form-container #left-body .ur-coupon-input-container .ur-admin-template .ur-field select:focus {
box-shadow: none;
outline: none;
border-color: #475bb2; }
.user-registration .ur-coupon-tab-contents-wrapper form .user-registration-card #ur-coupon-form-container #left-body .ur-coupon-input-container .ur-admin-template .ur-field .ur-coupon-discount-type {
width: 220px;
padding: 16px !important;
border-color: #e9e9e9 !important;
border-radius: 4px !important;
display: flex;
flex-direction: column;
gap: 12px; }
.user-registration .ur-coupon-tab-contents-wrapper form .user-registration-card #ur-coupon-form-container #left-body .ur-coupon-input-container .ur-admin-template .ur-field .ur-coupon-discount-type .ur-coupon-type-title {
gap: 8px; }
.user-registration .ur-coupon-tab-contents-wrapper form .user-registration-card #ur-coupon-form-container #left-body .ur-coupon-input-container .ur-admin-template .ur-field .ur-coupon-discount-type .ur-coupon-type-title input[type="radio"] {
height: 1rem; }
.user-registration .ur-coupon-tab-contents-wrapper form .user-registration-card #ur-coupon-form-container #left-body .ur-coupon-input-container .ur-admin-template .ur-field .ur-coupon-discount-type .ur-coupon-type-title label {
padding: 0 !important;
color: #222222;
font-size: 15px;
font-weight: 500;
line-height: 22px; }
.user-registration .ur-coupon-tab-contents-wrapper form .user-registration-card #ur-coupon-form-container #left-body .ur-coupon-input-container .ur-admin-template .ur-field .ur-coupon-discount-type .ur-membership-type-description p {
margin: 0;
color: #383838;
font-size: 14px !important;
font-weight: 400;
line-height: 22px; }
.user-registration .ur-coupon-tab-contents-wrapper form .user-registration-card #ur-coupon-form-container #left-body .ur-coupon-input-container .ur-admin-template .ur-field .select2-selection {
height: 38px; }
.user-registration .ur-coupon-tab-contents-wrapper form .user-registration-card #ur-coupon-form-container #left-body .ur-coupon-input-container .ur-admin-template .ur-field .select2-selection__rendered {
line-height: 36px; }
.user-registration .ur-coupon-tab-contents-wrapper form .user-registration-card #ur-coupon-form-container #left-body .ur-coupon-input-container .ur-admin-template .ur-field .select2-selection__arrow {
height: 36px; }
.user-registration .ur-coupon-tab-contents-wrapper form .user-registration-card #ur-coupon-form-container #left-body .ur-coupon-input-container .ur-admin-template .ur-field .select2-selection--single .select2-selection__rendered {
padding-left: 14px; }
.user-registration .ur-coupon-tab-contents-wrapper form .user-registration-card #ur-coupon-form-container #left-body .ur-coupon-input-container .ur-admin-template .ur-field .select2-selection--multiple .select2-selection__rendered {
gap: 4px; }
.user-registration .ur-coupon-tab-contents-wrapper form .user-registration-card #ur-coupon-form-container #left-body .ur-coupon-input-container .ur-admin-template .ur-field .select2-selection--multiple .select2-selection__clear {
margin-right: 0; }
.user-registration .ur-coupon-tab-contents-wrapper form .user-registration-card #ur-coupon-form-container #left-body .ur-coupon-input-container .ur-admin-template .ur-field .select2-selection--multiple .select2-selection__choice {
border-radius: 5px;
background: #e9e9e9;
display: flex;
align-items: center;
gap: 8px;
margin: 4px;
padding: 0px 8px 0px
10px;
border: 0;
color: #383838;
flex-direction: row-reverse; }
.user-registration .ur-coupon-tab-contents-wrapper form .user-registration-card #ur-coupon-form-container #left-body .ur-coupon-input-container .ur-admin-template .ur-field .select2-selection--multiple .select2-selection__choice__remove {
color: #383838; }
.user-registration .ur-coupon-tab-contents-wrapper form .user-registration-card #ur-coupon-form-container #left-body .ur-coupon-input-container .user-registration-switch input[type="checkbox"] {
border-radius: 20px;
border: 0;
width: 30px;
flex: 0 0 30px;
background: #d5d5d5;
box-shadow: none; }
.user-registration .ur-coupon-tab-contents-wrapper form .user-registration-card #ur-coupon-form-container #left-body .ur-coupon-input-container .user-registration-switch input[type="checkbox"]::after {
width: 12px;
height: 12px;
transform: translateX(3px); }
.user-registration .ur-coupon-tab-contents-wrapper form .user-registration-card #ur-coupon-form-container #left-body .ur-coupon-input-container .user-registration-switch input[type="checkbox"]:checked {
background: #475bb2;
border-color: #475bb2; }
.user-registration .ur-coupon-tab-contents-wrapper form .user-registration-card #ur-coupon-form-container #left-body .ur-coupon-input-container .user-registration-switch input[type="checkbox"]:checked::after {
transform: translateX(15px); }
.user-registration .ur-coupon-tab-contents-wrapper form .user-registration-card .submit {
margin-bottom: 0;
padding: 0 !important;
padding-top: 28px !important;
border-top: 1px solid #e1e1e1;
margin-top: 30px; }
.user-registration .ur-coupon-tab-contents-wrapper form .user-registration-card .submit .button-secondary {
border-radius: 4px;
box-shadow: none;
padding: 8px 16px;
color: #ffffff;
font-size: 14px;
font-weight: 400;
line-height: 24px;
border: 0;
background: transparent;
border: 1px solid #bababa; }
.user-registration .ur-coupon-tab-contents-wrapper form .user-registration-card .submit .button-secondary a {
color: #6b6b6b; }
.user-registration .ur-coupon-tab-contents-wrapper form .user-registration-card .submit .button-primary {
border-radius: 4px;
box-shadow: none;
padding: 8px 16px;
color: #ffffff;
font-size: 14px;
font-weight: 400;
line-height: 24px;
border: 0; }
.user-registration #user-registration-list-table-page {
margin: 60px auto;
padding: 28px 32px;
box-sizing: border-box;
max-width: 1280px !important; }
.user-registration #user-registration-list-table-page .user-registration-list-table-heading {
display: flex;
align-items: center;
margin-bottom: 24px; }
.user-registration #user-registration-list-table-page .user-registration-list-table-heading .ur-page-title__wrapper {
width: 100%; }
.user-registration #user-registration-list-table-page .user-registration-list-table-heading .ur-page-title__wrapper h1 {
margin: 0;
color: #222;
font-size: 22px;
font-weight: 600;
line-height: 32px; }
.user-registration #user-registration-list-table-page .user-registration-list-table-heading #ur-coupon-add-btn {
box-shadow: none;
border-radius: 3px;
background: #475bb2;
padding: 8px 20px 8px 16px;
color: #fff;
font-size: 14px;
font-weight: 400;
line-height: 24px;
transition: all 0.3s; }
.user-registration #user-registration-list-table-page #user-registration-pro-filters-row #user-registration-users-search-form {
gap: 16px !important;
flex-wrap: wrap; }
.user-registration #user-registration-list-table-page #user-registration-pro-filters-row #user-registration-users-search-form .search-box {
position: relative; }
.user-registration #user-registration-list-table-page #user-registration-pro-filters-row #user-registration-users-search-form .search-box input[type="search"] {
height: 38px;
padding-left: 14px;
padding-right: 14px;
border-color: #bababa;
margin: 0;
width: 220px;
color: #383838; }
.user-registration #user-registration-list-table-page #user-registration-pro-filters-row #user-registration-users-search-form .search-box input[type="search"]::placeholder {
color: #999999; }
.user-registration #user-registration-list-table-page #user-registration-pro-filters-row #user-registration-users-search-form .search-box input[type="search"]:focus {
box-shadow: none;
outline: none;
border-color: #475bb2; }
.user-registration #user-registration-list-table-page #user-registration-pro-filters-row #user-registration-users-search-form .search-box #search-submit {
background: none;
border: 0;
padding: 0;
position: absolute;
top: 50%;
transform: translateY(-50%);
right: 14px;
display: flex; }
.user-registration #user-registration-list-table-page #user-registration-pro-filters-row #user-registration-users-search-form .search-box #search-submit svg {
width: 18px;
height: 18px; }
.user-registration #user-registration-list-table-page #user-registration-pro-filters-row #user-registration-users-search-form .search-box #search-submit svg path {
fill: #6b6b6b; }
.user-registration #user-registration-list-table-page #user-registration-pro-filters-row #user-registration-users-search-form select {
width: 200px;
height: 38px;
padding-left: 14px;
padding-right: 14px;
border-color: #bababa;
margin: 0;
color: #383838; }
.user-registration #user-registration-list-table-page #user-registration-pro-filters-row #user-registration-users-search-form select:focus {
box-shadow: none;
outline: none;
border-color: #475bb2; }
.user-registration #user-registration-list-table-page #user-registration-pro-filters-row #user-registration-users-search-form #user-registration-users-filter-btn {
border-radius: 3px;
border: 1px solid #475bb2;
background: #475bb2;
color: #ffffff;
padding: 8px 14px;
color: #ffffff;
font-size: 13px;
font-weight: 400;
line-height: 20px; }
.user-registration #user-registration-list-table-page #user-registration-pro-filters-row #user-registration-users-search-form #user-registration-users-filter-btn:hover {
background: #38488e;
border-color: #38488e; }
.user-registration #user-registration-list-table-page #ur-membership-payment-history-form .wrap {
margin: 0; }
.user-registration #user-registration-list-table-page #ur-membership-payment-history-form .wp-list-table.orders tbody tr.no-items {
background: #ffffff; }
.user-registration #user-registration-list-table-page #ur-membership-payment-history-form .wp-list-table.orders tbody tr.no-items td {
padding: 0; }
.user-registration #user-registration-list-table-page #ur-membership-payment-history-form .wp-list-table.orders tbody tr.no-items td .empty-list-table-container {
text-align: center;
margin-top: 30px;
margin-bottom: 30px; }
.user-registration #user-registration-list-table-page #ur-membership-payment-history-form .wp-list-table.orders tbody tr.no-items td .empty-list-table-container img {
width: 300px; }
.user-registration #user-registration-list-table-page #ur-membership-payment-history-form .wp-list-table.orders tbody tr.no-items td .empty-list-table-container h3 {
margin-top: 16px;
margin-bottom: 8px;
color: #222222;
font-size: 22px;
font-weight: 600;
line-height: 32px; }
.user-registration #user-registration-list-table-page #ur-membership-payment-history-form .wp-list-table.orders tbody tr.no-items td .empty-list-table-container p {
color: #6b6b6b;
font-size: 14px;
font-weight: 400;
line-height: 24px; }
.user-registration #user-registration-list-table-page #ur-coupon-list-form,
.user-registration #user-registration-list-table-page #ur-membership-payment-history-form {
margin-top: 24px;
padding-top: 24px;
border-top: 1px solid #dcdcdc; }
.user-registration #user-registration-list-table-page #ur-coupon-list-form .wrap,
.user-registration #user-registration-list-table-page #ur-membership-payment-history-form .wrap {
margin: 0; }
.user-registration #user-registration-list-table-page #ur-coupon-list-form .wrap .tablenav,
.user-registration #user-registration-list-table-page #ur-membership-payment-history-form .wrap .tablenav {
margin: 0;
padding: 0;
height: auto; }
.user-registration #user-registration-list-table-page #ur-coupon-list-form .wrap .tablenav .bulkactions,
.user-registration #user-registration-list-table-page #ur-membership-payment-history-form .wrap .tablenav .bulkactions {
padding-right: 0;
display: flex;
align-items: center;
gap: 10px; }
.user-registration #user-registration-list-table-page #ur-coupon-list-form .wrap .tablenav .bulkactions select,
.user-registration #user-registration-list-table-page #ur-coupon-list-form .wrap .tablenav .bulkactions input,
.user-registration #user-registration-list-table-page #ur-membership-payment-history-form .wrap .tablenav .bulkactions select,
.user-registration #user-registration-list-table-page #ur-membership-payment-history-form .wrap .tablenav .bulkactions input {
margin-right: 0; }
.user-registration #user-registration-list-table-page #ur-coupon-list-form .wrap .tablenav .bulkactions select,
.user-registration #user-registration-list-table-page #ur-membership-payment-history-form .wrap .tablenav .bulkactions select {
border-color: #bababa;
height: 38px;
width: 220px;
padding-inline: 14px;
color: #383838; }
.user-registration #user-registration-list-table-page #ur-coupon-list-form .wrap .tablenav .bulkactions input[type="submit"],
.user-registration #user-registration-list-table-page #ur-membership-payment-history-form .wrap .tablenav .bulkactions input[type="submit"] {
border-radius: 3px;
border: 1px solid #475bb2;
background: #f6f7f7;
padding: 8px 14px;
color: #475bb2;
font-size: 13px;
font-weight: 500;
line-height: 20px; }
.user-registration #user-registration-list-table-page #ur-coupon-list-form .wrap .wp-list-table.coupons,
.user-registration #user-registration-list-table-page #ur-membership-payment-history-form .wrap .wp-list-table.coupons {
margin-top: 20px;
margin-bottom: 20px; }
.user-registration #user-registration-list-table-page #ur-coupon-list-form .wrap .wp-list-table.coupons thead tr th#title,
.user-registration #user-registration-list-table-page #ur-membership-payment-history-form .wrap .wp-list-table.coupons thead tr th#title {
width: 220px; }
.user-registration #user-registration-list-table-page #ur-coupon-list-form .wrap .wp-list-table.coupons thead tr th#code,
.user-registration #user-registration-list-table-page #ur-membership-payment-history-form .wrap .wp-list-table.coupons thead tr th#code {
width: 170px; }
.user-registration #user-registration-list-table-page #ur-coupon-list-form .wrap .wp-list-table.coupons thead tr th#amount, .user-registration #user-registration-list-table-page #ur-coupon-list-form .wrap .wp-list-table.coupons thead tr th#expires,
.user-registration #user-registration-list-table-page #ur-membership-payment-history-form .wrap .wp-list-table.coupons thead tr th#amount,
.user-registration #user-registration-list-table-page #ur-membership-payment-history-form .wrap .wp-list-table.coupons thead tr th#expires {
width: 180px; }
.user-registration #user-registration-list-table-page #ur-coupon-list-form .wrap .wp-list-table.coupons thead tr th#status,
.user-registration #user-registration-list-table-page #ur-membership-payment-history-form .wrap .wp-list-table.coupons thead tr th#status {
width: 140px; }
.user-registration #user-registration-list-table-page #ur-coupon-list-form .wrap .wp-list-table.coupons thead tr th#action,
.user-registration #user-registration-list-table-page #ur-membership-payment-history-form .wrap .wp-list-table.coupons thead tr th#action {
width: 120px; }
.user-registration #user-registration-list-table-page #ur-coupon-list-form .wrap .wp-list-table.coupons tbody tr:nth-child(odd),
.user-registration #user-registration-list-table-page #ur-membership-payment-history-form .wrap .wp-list-table.coupons tbody tr:nth-child(odd) {
background: #f8f8fa; }
.user-registration #user-registration-list-table-page #ur-coupon-list-form .wrap .wp-list-table.coupons tbody tr td,
.user-registration #user-registration-list-table-page #ur-membership-payment-history-form .wrap .wp-list-table.coupons tbody tr td {
font-size: 14px;
line-height: 24px;
color: #383838;
vertical-align: middle; }
.user-registration #user-registration-list-table-page #ur-coupon-list-form .wrap .wp-list-table.coupons tbody .coupon-active,
.user-registration #user-registration-list-table-page #ur-membership-payment-history-form .wrap .wp-list-table.coupons tbody .coupon-active {
font-weight: 500;
color: #4cc741; }
.user-registration #user-registration-list-table-page #ur-coupon-list-form .wrap .wp-list-table.coupons tbody .coupon-inactive,
.user-registration #user-registration-list-table-page #ur-membership-payment-history-form .wrap .wp-list-table.coupons tbody .coupon-inactive {
font-weight: 500;
color: #f25656; }
.user-registration #user-registration-list-table-page #ur-coupon-list-form .wrap .wp-list-table.coupons tbody .coupon-expired,
.user-registration #user-registration-list-table-page #ur-membership-payment-history-form .wrap .wp-list-table.coupons tbody .coupon-expired {
font-weight: 500;
color: #636363; }
.user-registration #user-registration-list-table-page #ur-coupon-list-form .wrap .wp-list-table.orders,
.user-registration #user-registration-list-table-page #ur-membership-payment-history-form .wrap .wp-list-table.orders {
margin: 20px 0; }
.user-registration #user-registration-list-table-page #ur-coupon-list-form .wrap .wp-list-table.orders tbody tr td,
.user-registration #user-registration-list-table-page #ur-membership-payment-history-form .wrap .wp-list-table.orders tbody tr td {
font-size: 14px;
line-height: 24px; }
.user-registration #user-registration-list-table-page #ur-coupon-list-form .wrap .wp-list-table.orders tbody tr td.membership_type .user-registration-badge,
.user-registration #user-registration-list-table-page #ur-membership-payment-history-form .wrap .wp-list-table.orders tbody tr td.membership_type .user-registration-badge {
background: none;
padding: 0;
color: #383838;
font-weight: 500; }
.user-registration #user-registration-list-table-page #ur-coupon-list-form .wrap .wp-list-table.orders tbody tr td.status .payment-status-btn,
.user-registration #user-registration-list-table-page #ur-membership-payment-history-form .wrap .wp-list-table.orders tbody tr td.status .payment-status-btn {
display: block;
width: max-content;
border-radius: 3px;
color: #383838;
font-size: 14px;
font-weight: 400;
line-height: 16px;
padding: 4px 8px; }
.user-registration #user-registration-list-table-page #ur-coupon-list-form .wrap .wp-list-table.orders tbody tr td.status .payment-status-btn.completed,
.user-registration #user-registration-list-table-page #ur-membership-payment-history-form .wrap .wp-list-table.orders tbody tr td.status .payment-status-btn.completed {
border: 1px solid #4cc741;
background: #f5fff4; }
.user-registration #user-registration-list-table-page #ur-coupon-list-form .wrap .wp-list-table.orders tbody tr td.status .payment-status-btn.pending,
.user-registration #user-registration-list-table-page #ur-membership-payment-history-form .wrap .wp-list-table.orders tbody tr td.status .payment-status-btn.pending {
border: 1px solid #ee9936;
background: #fffaf5; }
.user-registration #user-registration-list-table-page #ur-coupon-list-form .wrap .wp-list-table.orders tbody tr td.status .payment-status-btn.failed,
.user-registration #user-registration-list-table-page #ur-membership-payment-history-form .wrap .wp-list-table.orders tbody tr td.status .payment-status-btn.failed {
border: 1px solid #f25656;
background: #fff4f4; }
.user-registration #payment-detail-modal .modal-content {
margin: 0;
border-radius: 12px;
background: #fff;
box-shadow: 0px 6px 21px 0px rgba(10, 10, 10, 0.08);
padding: 28px 32px;
box-sizing: border-box;
width: 820px;
max-width: 100%; }
.user-registration #payment-detail-modal .modal-content .modal-header h2 {
margin: 0;
color: #222222;
font-size: 24px;
font-weight: 700;
line-height: 34px; }
.user-registration #payment-detail-modal .modal-content .modal-header hr {
margin: 16px 0 24px; }
.user-registration #payment-detail-modal .modal-content .modal-body {
display: grid;
grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));
gap: 20px;
align-items: unset;
justify-content: unset; }
.user-registration #payment-detail-modal .modal-content .modal-body .payment-detail-box {
margin-bottom: 0; }
.user-registration #payment-detail-modal .modal-content .modal-body .payment-detail-label {
color: #383838;
font-size: 16px;
font-weight: 500;
line-height: 24px;
margin-bottom: 6px; }
.user-registration #payment-detail-modal .modal-content .modal-body .payment-detail-data {
display: flex;
align-items: center;
gap: 10px;
color: #6b6b6b;
font-size: 15px;
font-weight: 400;
line-height: 23px;
overflow-wrap: break-word; }
.user-registration #payment-detail-modal .modal-content .modal-body .payment-detail-data .payment-status-btn {
display: block;
width: max-content; }
.user-registration #payment-detail-modal .modal-content .modal-body .payment-detail-data .payment-status-btn.completed {
border: 1px solid #4cc741;
background: #f5fff4; }
.user-registration #payment-detail-modal .modal-content .modal-body .payment-detail-data .payment-status-btn-pending {
border: 1px solid #ee9936;
background: #fffaf5; }
.user-registration #payment-detail-modal .modal-content .modal-body .payment-detail-data .payment-status-btn.failed {
border: 1px solid #f25656;
background: #fff4f4; }
.user-registration_page_user-registration-membership .swal2-container .swal2-header, .user-registration_page_user-registration-coupons .swal2-container .swal2-header, .user-registration_page_user-registration-members .swal2-container .swal2-header, .user-registration_page_member-payment-history .swal2-container .swal2-header {
padding: 24px !important;
padding-bottom: 16px !important; }
.user-registration_page_user-registration-membership .swal2-container .swal2-header .swal2-title, .user-registration_page_user-registration-coupons .swal2-container .swal2-header .swal2-title, .user-registration_page_user-registration-members .swal2-container .swal2-header .swal2-title, .user-registration_page_member-payment-history .swal2-container .swal2-header .swal2-title {
display: flex !important;
align-items: center;
gap: 8px;
font-size: 18px;
line-height: 26px;
margin-bottom: 0;
width: 100%;
border-bottom: 1px solid #e9e9e9;
padding-bottom: 16px;
color: #222;
margin-bottom: 0; }
.user-registration_page_user-registration-membership .swal2-container .swal2-header .swal2-title img, .user-registration_page_user-registration-coupons .swal2-container .swal2-header .swal2-title img, .user-registration_page_user-registration-members .swal2-container .swal2-header .swal2-title img, .user-registration_page_member-payment-history .swal2-container .swal2-header .swal2-title img {
width: 20px;
height: 20px; }
.user-registration_page_user-registration-membership .swal2-container .swal2-content, .user-registration_page_user-registration-coupons .swal2-container .swal2-content, .user-registration_page_user-registration-members .swal2-container .swal2-content, .user-registration_page_member-payment-history .swal2-container .swal2-content {
padding: 0 24px; }
.user-registration_page_user-registration-membership .swal2-container .swal2-content .swal2-html-container, .user-registration_page_user-registration-coupons .swal2-container .swal2-content .swal2-html-container, .user-registration_page_user-registration-members .swal2-container .swal2-content .swal2-html-container, .user-registration_page_member-payment-history .swal2-container .swal2-content .swal2-html-container {
text-align: left; }
.user-registration_page_user-registration-membership .swal2-container .swal2-content .swal2-html-container p, .user-registration_page_user-registration-coupons .swal2-container .swal2-content .swal2-html-container p, .user-registration_page_user-registration-members .swal2-container .swal2-content .swal2-html-container p, .user-registration_page_member-payment-history .swal2-container .swal2-content .swal2-html-container p {
font-size: 15px;
line-height: 23px;
color: #383838;
margin: 0; }
.user-registration_page_user-registration-membership .swal2-container .swal2-actions button, .user-registration_page_user-registration-coupons .swal2-container .swal2-actions button, .user-registration_page_user-registration-members .swal2-container .swal2-actions button, .user-registration_page_member-payment-history .swal2-container .swal2-actions button {
margin: 0; }
.user-registration_page_user-registration-membership .swal2-container .swal2-actions button.swal2-confirm, .user-registration_page_user-registration-coupons .swal2-container .swal2-actions button.swal2-confirm, .user-registration_page_user-registration-members .swal2-container .swal2-actions button.swal2-confirm, .user-registration_page_member-payment-history .swal2-container .swal2-actions button.swal2-confirm {
background: #f25656 !important; }
.user-registration_page_user-registration-membership .swal2-container .swal2-actions button.swal2-confirm:hover, .user-registration_page_user-registration-coupons .swal2-container .swal2-actions button.swal2-confirm:hover, .user-registration_page_user-registration-members .swal2-container .swal2-actions button.swal2-confirm:hover, .user-registration_page_member-payment-history .swal2-container .swal2-actions button.swal2-confirm:hover {
background: #e34747 !important; }
.ur-registered-from .ur-general-setting.ur-setting-captcha .ur-options-list .ui-sortable-handle {
flex-direction: row;
flex-wrap: wrap; }
.ur-registered-from .ur-general-setting.ur-general-setting-image-captcha-options .ur-options-list .ur-custom-captcha {
background: #f2f2f2;
padding: 12px;
margin-bottom: 16px; }
.ur-registered-from .ur-general-setting.ur-general-setting-image-captcha-options .ur-options-list .ur-custom-captcha .icons-group {
display: grid;
grid-template-columns: repeat(auto-fill, minmax(100px, 1fr));
gap: 10px;
width: 100%; }
.ur-registered-from .ur-general-setting.ur-general-setting-image-captcha-options .ur-options-list .ur-custom-captcha .icons-group .icon-wrap {
background: #ffffff;
border-radius: 4px;
padding: 10px;
text-align: center; }
.ur-registered-from .ur-general-setting.ur-general-setting-image-captcha-options .ur-options-list .ur-custom-captcha .icons-group .icon-wrap label {
margin-bottom: 0; }
.ur-registered-from .ur-general-setting.ur-general-setting-image-captcha-options .ur-options-list .ur-custom-captcha .icons-group .icon-wrap label .dashicons {
width: 100%;
height: 75px;
display: flex;
align-items: center;
justify-content: center;
border-radius: 2px;
background: #fafafa;
border: 1px solid #d9d9d9;
transition: all 0.3s;
cursor: pointer; }
.ur-registered-from .ur-general-setting.ur-general-setting-image-captcha-options .ur-options-list .ur-custom-captcha .icons-group .icon-wrap label .dashicons::before {
font-size: 24px; }
.ur-registered-from .ur-general-setting.ur-general-setting-image-captcha-options .ur-options-list .ur-custom-captcha .icons-group .icon-wrap label .dashicons:hover {
background: #f0f2f9;
border-color: #475bb2; }
.ur-registered-from .ur-general-setting.ur-general-setting-image-captcha-options .ur-options-list .ur-custom-captcha .icons-group .icon-wrap label input[type="radio"] {
display: none; }
.ur-registered-from .ur-general-setting.ur-general-setting-image-captcha-options .ur-options-list .ur-custom-captcha .icons-group .icon-wrap label input[type="radio"]:checked ~ .dashicons {
background: #f0f2f9;
border-color: #475bb2; }
.ur-registered-from .ur-general-setting.ur-general-setting-image-captcha-options .ur-options-list .ur-custom-captcha .icons-group .icon-wrap .button {
width: 100%;
margin-top: 12px;
height: auto;
padding: 2px 10px;
line-height: 24px;
font-size: 13px; }
.ur-registered-from .ur-general-setting.ur-general-setting-image-captcha-options .ur-options-list .ur-custom-captcha a.remove {
width: max-content;
height: auto;
padding: 6px 12px 6px 8px;
margin-left: 0 !important;
align-items: center;
gap: 4px; }
.ur-registered-from .ur-general-setting.ur-general-setting-image-captcha-options .ur-options-list .ur-custom-captcha a.remove:hover {
background: #fa5252;
border-color: #fa5252; }
.ur-registered-from .ur-general-setting.ur-general-setting-image-captcha-options .ur-options-list .ur-custom-captcha a.remove:focus {
box-shadow: none;
outline: none; }
.ur-registered-from .ur-general-setting.ur-general-setting-image-captcha-options .ur-options-list a.add {
border: 1px solid #e1e1e1;
padding: 8px 16px;
height: auto; }
body.ur-settings-sidebar-hidden .user-registration-settings-sidebar-container {
margin-right: -910px;
display: none; }
.user-registration .swal2-container .swal2-header {
padding: 32px 32px 0;
gap: 16px; }
.user-registration .swal2-container .swal2-icon {
margin-block: 0;
border-color: #41C4EE;
color: #41C4EE;
width: 60px;
height: 60px; }
.user-registration .swal2-container .swal2-icon-content {
font-size: 50px; }
.user-registration .swal2-container .swal2-title {
color: #131313;
text-align: center;
font-size: 22px;
font-weight: 600;
line-height: 30px;
margin-bottom: 0 !important; }
.user-registration .swal2-container .swal2-content {
padding: 0 32px;
margin-top: 20px; }
.user-registration .swal2-container .swal2-content input[type="text"] {
margin: 0;
height: 38px;
font-size: 15px;
line-height: 25px;
padding: 0 12px;
color: #383838;
border-radius: 4px; }
.user-registration .swal2-container .swal2-content input[type="text"]::placeholder {
color: #999999; }
.user-registration .swal2-container .swal2-content input[type="text"]:focus {
outline: none;
box-shadow: none;
border-color: #475bb2; }
.user-registration .swal2-container .swal2-actions {
margin-top: 30px !important;
padding: 20px 32px !important;
gap: 16px !important; }
.user-registration .swal2-container .swal2-actions button {
margin: 0;
text-transform: capitalize;
padding: 10px 14px;
border-radius: 3px;
font-size: 14px;
font-weight: 400;
line-height: 16px;
border: 1px solid transparent;
transition: all .3s; }
.user-registration .swal2-container .swal2-actions button.swal2-confirm {
width: 48%;
background: #475bb2 !important;
color: #ffffff;
border-color: #475bb2; }
.user-registration .swal2-container .swal2-actions button.swal2-confirm:hover {
background: #38488e; }
.user-registration .swal2-container .swal2-actions button.swal2-cancel {
width: 45%;
background: transparent;
border-color: #6B6B6B;
color: #6B6B6B; }
.user-registration .swal2-container .swal2-actions button.swal2-cancel:hover {
background: #f0f0f0; }
.ur-embed-form-button {
background: #edeff7 !important;
border-color: #edeff7 !important;
box-shadow: 0 1px 0 #edeff7 !important;
font-size: 14px !important;
color: #383838 !important;
border-radius: 3px !important; }
.embed-form-swl-container, .ur-embed-container, .ur-embed-select-existing-page-container, .ur-embed-new-page-container {
display: flex;
flex-wrap: wrap;
gap: 10px;
padding-bottom: 10px;
justify-content: space-evenly; }
.ur-embed-select-existing-page-container .ur-embed-go-back {
flex-basis: 100%;
text-align: center;
font-size: 14px; }
.ur-embed-select-existing-page-container select {
width: 80%;
border: 1px solid #eae2e2;
margin: -10px; }
.ur-embed-select-existing-page-container p {
font-size: 1em; }
.ur-embed-new-page-container .ur-embed-go-back {
flex-basis: 100%;
text-align: center;
margin-top: 10px;
font-size: 14px; }
.ur-embed-new-page-container p {
font-size: 1em; }
.ur-embed-new-page-container input {
margin-left: -50px;
width: 80%;
border: 1px solid #eae2e2; }
@font-face {
font-family: "UserRegistration";
src: url("../fonts/UserRegistration.eot?v5p6f");
src: url("../fonts/UserRegistration.eot?v5p6f#iefix") format("embedded-opentype"), url("../fonts/UserRegistration.ttf?v5p6f") format("truetype"), url("../fonts/UserRegistration.woff?v5p6f") format("woff"), url("../fonts/UserRegistration.svg?v5p6f#UserRegistration") format("svg");
font-weight: normal;
font-style: normal;
font-display: block; }
#elementor-editor-wrapper .ur-icon-user-registration:before,
.elementor-edit-area .ur-icon-user-registration:before {
content: "\e031";
font-family: "UserRegistration";
font-weight: normal;
font-style: normal;
font-display: block; }
#elementor-editor-wrapper .ur-icon-edit-password:before,
.elementor-edit-area .ur-icon-edit-password:before {
content: "\e045";
font-family: "UserRegistration";
font-weight: normal;
font-style: normal;
font-display: block; }
#elementor-editor-wrapper .ur-icon-edit-profile:before,
.elementor-edit-area .ur-icon-edit-profile:before {
content: "\e046";
font-family: "UserRegistration";
font-weight: normal;
font-style: normal;
font-display: block; }
#elementor-editor-wrapper .ur-icon-login:before,
.elementor-edit-area .ur-icon-login:before {
content: "\e048";
font-family: "UserRegistration";
font-weight: normal;
font-style: normal;
font-display: block; }
#elementor-editor-wrapper .form:before,
.elementor-edit-area .form:before {
content: "\e048";
font-family: "UserRegistration";
font-weight: normal;
font-style: normal;
font-display: block; }
#elementor-editor-wrapper .ur-icon-myaccount:before,
.elementor-edit-area .ur-icon-myaccount:before {
content: "\e047";
font-family: "UserRegistration";
font-weight: normal;
font-style: normal;
font-display: block; }
#elementor-editor-wrapper .ur-icon-popup:before,
.elementor-edit-area .ur-icon-popup:before {
content: "\e043";
font-family: "UserRegistration";
font-weight: normal;
font-style: normal;
font-display: block; }
#elementor-editor-wrapper .ur-icon-profile-details:before,
.elementor-edit-area .ur-icon-profile-details:before {
content: "\e044";
font-family: "UserRegistration";
font-weight: normal;
font-style: normal;
font-display: block; }
#integration-settings .ur-nav-premium,
.integration-lists-settings.ur-nav-premium {
cursor: not-allowed;
opacity: 0.5; }
.form-settings-main-tab {
margin-bottom: 0;
border-radius: 0;
padding: 18px 24px;
border-bottom: 1px solid #ececec;
background: transparent;
font-size: 15px;
font-weight: 400;
line-height: 150%;
display: flex;
align-items: center;
justify-content: space-between;
padding-right: 16px; }
.form-settings-main-tab::after {
content: "";
background-image: url("../images/icons/ur-right-arrow.svg");
background-repeat: no-repeat;
background-size: 100%;
background-position: center;
width: 18px;
height: 18px; }
.form-settings-sub-tab {
margin-bottom: 10px;
border-radius: 4px;
padding: 18px 24px;
border-bottom: 1px solid #ececec;
background: #dee0e9;
font-size: 15px;
font-weight: 400;
line-height: 150%;
display: flex;
align-items: center;
justify-content: space-between;
padding: 10px 15px;
color: #2d3559; }
.form-settings-sub-tab.active {
background: #475bb2;
color: #ffffff; }
.integration-lists-settings .form-settings-sub-tab {
padding: 0px;
background-color: #ffffff;
align-items: normal;
flex-direction: column; }
#ur-row-section-settings {
padding: 10px 0px; }
#ur-row-section-settings .ur-individual-row-settings {
display: flex;
flex-direction: column; }