404 Not Found

Viewing / Editing File: style-back-end.css

.wp-submenu a[href="users.php?page=unconfirmed_emails"] {
    display: none !important;
}

.cozmoslabs-wrap {
    max-width: 900px !important;
    margin: 30px auto;
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
}

.cozmoslabs-wrap--big {
    max-width: 1150px !important;
}

@media screen and (min-width: 1402px) and (max-width: 1919px) {
    .cozmoslabs-wrap {
        max-width: 1200px !important;
    }

body[class*="profile-builder_page_"] #wpbody-content .wrap:not(#cl-add-ons-listing) {
        max-width: 1200px !important;
    }
}

@media screen and (min-width: 1920px) {
    .cozmoslabs-wrap {
        max-width: 1500px !important;
    }

body[class*="profile-builder_page_"] #wpbody-content .wrap:not(#cl-add-ons-listing) {
        max-width: 1500px !important;
    }
}

body[class*="profile-builder_page_"] #screen-meta-links {
    margin-left: 20px;
    position: absolute;
    right: 0;
    top: auto;
}

body[class*="post-type-wppb-"] #lost-connection-notice,
body[class*="post-type-wppb-"] #local-storage-notice {
    display: none !important;
}

.wppb-backend-notice {
    display: inline-block;
    background-color: #FDFBE6;
    border: 1px solid #ffb900;
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 16px;
    color: #1E1E1E;
    padding: 10px 20px;
    border-radius: 2px;
    margin: 5px 0;
}

.cozmoslabs-columns-container {
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
}

.cozmoslabs-columns-container .cozmoslabs-column {
    box-sizing: border-box;
    flex: 1;
}

.cozmoslabs-columns-container .cozmoslabs-column:not(:first-of-type) {
    border-left: 1px solid #c3c4c7;
}

.cozmoslabs-columns-container .cozmoslabs-column:not(:last-of-type) {
    padding-right: 20px;
}

.cozmoslabs-columns-container .cozmoslabs-column:last-of-type {
    padding-left: 20px;
}

/* hide PMS extra Submenu items */
.wp-submenu a[href="admin.php?page=pms-export-page"],
.wp-submenu a[href="admin.php?page=pms-discount-codes-bulk-add"] {
    display: none !important;
}

body[class*="profile-builder_page_"] .error,
body[class*="builder_page_"] .notice,
body[class*="post-type-wppb-"] .error,
body[class*="post-type-wppb-"] .notice {
    display: none; /* hide admin notices until scripts are loaded */
}

/***********************************************************/
/* Settings Page Header
/***********************************************************/

.cozmoslabs-page-header {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    margin: 40px 0;
}

.cozmoslabs-section-title {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: flex-start;
    gap: 10px;
    margin: 0;
}

.cozmoslabs-wrap .cozmoslabs-page-title {
    font-style: normal;
    font-weight: 400;
    font-size: 26px;
    line-height: 28px;
    color: #1E1E1E;
    margin: 0;
}

/***********************************************************/
/* Primary Tab Navigation
/***********************************************************/

.cozmoslabs-nav-tab-wrapper {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: flex-start;
    flex-wrap: nowrap;
    gap: 10px;
    height: 50px;
    padding: 0 10px;
    margin-top: 0;
    background: #FFFFFF;
    border: 1px solid #CCCCCC;
    border-bottom-width: 2px;
    box-shadow: 0 1px 1px rgb(0 0 0 / 10%);
    border-radius: 2px 2px 0 0;
}

.cozmoslabs-nav-tab-wrapper a.nav-tab {
    background: none;
    border: none;
    border-bottom: 2px solid transparent;
    margin: 0 0 -2px 0;
    padding: 0 15px;
    line-height: 50px;
    font-style: normal;
    font-weight: 500;
    font-size: 13px;
    color: #1E1E1E;
}

.cozmoslabs-nav-tab-wrapper a.nav-tab:hover,
.cozmoslabs-nav-tab-wrapper a.nav-tab.nav-tab-active {
    border-bottom: 2px solid #3858E9;
}

.cozmoslabs-nav-tab-wrapper a.nav-tab:focus {
    box-shadow: none;
    outline: none;
}

/***********************************************************/
/* Secondary Tab Navigation
/***********************************************************/

.cozmoslabs-nav-sub-tab-wrapper {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: flex-start;
    gap: 30px;
    height: 40px;
    background: #FFFFFF;
    border: 1px solid #CCCCCC;
    border-top: 0;
    border-radius: 2px 2px 0 0;
    padding: 0 15px;
    margin-top: 0;
    float: none;
}

.cozmoslabs-nav-sub-tab-wrapper li {
    border: none;
}

.cozmoslabs-nav-sub-tab-wrapper a.nav-sub-tab {
    font-style: normal;
    font-weight: 400;
    font-size: 13px;
    line-height: 16px;
    color: #757575;
}

.cozmoslabs-nav-sub-tab-wrapper a.nav-sub-tab:hover,
.cozmoslabs-nav-sub-tab-wrapper a.nav-sub-tab.current {
    text-decoration: underline;
    color: #3858E9;
    font-weight: 400;
}

.cozmoslabs-nav-sub-tab-wrapper a:focus {
    outline: none;
    box-shadow: none;
}

.cozmoslabs-nav-sub-tab-wrapper .subsubsub-sub-tab:after {
    display: none;
}

/***********************************************************/
/* Page Banner
/***********************************************************/

body.toplevel_page_profile-builder-register .cozmoslabs-banner,
body[class*="profile-builder_page_"] .cozmoslabs-banner,
body[class*="post-type-wppb-"] .cozmoslabs-banner {
    margin-left: -20px;
}

.cozmoslabs-banner {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
    box-sizing: border-box;
    background: #E8F2FF;
    border: 1px solid #9FAAB8;
    border-radius: 0;
    padding: 15px;
}

.cozmoslabs-banner-title {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: flex-start;
    gap: 10px;
}

.cozmoslabs-banner-title h4 {
    font-family: 'Poppins', sans-serif;
    font-style: normal;
    font-weight: 600;
    font-size: 24px;
    line-height: 34px;
    letter-spacing: -0.03em;
    text-transform: capitalize;
    margin: 0;
    color: #212121;
}

.cozmoslabs-banner-title img {
    width: 30px;
    height: 30px;
}

.cozmoslabs-banner-buttons {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: flex-start;
    flex-wrap: wrap;
    gap: 15px;
}

.cozmoslabs-banner-link {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    gap: 5px;
    border: 1px solid #9FAAB8;
    border-radius: 2px;
    padding: 8px 12px;
    font-style: normal;
    font-size: 13px;
    text-decoration: none;
}

.cozmoslabs-banner-link:focus {
    outline: none;
    box-shadow: none;
}

.cozmoslabs-support-link,
.cozmoslabs-documentation-link {
    background: #FFFFFF;
    color: #1E1E1E;
    font-weight: 400;
}

.cozmoslabs-support-link:hover,
.cozmoslabs-documentation-link:hover,
.cozmoslabs-support-link:focus,
.cozmoslabs-documentation-link:focus {
    background: #F0F0F0;
    color: #1E1E1E;
}

.cozmoslabs-upgrade-link {
    background: #0F15B0;
    border: none;
    color: #FFFFFF;
    font-weight: 600;
}

.cozmoslabs-upgrade-link:focus,
.cozmoslabs-upgrade-link:hover {
    background: #0e1294;
    color: #FFFFFF;
}

/***********************************************************/
/* Form Settings
/***********************************************************/

.cozmoslabs-form-subsection-wrapper {
    background: #FFFFFF;
    border: 1px solid #CCCCCC;
    border-radius: 2px;
    padding: 25px 15px;
    margin-top: 20px;
}

.cozmoslabs-subsection-title {
    font-weight: 600;
    font-size: 11px !important;
    line-height: 16px !important;
    text-transform: uppercase;
    color: #1E1E1E;
    margin: 0 0 10px 0 !important;
    padding: 0 !important;
    display: flex;
    justify-content: space-between;
}

.cozmoslabs-form-subsection-wrapper .inside {
    margin: 0;
    padding: 0;
}

.cozmoslabs-form-field-wrapper {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: flex-start;
    flex-wrap: wrap;
    gap: 10px;
    margin-top: 35px !important;
}

.cozmoslabs-form-subsection-wrapper.cozmoslabs-no-title-section > .cozmoslabs-form-field-wrapper:first-of-type {
    margin-top: 0 !important;
}

.cozmoslabs-form-field-wrapper label.cozmoslabs-form-field-label {
    flex-basis: 220px;
    font-weight: 600;
    font-size: 13px;
    line-height: 16px;
    display: flex;
    align-items: center;
    gap: 10px;
    color: #1E1E1E;
}

body:not(.profile-builder_page_profile-builder-basic-info) .cozmoslabs-form-field-wrapper label.cozmoslabs-form-field-label {
    cursor: pointer;
}

.cozmoslabs-form-field-wrapper .chosen-container,
.cozmoslabs-form-field-wrapper .select2-container,
.cozmoslabs-form-field-wrapper select,
.cozmoslabs-form-field-wrapper input[type="date"],
.cozmoslabs-form-field-wrapper input[type="password"],
.cozmoslabs-form-field-wrapper input[type="number"]:not(.wppb-rpf-rule-value),
.cozmoslabs-form-field-wrapper input[type="file"],
.cozmoslabs-form-field-wrapper input[type="text"]:not(#paypal-ipn-url, #stripe-connect-webhook-url, .wck-woocheckbox-field-label) {
    flex-basis: 330px;
    width: 330px;
}

.cozmoslabs-form-field-wrapper textarea,
.cozmoslabs-form-field-wrapper .chosen-container .chosen-single,
.cozmoslabs-form-field-wrapper .select2-container .select2-selection,
.cozmoslabs-form-field-wrapper select,
.cozmoslabs-form-field-wrapper input[type="password"],
.cozmoslabs-form-field-wrapper input[type="date"],
.cozmoslabs-form-field-wrapper input[type="number"],
.cozmoslabs-form-field-wrapper input[type="text"]:not(#paypal-ipn-url, #stripe-connect-webhook-url, .wck-woocheckbox-field-label) {
    border: 1px solid #949494;
    border-radius: 2px;
    font-size: 13px;
    line-height: 20px;
    color: #1E1E1E;
    padding: 0 10px;
    margin: 0;
}

.cozmoslabs-form-field-wrapper textarea {
    flex-basis: 330px;
    width: 330px;
    height: 100px;
    padding: 10px !important;
}

.cozmoslabs-form-field-wrapper .select2-container .select2-selection--single,
.cozmoslabs-form-field-wrapper .chosen-container .chosen-single,
.cozmoslabs-form-field-wrapper select,
.cozmoslabs-form-field-wrapper input[type="password"],
.cozmoslabs-form-field-wrapper input[type="date"],
.cozmoslabs-form-field-wrapper input[type="number"],
.cozmoslabs-form-field-wrapper input[type="text"]:not(#paypal-ipn-url, #stripe-connect-webhook-url, .wck-woocheckbox-field-label) {
    height: 40px;
}

.cozmoslabs-form-field-wrapper .select2-container .select2-selection--single .select2-selection__rendered,
.cozmoslabs-form-field-wrapper .chosen-container-multi .chosen-choices {
    min-height: 40px;
    line-height: 40px;
}

.cozmoslabs-form-field-wrapper .select2-selection--multiple .select2-selection__rendered {
    min-height: 40px;
    display: flex !important;
    flex-wrap: wrap;
    justify-content: flex-start;
    align-items: center;
}

.cozmoslabs-form-field-wrapper .select2-selection--multiple .select2-selection__rendered .select2-selection__choice__remove:hover {
    color: #e76054;
}

.cozmoslabs-form-field-wrapper .select2-selection--multiple .select2-selection__rendered .select2-selection__choice,
.cozmoslabs-form-field-wrapper .chosen-container .chosen-single {
    display: flex;
    align-items: center;
    background: #ffffff;
}

.cozmoslabs-form-field-wrapper select,
.cozmoslabs-form-field-wrapper .select2-container .select2-selection:not(.select2-selection--multiple),
.cozmoslabs-form-field-wrapper .chosen-container .chosen-single div b {
    background: url('data:image/svg+xml;charset=US-ASCII,<svg width="20" height="20" xmlns="http://www.w3.org/2000/svg"><path d="M5 6l5 5 5-5 2 1-7 7-7-7 2-1z" fill="%23555"/></svg>') no-repeat right 5px top 55% !important;
    background-size: 16px 16px !important;
}

.cozmoslabs-form-field-wrapper .select2-container .select2-selection--multiple {
    max-height: 200px;
    overflow-y: scroll;
    background: url('data:image/svg+xml;charset=US-ASCII,<svg width="20" height="20" xmlns="http://www.w3.org/2000/svg"><path d="M5 6l5 5 5-5 2 1-7 7-7-7 2-1z" fill="%23555"/></svg>') no-repeat right 20px top 55% !important;
    background-size: 16px 16px !important;
    padding-right: 25px;
}

.cozmoslabs-form-field-wrapper .select2-container .select2-selection .select2-selection__arrow {
    display: none;
}

.cozmoslabs-form-field-wrapper textarea:not(:disabled, :read-only):hover,
.cozmoslabs-form-field-wrapper .chosen-container .chosen-single:hover,
.cozmoslabs-form-field-wrapper .select2-container .select2-selection:hover,
.cozmoslabs-form-field-wrapper select:hover,
.cozmoslabs-form-field-wrapper input[type="password"]:not(:disabled, :read-only):hover,
.cozmoslabs-form-field-wrapper input[type="date"]:not(:disabled, :read-only):hover,
.cozmoslabs-form-field-wrapper input[type="number"]:not(:disabled, :read-only):hover,
.cozmoslabs-form-field-wrapper input[type="text"]:not(:disabled, :read-only, #paypal-ipn-url, #stripe-connect-webhook-url):hover {
    border-color: #3858E9;
    color: #1E1E1E;
}

.cozmoslabs-form-field-wrapper textarea:focus,
.cozmoslabs-form-field-wrapper .chosen-container-active,
.cozmoslabs-form-field-wrapper .select2-container--focus .select2-selection--multiple,
.cozmoslabs-form-field-wrapper select:focus,
.cozmoslabs-form-field-wrapper input[type="password"]:not(:disabled):focus,
.cozmoslabs-form-field-wrapper input[type="date"]:not(:disabled):focus,
.cozmoslabs-form-field-wrapper input[type="number"]:not(:disabled):focus,
.cozmoslabs-form-field-wrapper input[type="text"]:not(:disabled, #paypal-ipn-url, #stripe-connect-webhook-url):focus {
    border: 1px solid #3858E9 !important;
    box-shadow: 0 0 0 1px #3858E9;
}

.cozmoslabs-form-field-wrapper textarea:focus,
.cozmoslabs-form-field-wrapper .chosen-container-active,
.cozmoslabs-form-field-wrapper select:focus,
.cozmoslabs-form-field-wrapper input[type="password"]:not(:disabled):focus,
.cozmoslabs-form-field-wrapper input[type="date"]:not(:disabled):focus,
.cozmoslabs-form-field-wrapper input[type="number"]:not(:disabled):focus,
.cozmoslabs-form-field-wrapper input[type="text"]:not(:disabled, #paypal-ipn-url, #stripe-connect-webhook-url):focus {
    border: 1px solid #3858E9 !important;
    box-shadow: 0 0 0 1px #3858E9;
}

.cozmoslabs-form-field-wrapper .chosen-container-active .chosen-single div b,
.cozmoslabs-form-field-wrapper select:active {
    background: url('data:image/svg+xml;charset=US-ASCII,<svg width="20" height="20" xmlns="http://www.w3.org/2000/svg"><path d="M5 14l5-5 5 5 2-1-7-7-7 7 2 1z" fill="%23555"/></svg>') no-repeat right 5px top 55% !important;
    background-size: 16px 16px !important;
}

.cozmoslabs-form-field-wrapper .select2-container--focus .select2-selection--multiple {
    background: url('data:image/svg+xml;charset=US-ASCII,<svg width="20" height="20" xmlns="http://www.w3.org/2000/svg"><path d="M5 14l5-5 5 5 2-1-7-7-7 7 2 1z" fill="%23555"/></svg>') no-repeat right 20px top 55% !important;
    background-size: 16px 16px !important;
}

.cozmoslabs-form-field-wrapper .chosen-container-active,
.cozmoslabs-form-field-wrapper select:focus {
    color: #3858E9;
}

.cozmoslabs-form-field-wrapper textarea:disabled,
.cozmoslabs-form-field-wrapper select:disabled,
.cozmoslabs-form-field-wrapper input[type="password"]:disabled,
.cozmoslabs-form-field-wrapper input[type="date"]:disabled,
.cozmoslabs-form-field-wrapper input[type="number"]:disabled,
.cozmoslabs-form-field-wrapper input[type="text"]:not(#paypal-ipn-url, #stripe-connect-webhook-url):disabled {
    opacity: 0.5;
    pointer-events: none;
}

.cozmoslabs-wrap a:not(.button-secondary, .button-primary, .submitdelete, .mbdelete, .chosen-single, .cozmoslabs-remove-item, .page-title-action, .cozmoslabs-banner-link, .nav-tab, .nav-sub-tab ):hover,
.cozmoslabs-form-subsection-wrapper a:not(.button-secondary, .button-primary, .chosen-single, .cozmoslabs-remove-item, .submitdelete ):hover,
.cozmoslabs-form-field-wrapper a:not(.button-secondary, .button-primary, .chosen-single, .cozmoslabs-remove-item, .submitdelete ):hover {
    text-decoration: underline;
}

.cozmoslabs-wrap a:not(.button-secondary, .button-primary, .submitdelete, .mbdelete, .chosen-single, .cozmoslabs-remove-item, .page-title-action, .cozmoslabs-banner-link, .nav-tab, .nav-sub-tab):focus,
.cozmoslabs-form-subsection-wrapper a:not(.button-secondary, .button-primary):focus,
.cozmoslabs-form-field-wrapper a:not(.button-secondary, .button-primary):focus {
    box-shadow: none;
    outline: none;
}

/* form field description */
.cozmoslabs-description {
    font-weight: 400;
    font-size: 13px !important;
    line-height: 20px !important;
    color: #757575 !important;
    margin: 0 !important;
}

.cozmoslabs-description strong {
    display: unset !important;
    padding: 0 !important;
}

.cozmoslabs-description-space-left {
    padding-left: 230px;
}

.cozmoslabs-form-field-wrapper .cozmoslabs-description-space-left {
    flex-basis: 100%;
}

.cozmoslabs-form-field-wrapper .cozmoslabs-description-align-right {
    flex-basis: 280px;
    flex-grow: 1;
    padding-left: 10px;
}

.cozmoslabs-group-fields-row {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;

margin-top: 35px;
}

.cozmoslabs-group-fields-row .cozmoslabs-form-field-wrapper {
    flex-basis: 45%;
    margin: 0;
}

.cozmoslabs-group-fields-row .cozmoslabs-form-field-wrapper .cozmoslabs-form-field-label {
    flex-basis: auto;
}

.cozmoslabs-disabled-input {
    flex-basis: 260px;
    width: 100%;
    display: flex;
    align-items: center;
    height: 40px;
    border: 1px solid #949494;
    border-radius: 2px;
    font-size: 13px;
    line-height: 20px;
    color: #1E1E1E;
    padding: 0 10px;
    box-sizing: border-box;
    opacity: 0.5;
}

#wppb-toolbox-redirect-if-empty-required-url,
.cozmoslabs-wrap .wppb-toolbox-accordion {
    display: none;
}

.cozmoslabs-description-upsell {
    color: #1E1E1E !important;
    text-align: center;
    width: 100%;
    background: #fdf9d1;
    padding: 14px;
    font-size: 110%;
}

/***********************************************************/
/* Buttons
/***********************************************************/

/* primary */
.wppb-setup-holder .button-primary,
.cozmoslabs-wrap .button-primary {
    background: #3858E9;
    border: 1px solid #3858E9;
    border-radius: 2px;
    box-sizing: border-box;
    padding: 8px 12px;
    font-weight: 500;
    font-size: 13px;
    line-height: 16px;
    color: #FFFFFF;
    height: 45px;
    min-width: 140px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
}

.wppb-setup-holder .button-primary:hover,
.wppb-setup-holder .button-primary:focus,
.cozmoslabs-wrap .button-primary:hover,
.cozmoslabs-wrap .button-primary:focus {
    background: #1D35B4;
    border-color: #1D35B4;
    box-shadow: none;
}

.wppb-setup-holder .button-primary.button-disabled,
.cozmoslabs-wrap .button-primary.button-disabled {
    background: #1D35B4 !important;
    border: 1px solid #1D35B4;
    color: #CCCCCC !important;

pointer-events: none;
    opacity: 0.5;
}

/* secondary */
.cozmoslabs-wrap input[type="file"]::file-selector-button,
.wppb-setup-holder .button-secondary,
.cozmoslabs-wrap .button-secondary {
    height: 40px;
    background: #FFFFFF;
    border: 1px solid #3858E9;
    border-radius: 2px;
    padding: 8px 16px;
    font-weight: 400;
    font-size: 13px;
    line-height: 20px;
    color: #3858E9;
}

.cozmoslabs-wrap input[type="file"]::file-selector-button {
    margin-right: 10px;
}

.wppb-setup-holder .button-secondary,
.cozmoslabs-wrap .button-secondary {
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
}

.cozmoslabs-wrap input[type="file"]::file-selector-button:hover,
.wppb-setup-holder .button-secondary:hover,
.cozmoslabs-wrap .button-secondary:hover,
.cozmoslabs-wrap input[type="file"]::file-selector-button:focus,
.wppb-setup-holder .button-secondary:focus,
.cozmoslabs-wrap .button-secondary:focus {
    background: #F0F0F0;
    border-color: #3858E9;
    color: #3858E9;
    box-shadow: none;
}

.wppb-setup-holder .button-secondary.button-disabled,
.cozmoslabs-wrap .button-secondary.button-disabled {
    background: #F0F0F0 !important;
    border-color: #3858E9 !important;
    color: #3858E9 !important;
    pointer-events: none;
    opacity: 0.5;
}

.cozmoslabs-remove-item {
    color: grey !important;
}

.cozmoslabs-remove-item:hover {
    color: #e76054 !important;
}

.cozmoslabs-remove-item:focus {
    outline: none;
    box-shadow: none;
}

/* delete */
body[class*="post-type-wppb-"] .submitdelete,
.cozmoslabs-wrap .submitdelete {
    color: #e76054;
    text-decoration: underline;
}

body[class*="post-type-wppb-"] .submitdelete:hover,
body[class*="post-type-wppb-"] .submitdelete:focus,
.cozmoslabs-wrap .submitdelete:hover,
.cozmoslabs-wrap .submitdelete:focus {
    color: #c93f32;
    text-decoration: none;
}

/***********************************************************/
/* Toggle Switch
/***********************************************************/

.cozmoslabs-toggle-switch {
    align-items: flex-start;
}

.cozmoslabs-toggle-container {
    position: relative;
    width: 36px;
    height: 18px;
    margin-right: 15px;
}

.cozmoslabs-toggle-container input {
    display: none !important;
}

.cozmoslabs-toggle-track {
    position: relative;
    display: flex;
    align-items: center;
    cursor: pointer;
    width: 100%;
    height: 100%;
    background: #FFFFFF;
    border: 1px solid #1E1E1E;
    border-radius: 100px;
    box-sizing: border-box;
    transition: background-color 0.3s, border-color 0.3s;
}

.cozmoslabs-toggle-track:before {
    content: "";
    position: absolute;
    left: 3px;
    width: 12px;
    height: 12px;
    background-color: #1E1E1E;
    border-radius: 50%;
    transition: transform 0.3s;
    pointer-events: none;
}

.cozmoslabs-toggle-container input:checked + .cozmoslabs-toggle-track {
    background-color: #3858E9;
    border-color: #3858E9;
}

.cozmoslabs-toggle-container input:checked + .cozmoslabs-toggle-track:before {
    transform: translateX(18px);
    background-color: #ffffff;
}

.cozmoslabs-toggle-container input:disabled + .cozmoslabs-toggle-track {
    opacity: 0.3;
    pointer-events: none;
}

.cozmoslabs-toggle-description {
    flex-basis: 250px;
    flex-grow: 1;
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.cozmoslabs-toggle-description .cozmoslabs-description {
    font-weight: 500;
    color: rgba( 30, 30, 30, 0.8 ) !important;
}

.cozmoslabs-toggle-description .cozmoslabs-description,
.cozmoslabs-toggle-switch > label {
    line-height: 18px !important;
}

/***********************************************************/
/* RADIO Inputs
/***********************************************************/

.cozmoslabs-radio-inputs-row {
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
    flex-wrap: wrap;
    gap: 20px;
    flex-basis: calc( 100% - 230px );
}

.cozmoslabs-radio-inputs-column {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    gap: 10px;
    flex-basis: calc( 100% - 230px );
}

.cozmoslabs-radio-inputs-row label,
.cozmoslabs-radio-inputs-column label {
    font-style: normal;
    font-weight: 500;
    font-size: 13px;
    line-height: 18px;
    color: rgba( 30, 30, 30, 0.8 );
}

.cozmoslabs-radio-inputs-row input[type=radio],
.cozmoslabs-radio-inputs-column input[type=radio] {
    display: inline-flex;
    justify-content: center;
    align-items: center;

border: 1px solid #949494;
    border-radius: 50%;
    width: 20px;
    height: 20px;
}

.cozmoslabs-radio-inputs-row input[type=radio]:checked,
.cozmoslabs-radio-inputs-column input[type=radio]:checked {
    background: #3858E9;
    border-color: #3858E9;
}

.cozmoslabs-radio-inputs-row input[type=radio]:checked::before,
.cozmoslabs-radio-inputs-column input[type=radio]:checked::before {
    background: #FFFFFF;
    width: 8px;
    height: 8px;
    margin: 0;
}

.cozmoslabs-radio-inputs-row input[type=radio]:hover,
.cozmoslabs-radio-inputs-column input[type=radio]:hover,
.cozmoslabs-radio-inputs-row input[type=radio]:focus,
.cozmoslabs-radio-inputs-column input[type=radio]:focus {
    outline: none;
    box-shadow: none;
    border-color: #3858E9;
}

.cozmoslabs-column-radios-wrapper {
    align-items: flex-start;
}

/***********************************************************/
/* CHECKBOX Inputs
/***********************************************************/

.cozmoslabs-checkbox-list-wrapper {
    align-items: flex-start;
}

.cozmoslabs-checkbox-list {
    flex-basis: calc( 100% - 230px );
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    flex-wrap: wrap;
    gap: 10px;
}

.cozmoslabs-checkbox-list label {
    font-style: normal;
    font-weight: 500;
    font-size: 13px;
    line-height: 26px;
    /*color: #1E1E1E;*/
    color: rgba( 30, 30, 30, 0.8 );
    max-width: calc( 100% - 30px );
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.cozmoslabs-checkbox-list .cozmoslabs-chckbox-container {
    display: flex;
    align-items: center;
    gap: 10px;
}

.cozmoslabs-checkbox-1-col-list .cozmoslabs-chckbox-container {
    width: calc( 100% - 230px );
}

.cozmoslabs-checkbox-2-col-list .cozmoslabs-chckbox-container {
    width: 45%;
}

.cozmoslabs-checkbox-3-col-list .cozmoslabs-chckbox-container {
    width: 30%;
}

.cozmoslabs-checkbox-4-col-list .cozmoslabs-chckbox-container {
    width: 23%;
}

.cozmoslabs-checkbox-multi-col-list .cozmoslabs-chckbox-container {
    width: 200px;
}

.cozmoslabs-checkbox-list input[type="checkbox"] {
    display: flex;
    justify-content: center;
    align-items: center;
    border: 1px solid #949494;
    border-radius: 2px;
    width: 20px;
    height: 20px;
    margin: 0;
}

.cozmoslabs-checkbox-list input[type="checkbox"]:checked {
    background: #3858E9;
    border-color: #3858E9;
}

.cozmoslabs-checkbox-list input[type="checkbox"]:checked::before {
    content: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' fill='currentColor' viewBox='0 0 24 24'><title>check</title><path d='M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z' fill='rgb(255, 255, 255)' /></svg>");
    width: 15px;
    height: auto;
    margin: 0;
    transform: rotate(-8deg);
}

.cozmoslabs-checkbox-list input[type="checkbox"]:not(:disabled):hover,
.cozmoslabs-checkbox-list input[type="checkbox"]:not(:disabled):focus {
    outline: none;
    box-shadow: none;
    border-color: #3858E9;
}

/***********************************************************/
/* WYSIWYG
/***********************************************************/

.cozmoslabs-wysiwyg-wrapper {
    display: block;
    background: #FFFFFF;
    border-radius: 2px;
}

.cozmoslabs-wysiwyg-indented {
    display: grid;
    grid-template-columns: 220px calc( 100% - 230px ); /* Two columns */
    grid-gap: 0;
    align-items: start;
}

.cozmoslabs-wysiwyg-indented > label {
    grid-column: 1;
    margin-right: 10px;
}

.cozmoslabs-wysiwyg-indented > *:not(label) {
    grid-column: 2;
}

.tmce-active .quicktags-toolbar {
    display: none !important;
}

.cozmoslabs-wysiwyg-wrapper .wp-editor-container .mce-toolbar-grp,
.cozmoslabs-wysiwyg-wrapper .quicktags-toolbar {
    background-color: #ffffff;
    padding: 0 30px;

height: 90px;
    display: flex;
    align-items: center;
}

.cozmoslabs-wysiwyg-wrapper .mce-top-part::before {
    box-shadow: none;
}

.cozmoslabs-wysiwyg-wrapper label {
    margin-bottom: 20px;
    font-size: 13px !important;
}

.cozmoslabs-wysiwyg-wrapper .quicktags-toolbar,
.cozmoslabs-wysiwyg-wrapper .mce-toolbar .mce-btn-group > div {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-items: center;
    justify-content: flex-start;
    gap: 5px;
}

.cozmoslabs-wysiwyg-wrapper .quicktags-toolbar input[type="button"],
.cozmoslabs-wysiwyg-wrapper .wp-media-buttons .insert-media {
    background: #FFFFFF;
    border: 1px solid #3858E9;
    border-radius: 2px;
    color: #3858E9;
}

.cozmoslabs-wysiwyg-wrapper .quicktags-toolbar input[type="button"]:hover,
.cozmoslabs-wysiwyg-wrapper .wp-media-buttons .insert-media:hover {
    background: #F0F0F0;
    border-color: #3858E9;
    color: #3858E9;
}

.cozmoslabs-wysiwyg-wrapper .quicktags-toolbar input[type="button"]:focus,
.cozmoslabs-wysiwyg-wrapper .wp-media-buttons .insert-media:focus {
    background: #ffffff;
    border-color: #3858E9;
    color: #3858E9;
    box-shadow: 0 0 0 1px #3858E9;
}

.cozmoslabs-wysiwyg-wrapper .mce-toolbar .mce-btn-group .mce-btn.mce-listbox {
    height: 40px;
    border: 1px solid #949494;
    border-radius: 2px;
    line-height: 20px;
    font-size: 13px;
    padding: 0 10px;
    display: flex;
    align-items: center;
}

.cozmoslabs-wysiwyg-wrapper .mce-toolbar .mce-btn-group .mce-btn:hover,
.cozmoslabs-wysiwyg-wrapper .qt-dfw:hover {
    border-color: #3858E9 !important;
    background: #FFFFFF;
}

.cozmoslabs-wysiwyg-wrapper .mce-toolbar .mce-btn-group .mce-btn.mce-active,
.cozmoslabs-wysiwyg-wrapper .mce-toolbar .mce-btn-group .mce-btn:active,
.cozmoslabs-wysiwyg-wrapper .qt-dfw.active {
    border-color: #3858E9 !important;
    box-shadow: 0 0 0 1px #3858e9 !important;
    background: #FFFFFF;
}

.cozmoslabs-wysiwyg-wrapper .wp-switch-editor,
.cozmoslabs-wysiwyg-wrapper .mce-toolbar .mce-btn-group .mce-btn .mce-txt,
.cozmoslabs-wysiwyg-wrapper .mce-toolbar .mce-btn-group .mce-btn .mce-ico {
    color: #1E1E1E;
}

.cozmoslabs-wysiwyg-wrapper .tmce-active .switch-tmce,
.cozmoslabs-wysiwyg-wrapper .html-active .switch-html {
    font-weight: 500;
}

.cozmoslabs-wysiwyg-wrapper .html-active .switch-tmce,
.cozmoslabs-wysiwyg-wrapper .tmce-active .switch-html {
    opacity: 0.7;
}

.cozmoslabs-wysiwyg-wrapper .wp-editor-container textarea.wp-editor-area {
    padding: 20px 40px;
    height: 215px !important;
}

.cozmoslabs-wysiwyg-wrapper .cozmoslabs-description {
    padding: 10px  5px;
}

/* add link popup */
body[class*="post-type-wppb-"] .mce-inline-toolbar-grp,
body[class*="profile-builder_page_"] .mce-inline-toolbar-grp {
    padding: 5px 10px;
}
body[class*="post-type-wppb-"] .mce-inline-toolbar-grp .wp-link-input input[type="text"],
body[class*="profile-builder_page_"] .mce-inline-toolbar-grp .wp-link-input input[type="text"] {
    border: 1px solid #949494;
    border-radius: 2px;
    font-size: 13px;
    line-height: 20px;
    color: #1E1E1E;
    padding: 0 10px;
    height: 30px;
    box-shadow: none;
}
body[class*="post-type-wppb-"] .mce-inline-toolbar-grp .wp-link-input input[type="text"]:hover,
body[class*="post-type-wppb-"] .mce-inline-toolbar-grp .wp-link-input input[type="text"]:focus,
body[class*="profile-builder_page_"] .mce-inline-toolbar-grp .wp-link-input input[type="text"]:hover,
body[class*="profile-builder_page_"] .mce-inline-toolbar-grp .wp-link-input input[type="text"]:focus {
    border-color: #3858E9;
    color: #1E1E1E;
}
body[class*="post-type-wppb-"] .mce-inline-toolbar-grp .mce-btn.mce-primary,
body[class*="profile-builder_page_"] .mce-inline-toolbar-grp .mce-btn.mce-primary {
    background: #3858E9 !important;
    border: 1px solid #3858E9 !important;
    border-radius: 2px !important;
    margin-left: 10px;
    margin-right: 10px;
    height: 28px;
    box-sizing: border-box;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}
body[class*="post-type-wppb-"] .mce-inline-toolbar-grp .mce-btn.mce-primary:hover,
body[class*="post-type-wppb-"] .mce-inline-toolbar-grp .mce-btn.mce-primary:focus,
body[class*="profile-builder_page_"] .mce-inline-toolbar-grp .mce-btn.mce-primary:hover,
body[class*="profile-builder_page_"] .mce-inline-toolbar-grp .mce-btn.mce-primary:focus {
    background: #1D35B4 !important;
    border-color: #1D35B4 !important;
    box-shadow: none;
}

/**************************************************/
/* Register Website
/**************************************************/

.cozmoslabs-form-field-wrapper .cozmoslabs-serial-wrap__holder {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: flex-start;
    gap: 10px;
}

.cozmoslabs-form-field-wrapper .cozmoslabs-active-license {
    margin-right: 8px;
    color: #008000;
}

.cozmoslabs-form-field-wrapper.cozmoslabs-invalid-license {
    margin-right: 8px;
    color: #ca4a1f;
}

#wppb-register-version .cozmoslabs-description-container,
#wppb-register-version-page .cozmoslabs-description-container {
    flex-basis: calc( 100% - 230px);
    display: flex;
    flex-direction: column;
    gap: 20px;
    background: #E7F3EE;
    border-radius: 2px;
    padding: 10px 15px;
    margin: 5px 0 0 230px;
}

#wppb-register-version-page .cozmoslabs-description-container {
    flex-basis: auto;
}

.cozmoslabs-form-field-serial-number .cozmoslabs-description {
    color: inherit !important;
}

#wppb-register-version .cozmoslabs-form-field-serial-number .cozmoslabs-description-container.red,
#wppb-register-version-page .cozmoslabs-form-field-serial-number .cozmoslabs-description-container.red {
    background: #fde0dd;
}

#wppb-register-version .cozmoslabs-form-field-serial-number .cozmoslabs-description-container.yellow,
#wppb-register-version-page .cozmoslabs-form-field-serial-number .cozmoslabs-description-container.yellow {
    background: #FDFBE6;
}

#wppb-register-version .wppb-active-license::before,
#wppb-register-version-page .wppb-active-license::before {
    color: green;
}

#wppb-register-version .wppb-active-license,
#wppb-register-version-page .wppb-active-license {
    width: 30px;
    height: 30px;
    font-size: 30px;
}

/**************************************************/
/* Form Designs - Admin UI styles
/**************************************************/

#wppb-forms-design-browser {
    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
    gap: 20px;
    justify-content: start;
    padding-bottom: 20px;
}

.wppb-forms-design {
    flex: 1;
}

.wppb-forms-design label {
    font-size: 14px;
}

.wppb-forms-design label input[type="radio"] {
    margin-left: 10px;
}

.wppb-forms-design-preview {
    position: absolute;
    display: none !important;
    height: 32px !important;
}

.wppb-forms-design:hover .wppb-forms-design-screenshot .wppb-forms-design-preview {
    display: flex !important;
}

.wppb-forms-design-screenshot {
    width: 100%;
    max-width: 180px;
    height: 100px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #F8F9FD;
    border: 1px solid #cccccc;
    border-radius: 2px;
    box-sizing: border-box;
    position: relative;
    margin-top: 10px;
}

.wppb-forms-design:not(#form-style-default) .wppb-forms-design-screenshot:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.3);
    opacity: 0;
    transition: opacity 0.3s ease;
}

.wppb-forms-design:not(#form-style-default):hover .wppb-forms-design-screenshot:before {
    opacity: 1;
}

.wppb-forms-design-screenshot:not(#form-style-default .wppb-forms-design-screenshot) img {
    max-width: 100%;
    max-height: 100%;
}

#form-style-default .wppb-forms-design-screenshot img {
    max-width: 100%;
    height: 100%;
    overflow: hidden;
}

#form-style-default .wppb-forms-design-screenshot {
    overflow: hidden;
}

.wppb-forms-design-modal {
    display: none;
    padding: 16px 24px;
}

.wppb-forms-design-modal .wppb-forms-design-preview-image {
    width: 100%;
    height: auto;
    display: none;
}

.wppb-forms-design-modal .wppb-forms-design-preview-image.active {
    display: block;
}

.wppb-forms-design-modal .pms-slideshow-button {
    font-size: 50px;
    cursor: pointer;
    color: #6E7A86;
}

.wppb-forms-design-modal .pms-slideshow-button.disabled {
    visibility: hidden;
}

.wppb-forms-design-modal .wppb-forms-design-modal-slideshow {
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 20px;
}

.wppb-forms-design-modal .wppb-slideshow-button {
    font-size: 50px;
    cursor: pointer;
    color: #6E7A86;
}

.wppb-forms-design-modal .wppb-slideshow-button.disabled {
    visibility: hidden;
}

.ui-dialog[aria-describedby^='modal-form-style'] .ui-widget-header {
    background: transparent;
    border: none;
    border-bottom: 1px solid #dcdcde;
}

.ui-dialog[aria-describedby^='modal-form-style'] .ui-button,
.ui-dialog[aria-describedby^='modal-form-style'] .ui-button:focus,
.ui-dialog[aria-describedby^='modal-form-style'] .ui-button:hover {
    background: transparent;
    border: none;
    box-shadow: none;
}

/* Tables */
body[class*="profile-builder_page_"] .wp-list-table th {
    font-weight: 600;
    font-size: 14px;
    line-height: 40px;
    color: #1E1E1E;
}

body[class*="profile-builder_page_"] a:not(.button-secondary, .button-primary, .submitdelete, .mbdelete, .chosen-single, .cozmoslabs-remove-item, .page-title-action, .cozmoslabs-banner-link, .nav-tab, .nav-sub-tab) {
    color: #3858E9;
    text-decoration: none;
}

body[class*="profile-builder_page_"] a:not(.button-secondary, .button-primary, .submitdelete, .mbdelete, .chosen-single, .cozmoslabs-remove-item, .page-title-action, .cozmoslabs-banner-link, .nav-tab, .nav-sub-tab):focus {
    box-shadow: none;
    outline: none;
}

/**********************************************************************************/
/* Link (question mark icon) to PB Docs set in pages/custom-posts/settings titles
/**********************************************************************************/

.wp-admin a.wppb-docs-link:before {
    display: none;
}

.wp-admin a.wppb-docs-link {
    text-decoration: none;
    box-shadow: none;
    outline: none;
    height: auto;
    width: auto;
    font-size: 30px;
}

[class*="profile-builder"].wp-admin .wrap form > h2 {
    line-height: 30px;
}

.wp-admin.post-type-wppb-ul-cpt #wppb-single-ul-templates .inside .wppb-docs-link,
.wp-admin.post-type-wppb-ul-cpt #wppb-ul-templates .inside .wppb-docs-link,
.wp-admin.profile-builder_page_manage-fields #wppb-msf-side .wppb-docs-link,
.wp-admin.profile-builder_page_custom-redirects .wck-post-box .wppb-docs-link,
.wp-admin.post-type-wppb-ul-cpt #wppb-ul-themes-settings .inside .wppb-docs-link,
.wp-admin.post-type-wppb-ul-cpt .wck-add-form .wppb-docs-link {
    position: absolute;
    right: 5px;
    top: 0;
}

.wp-admin.profile-builder_page_manage-fields .update_container_wppb_manage_fields ul.mb-list-entry-fields li.row-edit-profile-approved-by-admin,
.wp-admin.profile-builder_page_manage-fields .update_container_wppb_manage_fields ul.mb-list-entry-fields li.row-conditional-logic-enabled,
.wp-admin.profile-builder_page_manage-fields .update_container_wppb_manage_fields ul.mb-list-entry-fields li.row-location-visibility,
.wp-admin.profile-builder_page_manage-fields .update_container_wppb_manage_fields ul.mb-list-entry-fields li.row-user-role-visibility {
    line-height: 30px;
}

.wp-admin.profile-builder_page_manage-fields .update_container_wppb_manage_fields ul.mb-list-entry-fields li.row-visibility .mb-right-column {
    position: relative;
}

.wp-admin.profile-builder_page_manage-fields .update_container_wppb_manage_fields ul.mb-list-entry-fields li.row-visibility .mb-right-column .wppb-docs-link {
    position: absolute;
    top: 0;
    left: 255px;
}

.wppb-docs-link {
    width: 30px;
    height: 30px;
}

.wppb-docs-link:focus {
    outline: none;
    box-shadow: none;
}

.cozmoslabs-description .wppb-docs-link {
    margin-top: -5px;
}

.wppb-docs-link:before {
    display: none;
}

.wppb-docs-link:after {
    content: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' width='30' height='30' fill='currentColor' class='bi bi-person' viewBox='0 0 24 24' transform='scale(1,1)'> <path d='M20 2H4C3.47 2 2.96 2.21 2.59 2.59C2.21 2.96 2 3.47 2 4V16C2 16.53 2.21 17.04 2.59 17.41C2.96 17.79 3.47 18 4 18H8L12 22L16 18H20C20.53 18 21.04 17.79 21.41 17.41S22 16.53 22 16V4C22 3.47 21.79 2.96 21.41 2.59C21.04 2.21 20.53 2 20 2M4 16V4H20V16H15.17L12 19.17L8.83 16M10.05 6.04C10.59 5.68 11.3 5.5 12.19 5.5C13.13 5.5 13.88 5.71 14.42 6.12C14.96 6.54 15.23 7.1 15.23 7.8C15.23 8.24 15.08 8.63 14.79 9C14.5 9.36 14.12 9.64 13.66 9.85C13.4 10 13.23 10.15 13.14 10.32C13.05 10.5 13 10.72 13 11H11C11 10.5 11.1 10.16 11.29 9.92C11.5 9.68 11.84 9.4 12.36 9.08C12.62 8.94 12.83 8.76 13 8.54C13.14 8.33 13.22 8.08 13.22 7.8C13.22 7.5 13.13 7.28 12.95 7.11C12.77 6.93 12.5 6.85 12.19 6.85C11.92 6.85 11.7 6.92 11.5 7.06C11.34 7.2 11.24 7.41 11.24 7.69H9.27C9.22 7 9.5 6.4 10.05 6.04M11 14V12H13V14Z' id='mainIconPathAttribute' fill='rgb(30, 30, 30)'></path> </svg>");
    opacity: 0.3;
}

.wppb-docs-link:hover:after {
    opacity: 1;
    content: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' width='30' height='30' fill='currentColor' class='bi bi-person' viewBox='0 0 24 24' transform='scale(1,1)'> <path d='M20 2H4C3.47 2 2.96 2.21 2.59 2.59C2.21 2.96 2 3.47 2 4V16C2 16.53 2.21 17.04 2.59 17.41C2.96 17.79 3.47 18 4 18H8L12 22L16 18H20C20.53 18 21.04 17.79 21.41 17.41S22 16.53 22 16V4C22 3.47 21.79 2.96 21.41 2.59C21.04 2.21 20.53 2 20 2M4 16V4H20V16H15.17L12 19.17L8.83 16M10.05 6.04C10.59 5.68 11.3 5.5 12.19 5.5C13.13 5.5 13.88 5.71 14.42 6.12C14.96 6.54 15.23 7.1 15.23 7.8C15.23 8.24 15.08 8.63 14.79 9C14.5 9.36 14.12 9.64 13.66 9.85C13.4 10 13.23 10.15 13.14 10.32C13.05 10.5 13 10.72 13 11H11C11 10.5 11.1 10.16 11.29 9.92C11.5 9.68 11.84 9.4 12.36 9.08C12.62 8.94 12.83 8.76 13 8.54C13.14 8.33 13.22 8.08 13.22 7.8C13.22 7.5 13.13 7.28 12.95 7.11C12.77 6.93 12.5 6.85 12.19 6.85C11.92 6.85 11.7 6.92 11.5 7.06C11.34 7.2 11.24 7.41 11.24 7.69H9.27C9.22 7 9.5 6.4 10.05 6.04M11 14V12H13V14Z' id='mainIconPathAttribute' fill='rgb(56, 88, 233)'></path> </svg>");
}

/**************************************************/
/* CPTs and Custom Pages
/**************************************************/

/* page title */
body[class*="post-type-wppb-"] .wp-heading-inline {
    font-style: normal;
    font-weight: 400;
    font-size: 26px;
    line-height: 28px;
    color: #1E1E1E;
    margin-bottom: 35px;
    display: inline-flex;
    align-items: baseline;
    gap: 10px;
}

/* buttons */
body[class*="post-type-wppb-"] .button:not(.button-primary),
body[class*="post-type-wppb-"] .page-title-action {
    background: #FFFFFF;
    border: 1px solid #3858E9;
    box-sizing: border-box;
    border-radius: 2px;
    font-weight: 400;
    color: #3858E9;
}

body[class*="post-type-wppb-"] .button:not(.button-primary, .wppb-ul-theme-activate .button),
body[class*="post-type-wppb-"] .page-title-action {
    line-height: 20px;
    font-size: 13px;
    margin: 0;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
}

body[class*="post-type-wppb-"] .button:not(.button-primary, .cozmoslabs-wysiwyg-wrapper .insert-media, .pagination-links .button, .wppb-ul-theme-activate .button) {
    height: 40px;
}

body[class*="post-type-wppb-"] .page-title-action {
    height: 30px;
}

body[class*="post-type-wppb-"] .button:not(.button-primary, .wppb-ul-theme-activate .button.reset):hover,
body[class*="post-type-wppb-"] .button:not(.button-primary, .wppb-ul-theme-activate .button.reset):focus,
body[class*="post-type-wppb-"] .button:not(.button-primary, .wppb-ul-theme-activate .button.reset):active,
body[class*="post-type-wppb-"] .page-title-action:hover,
body[class*="post-type-wppb-"] .page-title-action:focus,
body[class*="post-type-wppb-"] .page-title-action:active {
    font-weight: 400;
    background: #F0F0F0;
    border-color: #3858E9;
    color: #3858E9;
    box-shadow: none;
    margin: 0;
}

body[class*="post-type-wppb-"] .button-primary {
    background: #3858E9;
    border: 1px solid #3858E9;
    border-radius: 2px;
    box-sizing: border-box;
    padding: 8px 12px;
    font-weight: 500;
    font-size: 13px;
    line-height: 16px;
    color: #FFFFFF;
    height: 45px;
    min-width: 140px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
}

body[class*="post-type-wppb-"] .button-primary:hover,
body[class*="post-type-wppb-"] .button-primary:focus {
    background: #1D35B4;
    border-color: #1D35B4;
    box-shadow: none;
}

body[class*="post-type-wppb-"] .button-primary.button-disabled {
    background: #1D35B4 !important;
    border: 1px solid #1D35B4;
    color: #CCCCCC !important;
    pointer-events: none;
    opacity: 0.5;
}

/* User Listing */
#wppb_ul_search_settings .cozmoslabs-checkbox-list .cozmoslabs-chckbox-container,
#wppb-ul-settings-args .cozmoslabs-checkbox-list .cozmoslabs-chckbox-container {
    width: 30%;
}

#container_wppb_ul_faceted_settings .wck-edit .button {
    min-width: 75px;
}

#container_wppb_ul_faceted_settings tbody tr .wck-content li strong {
    min-width: 100px;
}

#container_wppb_ul_faceted_settings tbody tr:not(.facet_type_checkboxes) td.wck-content li.row-facet-behaviour,
#container_wppb_ul_faceted_settings tbody tr:not(.facet_type_checkboxes) td.wck-content li.row-facet-limit {
    display: none;
}

#container_wppb_ul_faceted_settings tbody tr.update_container_wppb_ul_faceted_settings:not(.facet_checkboxes) li.row-facet-behaviour,
#container_wppb_ul_faceted_settings tbody tr.update_container_wppb_ul_faceted_settings:not(.facet_checkboxes) li.row-facet-limit {
    display: none;
}

#wppb-ul-side .cozmoslabs-form-field-wrapper:first-of-type {
    margin-top: 0 !important;
}

#wppb-ul-side textarea {
    height: 60px;
}

#wppb_ul_page_settings .row-visible-to-following-roles, .update_container_wppb_ul_page_settings.visible_to_logged_ .row-visible-to-following-roles {
    display:none;
}

#wppb_ul_page_settings.update_container_wppb_ul_page_settings.visible_to_logged_yes .row-visible-to-following-roles {
    display: block;
}

/* Tables */
body[class*="post-type-wppb-"] .wp-list-table th {
    font-weight: 600;
    font-size: 14px;
    line-height: 40px !important;
    color: #1E1E1E !important;
}

body[class*="post-type-wppb-"] .wp-list-table td {
    font-style: normal;
    font-weight: 400;
    font-size: 13px;
    line-height: 25px;
    color: #1E1E1E !important;
    vertical-align: middle;
}

body[class*="post-type-wppb-"] .wp-list-table th.sortable a {
    display: flex;
    align-items: center;
    gap: 5px;
}

body[class*="post-type-wppb-"] .wp-list-table th.sortable a .sorting-indicator {
    margin: 0;
}

/* table page navigation */
body[class*="post-type-wppb-"] .tablenav-pages {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 10px;
}

body[class*="post-type-wppb-"] .tablenav-pages .pagination-links {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: flex-end;
    gap: 5px;
}

body[class*="post-type-wppb-"] .tablenav-pages.one-page .pagination-links,
body[class*="post-type-wppb-"] .tablenav-pages.no-pages .pagination-links {
    display: none !important;
}

body[class*="post-type-wppb-"] .pagination-links .button {
    height: 30px;
    background: #FFFFFF;
    border: 1px solid #3858E9;
    border-radius: 2px;
    box-sizing: border-box;
    padding-bottom: 2px;
    font-weight: 400;
    font-size: 20px !important;
    line-height: 20px !important;
    color: #3858E9;
}

body[class*="post-type-wppb-"] .pagination-links .button:hover,
body[class*="post-type-wppb-"] .pagination-links .button:focus {
    background: #F0F0F0;
    border-color: #3858E9;
    color: #3858E9;
    box-shadow: none;
    text-decoration: none;
}

body[class*="post-type-wppb-"] .pagination-links .button.disabled {
    background: #F0F0F0 !important;
    border-color: #3858E9 !important;
    color: #3858E9 !important;
    pointer-events: none;
    opacity: 0.5;
}

body[class*="post-type-wppb-"] .pagination-links .paging-input {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    gap: 5px;
}

body[class*="post-type-wppb-"] .pagination-links .current-page {
    border: 1px solid #949494;
    border-radius: 2px;
    font-size: 13px;
    line-height: 20px;
    color: #1E1E1E;
    padding: 0 10px;
    margin: 0;
    min-height: 30px;
}

body[class*="post-type-wppb-"] .pagination-links .current-page:hover {
    border-color: #3858E9;
    color: #1E1E1E;
}

body[class*="post-type-wppb-"] .pagination-links .current-page:focus {
    border-color: #3858E9;
    box-shadow: 0 0 0 1px #3858e9;
}

/* Fields */
body[class*="post-type-wppb-"] .tablenav {
    height: 40px;
    padding: 10px 0;
    margin: 0;
}

body[class*="post-type-wppb-"] #titlediv #title,
body[class*="post-type-wppb-"] .wp-list-table input[type="text"],
body[class*="post-type-wppb-"] .search-box input[type="search"],
body[class*="post-type-wppb-"] .tablenav select {
    height: 40px;
    border: 1px solid #949494;
    border-radius: 2px;
    font-size: 13px;
    line-height: 20px;
    color: #1E1E1E;
    max-width: 100%;
}

body[class*="post-type-wppb-"] .wp-list-table input[type="text"]:not(.wppb-shortcode.input),
body[class*="post-type-wppb-"] .search-box input[type="search"],
body[class*="post-type-wppb-"] .tablenav select {
    width: 330px !important;
}

body[class*="post-type-wppb-"] #titlediv #title:hover,
body[class*="post-type-wppb-"] .wp-list-table input[type="text"]:not(input[readonly]):hover,
body[class*="post-type-wppb-"] .search-box input[type="search"]:hover,
body[class*="post-type-wppb-"] .tablenav select:hover {
    border-color: #3858E9;
}

#titlediv #title:focus,
body[class*="post-type-wppb-"] .wp-list-table input[type="text"]:focus,
body[class*="post-type-wppb-"] .search-box input[type="search"]:focus,
body[class*="post-type-wppb-"] .tablenav select:focus {
    border-color: #3858E9;
    box-shadow: 0 0 0 1px #3858e9 !important;
}

body[class*="post-type-wppb-"] .wp-list-table input[type="text"]:disabled,
body[class*="post-type-wppb-"] .search-box input[type="search"]:disabled,
body[class*="post-type-wppb-"] .tablenav select:disabled {
    opacity: 0.5;
    pointer-events: none;
}

body[class*="post-type-wppb-"] .wp-list-table input[type="text"][readonly] {
    opacity: 0.8;
}

#container_wppb_epf_fields .row-id,
#wppb_epf_fields .row-id,
#container_wppb_rf_fields .row-id,
#wppb_rf_fields .row-id{
	display:none;
}

/***********************************************************/
/* Links
/***********************************************************/

body[class*="post-type-wppb-"] .button-link,
body[class*="post-type-wppb-"] a:not(.button-secondary, .button-primary, .chosen-single, .cozmoslabs-remove-item, .submitdelete, .page-title-action, .cozmoslabs-banner-link, .nav-tab, .nav-sub-tab) {
    color: #3858E9;
    text-decoration: none;
}

body[class*="post-type-wppb-"] .trash a,
body[class*="post-type-wppb-"] .delete a {
    color: #e76054 !important;
    text-decoration: none;
}

body[class*="post-type-wppb-"] .trash a:hover,
body[class*="post-type-wppb-"] .delete a:hover {
    color: #e76054;
    text-decoration: underline;
}

body[class*="post-type-wppb-"] .button-link:hover,
body[class*="post-type-wppb-"] a:not(.button-secondary, .button-primary, .chosen-single, .cozmoslabs-remove-item, .submitdelete, .page-title-action, .cozmoslabs-banner-link, .nav-tab, .nav-sub-tab):hover {
    color: #3858E9;
    text-decoration: underline;
}

body[class*="post-type-wppb-"] .button-link:focus,
body[class*="post-type-wppb-"] a:not(.button-secondary, .button-primary, .chosen-single, .cozmoslabs-remove-item, .submitdelete, .page-title-action, .cozmoslabs-banner-link, .nav-tab, .nav-sub-tab):focus {
    box-shadow: none;
    outline: none;
}

/***********************************************************/
/* Admin notices
/***********************************************************/

div.wppb-notice {
    position: relative;
}

div.wppb-notice:after {
    display: block;
    content: '';
    clear: both;
}

div.wppb-notice.wppb-narrow {
    max-width: 825px;
}

div.wppb-notice .notice-dismiss {
    text-decoration: none !important;
}

.wrap div.wppb-admin-notice {
    margin-bottom: 0;
}

div.wppb-serial-notification .button-primary,
div.wppb-notice .button-primary {
    height: 30px;
    min-width: 100px;
    margin-left: 10px
}

/***********************************************************/
/* Manage Fields Page
/***********************************************************/

@media screen and (max-width: 1401px) {
    body.profile-builder_page_manage-fields .metabox-holder .column-1 {
        margin-right: 0;
    }
}

@media screen and (min-width: 1402px) {
    body.profile-builder_page_manage-fields .metabox-holder .column-2 {
        float: right;
        width: 280px;
        clear: right;
        position: relative;
    }

body.profile-builder_page_manage-fields .wck-post-body {
        clear: left;
        float: left;
        margin-right: -2000px;
        width: 100%;
    }

body.profile-builder_page_manage-fields .metabox-holder .column-1,
    body.profile-builder_page_manage-fields .metabox-holder .column-3 {
        clear: both;
        margin-right: 300px;
    }
}

#container_wppb_manage_fields .wck-content ul,
#container_wppb_manage_fields .wck-content li {
    margin: 0;
}

#container_wppb_manage_fields .wck-content li pre {
    font-size: 13px;
}

#container_wppb_manage_fields tr:not(.wck_update_container) li strong {
    display: none !important;
}

#container_wppb_manage_fields li .description strong {
    display: inline !important;
}

#container_wppb_manage_fields .added_fields_list li.row-meta-name {
    display: list-item !important;
}

#container_wppb_manage_fields li.row-field-title pre,
#container_wppb_manage_fields li.row-meta-name pre {
    min-height: 10px;
}

#wppb_manage_fields .ui-sortable label:not(.cozmoslabs-toggle-track),
#container_wppb_manage_fields .ui-sortable label:not(.cozmoslabs-toggle-track) {
    background: #fff;
}

#wppb_manage_fields .sortable-handle,
#container_wppb_manage_fields .sortable-handle {
    display: inline-block;
    width: 16px;
    height: 16px;
    background: url('../images/sorting-icon-dots.png') no-repeat center center;
    vertical-align: middle;
    margin-right: 7px;
    cursor: move;
    margin-top: -1px;
}

#container_wppb_manage_fields pre {
    display: block;
    float: left;
    width: 27%;
    font-family: "Open Sans", Arial, sans-serif;
    font-size: 14px;
    padding-right: 10px;
    box-sizing: border-box;
}

#container_wppb_manage_fields pre.wppb-mb-head-required,
#container_wppb_manage_fields li.row-required pre {
    width:auto;
    text-align: center;
}

#container_wppb_manage_fields tbody tr.update_container_wppb_manage_fields:hover {
    background:#fff;
}

#container_wppb_manage_fields tbody tr:hover {
    background:#E8F2FF;
}

#wppb_manage_fields_info {
    display: none;
}

.profile-builder_page_manage-fields input[type="search"] {
    height: 40px;
    border: 1px solid #949494;
    border-radius: 2px;
    font-size: 13px;
    line-height: 20px;
    color: #1E1E1E;
    max-width: 100%;
}

.profile-builder_page_manage-fields input[type="search"]:hover {
    border-color: #3858E9;
}

.profile-builder_page_manage-fields input[type="search"]:focus {
    border-color: #3858E9;
    box-shadow: 0 0 0 1px #3858e9 !important;
}

.profile-builder_page_manage-fields input[type="search"]:disabled {
    opacity: 0.5;
    pointer-events: none;
}

/* Sortable options */
.profile-builder_page_manage-fields .wppb_manage_fields_sortables {
    background: #FFFFFF;
    border: 1px solid #949494;
    margin: 0 0 10px 32px;
    padding: 5px 10px;
    width: 80% !important;
}

.profile-builder_page_manage-fields .wppb_manage_fields_sortables:first-of-type {
    margin-top: 10px;
}

.profile-builder_page_manage-fields .wppb_manage_fields_sortables:hover {
    cursor: pointer;
    border-color: #3858E9;
}

.profile-builder_page_manage-fields .wppb_manage_fields_sortables label {
    background: transparent !important;
}

.profile-builder_page_manage-fields .wppb_manage_fields_sortables > .dashicons {
    color: #949494;
    position: absolute;
    margin-left: -36px;
}

.profile-builder_page_manage-fields .wppb_manage_fields_sortables:hover > .dashicons {
    color: #3858E9;
}

.profile-builder_page_manage-fields .row-map-bubble-fields.cozmoslabs-checkbox-list-wrapper {
    align-items: center;
}

.profile-builder_page_manage-fields .row-map-bubble-fields .wppb_sortable_checkboxes_wrap .cozmoslabs-checkbox-list {
    width: 330px;
    flex-direction: column;
    gap: 0;
    margin-bottom: 10px;
    background: #E8F2FF;
}

.profile-builder_page_manage-fields .row-map-bubble-fields .wppb_sortable_checkboxes_wrap .cozmoslabs-toggle-container {
    display: none;
}

.profile-builder_page_manage-fields .row-map-bubble-fields .wppb_sortable_checkboxes_wrap .cozmoslabs-toggle-description {
    display: none;
}

/* AddNew/Edit Register & Edit Profile Forms */
.post-type-wppb-epf-cpt #normal-sortables,
.post-type-wppb-rf-cpt #normal-sortables {
    display: flex;
    flex-direction: column;
}

.post-type-wppb-epf-cpt #normal-sortables #wppb-epf-settings-args,
.post-type-wppb-rf-cpt #normal-sortables #wppb-rf-settings-args {
    order: 2;
}

.post-type-wppb-epf-cpt #normal-sortables #wppb-epf-fields,
.post-type-wppb-rf-cpt #normal-sortables #wppb-rf-fields {
    order: 6;
}

.post-type-wppb-epf-cpt #normal-sortables #wppb-epf-side,
.post-type-wppb-rf-cpt #normal-sortables #wppb-rf-side {
    order: 1;
}

.post-type-wppb-epf-cpt #normal-sortables #wppb-sc-epf-side,
.post-type-wppb-rf-cpt #normal-sortables #wppb-sc-rf-side {
    order: 4;
}

.post-type-wppb-epf-cpt #normal-sortables #pbpl-epf-side,
.post-type-wppb-rf-cpt #normal-sortables #pbpl-rf-side {
    order: 3;
}

.post-type-wppb-epf-cpt #normal-sortables #wppb-msf-side,
.post-type-wppb-rf-cpt #normal-sortables #wppb-msf-side {
    order: 5;
}

#wppb_rf_page_settings .row-url,
#wppb_rf_page_settings .row-display-messages,
.update_container_wppb_rf_page_settings.redirect_ .row-url,
.update_container_wppb_rf_page_settings.redirect_ .row-display-messages,
.update_container_wppb_rf_page_settings.redirect_no .row-url,
.update_container_wppb_rf_page_settings.redirect_no .row-display-messages {
    display:none;
}

#wppb_rf_page_settings.update_container_wppb_rf_page_settings.redirect_yes .row-url,
#wppb_rf_page_settings.update_container_wppb_rf_page_settings.redirect_yes .row-display-messages {
    display: flex;
}

@media screen and ( min-width: 1280px ) {
    .profile-builder_page_manage-fields #wppb_manage_fields .row-field .select2-container.select2-container--open {
        flex-grow: 1;
    }

.profile-builder_page_manage-fields .select2-results__option[role="group"] {
        width: 23%;
        margin: 0 1%;
        float: left;
    }

.profile-builder_page_manage-fields .select2-container--default .select2-results > .select2-results__options,
    .profile-builder_page_manage-fields .select2-results{
        max-height: 800px;
    }
}

/***********************************************************/
/* Basic Information Page
/***********************************************************/

.wppb-badge{
    font-size: 14px;
    font-weight: 600;
    width: 150px;
	height: 150px;
	margin-bottom: 25px;
    text-align: center;
    text-rendering: optimizelegibility;
    background:url(../images/pb-logo.svg) top no-repeat #E8F2FF;
    border: 1px solid #9FAAB8;
    background-size: 100px;
    background-position-y: 10px;
}

.wppb-badge span {
    display: inline-block;
    text-transform: uppercase;
    color: #9FAAB8;
    margin-top: 115px;
    font-size: 90%;
}

.cozmoslabs-notice-message {
    font-size: 15px;
    font-weight: 600;
}

#basic-info-extra-features > .button,
#basic-info-add-ons > .button,
#basic-info-customize-forms > .button {
    display: inline-flex;
    margin-top: 10px;
}

#basic-info-add-ons > .button.wppb-button-free,
#basic-info-customize-forms > .button.wppb-button-free {
    height: 40px;
}

#basic-info-extra-fields-list {
    justify-content: center;
}

#basic-info-extra-fields-list ul {
    display: flex;
    flex-wrap: wrap;
    list-style: none;
    padding: 0;
    width: 90%;
    margin: 0;
}

#basic-info-extra-fields-list ul li {
    width: calc( 25% - 10px );
    margin: 5px 0;
    font-weight: 600;
    font-size: 13px;
    line-height: 20px;
    color: #757575;
    text-align: center;
}

#basic-info-extra-fields-list .wppb-fields-image {
    max-width: 80%;
}

#basic-info-recommended-plugins .cozmoslabs-basic-info-recommended {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: flex-start;
    gap: 40px;
    margin-top: 35px;
}

#basic-info-recommended-plugins .cozmoslabs-basic-info-recommended .cozmoslabs-basic-info-recommended-img a {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 130px;
    overflow: hidden;
}

#basic-info-recommended-plugins .cozmoslabs-basic-info-recommended .cozmoslabs-basic-info-recommended-img {
    flex-basis: 30%;
}

#basic-info-recommended-plugins .cozmoslabs-basic-info-recommended .cozmoslabs-basic-info-recommended-img img {
    width: 85%;
}

#basic-info-recommended-plugins .cozmoslabs-basic-info-recommended-info {
    flex-basis: 70%;
    display: flex;
    flex-direction: column;
    gap: 5px;
}

#basic-info-recommended-plugins #wppb-recommended-translate-press .cozmoslabs-basic-info-recommended-img a {
    background: #009ad8;
}

#basic-info-recommended-plugins #wppb-recommended-wp-webhooks .cozmoslabs-basic-info-recommended-img a {
    background: #00dc9e;
}

#basic-info-recommended-plugins .cozmoslabs-basic-info-recommended-info .cozmoslabs-form-field-wrapper {
    margin: 0 !important;
}

#basic-info-recommended-plugins .cozmoslabs-basic-info-recommended-info .cozmoslabs-form-field-label {
    flex-basis: 100%;
    cursor: default;
}

#basic-info-recommended-plugins .cozmoslabs-basic-info-recommended-info > .button-secondary {
    width: 120px;
    margin-top: 10px;
}

.cozmoslabs-version-notice {
    text-transform: none;
    font-weight: 500;
    color: #e76054;
}

#basic-info-admin-approval .cozmoslabs-form-field-label {
    flex-direction: column;
    align-items: flex-start;
    justify-content: center;
}

#basic-info-admin-approval .cozmoslabs-version-notice {
    text-transform: none;
    font-weight: 500;
    color: #e76054;
    font-size: 11px;
}

/***********************************************************/
/* Cross Promotion Page
/***********************************************************/

body.admin_page_profile-builder-pms-promo #wpcontent {
    padding: 0;
}

body.admin_page_profile-builder-pms-promo .wppb-badge.wppb-pb-pms {
    background:url(../images/pb-pms-cross-promotion.png) center no-repeat #FFFFFF;
    border: 1px solid #9FAAB8;
    background-size: 100%;
    margin: 0;
}

body.admin_page_profile-builder-pms-promo .wppb-add-on-user-messages {
    display: none;
}

body.admin_page_profile-builder-pms-promo .cozmoslabs-form-subsection-wrapper > .cozmoslabs-subsection-image {
    text-align: center;
    margin-top: 30px;
}

body.admin_page_profile-builder-pms-promo .cozmoslabs-form-subsection-wrapper > .cozmoslabs-subsection-image img {
    max-width: 80%;
}

#pb-pms-cross-promo-header {
    padding: 30px;
}

#pb-pms-cross-promo-header .cozmoslabs-page-header {
    margin: 0;
}

#pb-pms-cross-promo-pms-plugin {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 10px;
    margin-top: 35px;
}

#pb-pms-cross-promo-pms-plugin .wppb-recommended-plugin {
    width: 100%;
}

#pb-pms-cross-promo-pms-fetures ul {
    padding-left: 20px;
    list-style: square;
}

#pb-pms-cross-promo-pms-plugin .wppb-add-on-compatible .button-primary,
#pb-pms-cross-promo-pms-plugin .wppb-add-on-compatible .button-secondary,
#pms-bottom-install .wppb-add-on-compatible .button-primary,
#pms-bottom-install .wppb-add-on-compatible .button-secondary {
    height: 35px;
    min-width: unset;
}

#pb-pms-cross-promo-pms-plugin .wppb-add-on-compatible span {
    line-height: 35px;
}

#pb-pms-cross-promo-pms-plugin .wppb-add-on-compatible span.wppb-add-on-message {
    margin-left: 5px;
}

#pb-pms-cross-promo-pms-plugin .wppb-recommended-plugin-banner {
    background: #E7F3EE;
    padding: 15px 30px;
    margin-bottom: 5px;
    border: 1px solid #A8C2B7;
}

#pms-bottom-install {
    margin-top: 35px;
}

#pms-bottom-install .plugin-card-bottom {
    background: #E8F2FF;
    padding: 20px 30px;
    border: 1px solid #9FAAB8;
}

#pms-bottom-install .plugin-card-bottom span {
    line-height: 40px;
}

#pms-bottom-install .plugin-card-bottom span.wppb-add-on-message {
    margin-left: 5px;
}

#pb-pms-cross-promo-pms-plugin .plugin-card-bottom .button,
#pms-bottom-install .plugin-card-bottom .button {
    opacity: 1 !important;
}

/***********************************************************/
/* Position Publish buttons container (CPTs & Custom Pages)
/***********************************************************/

body[class*="post-type-wppb-"] #side-sortables .submitbox #major-publishing-actions {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-evenly;
}

body[class*="post-type-wppb-"] #side-sortables .submitbox #major-publishing-actions .button-primary {
    min-width: 100px;
}

body.profile-builder_page_user-email-customizer .post-box-container.column-2.side,
body.profile-builder_page_admin-email-customizer .post-box-container.column-2.side {
    top: 0;
}

.cozmoslabs-wrap div.submit h3 {
    text-align: left;
    padding: 0 10px !important;
    line-height: 40px !important;
    box-sizing: border-box;
    background: #FFF;
    border-bottom: 1px solid #CCCCCC;
}

.cozmoslabs-wrap #page-save-metabox input[type="submit"] {
    width: unset;
}

.cozmoslabs-publish-button-fixed #page-save-metabox {
    position: unset;
}

.cozmoslabs-wrap div.submit {
    border: 1px solid #CCCCCC;
    background: #f6f7f7;
    padding: 0;
    box-sizing: border-box;
    margin-top: 20px;
}

.cozmoslabs-wrap div.submit .cozmoslabs-publish-button-group p.submit {
    margin: 0;
    padding: 0;
}

.cozmoslabs-wrap.cozmoslabs-publish-box-fixed #page-save-metabox,
.cozmoslabs-wrap.cozmoslabs-publish-box-fixed div.submit {
    position: absolute;
    top: 0;
    right: 0;
    margin: 0;
    width: 280px;
}

.cozmoslabs-wrap div.submit .cozmoslabs-publish-button-group {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-items: center;
    justify-content: flex-start;
    padding: 20px 10px;
    gap: 20px;
}

.cozmoslabs-wrap.cozmoslabs-publish-box-fixed div.submit .cozmoslabs-publish-button-group {
    justify-content: space-evenly;
    padding: 20px 0;
    gap: 5px;
}

/* Publish Button Position */
.cozmoslabs-publish-button-fixed #page-save-metabox input[type="submit"],
.cozmoslabs-publish-button-fixed div.submit input[type="submit"] {
    position: fixed !important;
    bottom: 5px;
    z-index: 999;
    width: 100% !important;
    box-shadow: 0 3px 10px 0 #bbb;
}

/* Publish Box Position */
.cozmoslabs-wrap.cozmoslabs-publish-button-fixed,
.cozmoslabs-wrap.cozmoslabs-publish-box-fixed {
    position: relative;
}

@media screen and (max-width: 1401px) {
    body.profile-builder_page_user-email-customizer .metabox-holder .column-2,
    body.profile-builder_page_admin-email-customizer .metabox-holder .column-2 {
        position: unset;
        display: inline-block;
        width: 100%;
    }

.cozmoslabs-wrap #page-save-metabox .inside {
        text-align: left;
        padding: 20px 10px;
    }

.cozmoslabs-publish-metabox-fixed #publishing-action {
        position: fixed !important;
        bottom: 5px;
        z-index: 999;
    }

.cozmoslabs-publish-metabox-fixed #publishing-action #publish {
        width: 100%;
    }

.cozmoslabs-publish-metabox-fixed #publishing-action .spinner {
        position: absolute;
        left: 5%;
        top: 50%;
        transform: translateY(-50%);
        margin: 0;
    }

body[class*="post-type-wppb-"] #wpbody-content {
        padding-bottom: 50px;
    }

body.post-type-wppb-epf-cpt #poststuff #post-body,
    body.post-type-wppb-rf-cpt #poststuff #post-body,
    body.post-type-wppb-ul-cpt #poststuff #post-body {
        margin-right: 0 !important;
    }

body.post-type-wppb-epf-cpt #poststuff .postbox-container,
    body.post-type-wppb-rf-cpt #poststuff .postbox-container,
    body.post-type-wppb-ul-cpt #poststuff .postbox-container {
        float: left !important;
        margin-right: 0 !important;
        width: 100% !important;
    }

body.post-type-wppb-epf-cpt #poststuff #side-sortables,
    body.post-type-wppb-rf-cpt #poststuff #side-sortables,
    body.post-type-wppb-ul-cpt #poststuff #side-sortables {
        width: 100% !important;
        min-height: unset !important;
    }

}

@media screen and (min-width: 1402px) {
    .profile-builder_page_admin-email-customizer .cozmoslabs-wrap,
    .profile-builder_page_user-email-customizer .cozmoslabs-wrap,
    .profile-builder_page_profile-builder-toolbox-settings .cozmoslabs-wrap,
    .profile-builder_page_profile-builder-private-website .cozmoslabs-wrap,
    .profile-builder_page_profile-builder-content_restriction .cozmoslabs-wrap,
    .profile-builder_page_profile-builder-general-settings .cozmoslabs-wrap {
        padding-right: 300px;
    }

.profile-builder_page_admin-email-customizer .cozmoslabs-wrap .error,
    .profile-builder_page_admin-email-customizer .cozmoslabs-wrap .notice,
    .profile-builder_page_user-email-customizer .cozmoslabs-wrap .error,
    .profile-builder_page_user-email-customizer .cozmoslabs-wrap .notice,
    .profile-builder_page_profile-builder-toolbox-settings .cozmoslabs-wrap .error,
    .profile-builder_page_profile-builder-toolbox-settings .cozmoslabs-wrap .notice,
    .profile-builder_page_profile-builder-private-website .cozmoslabs-wrap .error,
    .profile-builder_page_profile-builder-private-website .cozmoslabs-wrap .notice,
    .profile-builder_page_profile-builder-content_restriction .cozmoslabs-wrap .error,
    .profile-builder_page_profile-builder-content_restriction .cozmoslabs-wrap .notice,
    .profile-builder_page_profile-builder-general-settings .cozmoslabs-wrap .error,
    .profile-builder_page_profile-builder-general-settings .cozmoslabs-wrap .notice {
        margin-right: -300px;
    }

.cozmoslabs-wrap #page-save-metabox .inside {
        text-align: center;
        background: #f6f7f7;
        justify-content: space-evenly;
        padding: 20px 0;
        margin: 0;
        gap: 5px;
    }

.cozmoslabs-publish-metabox-fixed #submitdiv {
        position: fixed !important;
        top: 50px;
        z-index: 1;
        width: 280px;
        box-shadow: 0 3px 10px 0 #aaa;
    }

}

/***********************************************************/
/* Mobile
/***********************************************************/

@media screen and (max-width: 782px) {

/* General Styles */
    .cozmoslabs-form-field-wrapper p.cozmoslabs-description {
        padding-left: 0;
    }

.cozmoslabs-toggle-switch {
        justify-content: space-between;
    }

.cozmoslabs-form-field-wrapper textarea,
    .cozmoslabs-form-field-wrapper .chosen-container .chosen-single,
    .cozmoslabs-form-field-wrapper .select2-container,
    .cozmoslabs-form-field-wrapper select,
    .cozmoslabs-form-field-wrapper input[type="password"],
    .cozmoslabs-form-field-wrapper input[type="date"],
    .cozmoslabs-form-field-wrapper input[type="number"],
    .cozmoslabs-form-field-wrapper input[type="text"]:not(#paypal-ipn-url, #stripe-connect-webhook-url, .wck-woocheckbox-field-label) {
        flex-grow: 1;
        max-width: 100% !important;
        width: 100%;
    }

.cozmoslabs-wysiwyg-wrapper .wp-editor-container .mce-toolbar-grp {
        padding: 10px;
    }

.cozmoslabs-wysiwyg-wrapper button.wp-switch-editor {
        font-size: 13px;
    }

.cozmoslabs-wysiwyg-indented {
        display: block;
    }

.cozmoslabs-wysiwyg-indented .mce-toolbar .mce-btn-group > div {
        gap: 2px;
    }

.cozmoslabs-checkbox-list,
    .cozmoslabs-radio-inputs-row,
    .cozmoslabs-radio-inputs-column {
        flex-basis: 100%;
    }

.cozmoslabs-checkbox-list .cozmoslabs-chckbox-container {
        width: 100%;
    }

/* Page Header (Banner, Title, Navigation) */
    .cozmoslabs-wrap {
        padding-top: 50px;
    }

.cozmoslabs-wrap,
    .cozmoslabs-page-header {
        margin-right: 10px;
    }

.cozmoslabs-banner {
        margin-left: -10px !important;
        padding: 60px 8px 15px 8px;

flex-direction: column;
        align-items: flex-start;
        justify-content: center;
        gap: 15px;

box-sizing: border-box;
    }

.cozmoslabs-banner-buttons {
        gap: 5px;
    }

body[class*="post-type-wppb-"] #wpbody,
    body[class*="profile-builder_page_"] #wpbody {
        padding-top: 0;
    }

body[class*="post-type-wppb-"] .update-nag,
    body[class*="profile-builder_page_"] .update-nag {
        margin-top: 50px;
    }

.cozmoslabs-nav-tab-wrapper {
        height: unset;

flex-direction: column;
        align-items: flex-start;
        justify-content: center;
        padding: 15px;
    }

.cozmoslabs-nav-tab-wrapper a.nav-tab {
        line-height: 26px;
    }

.cozmoslabs-nav-sub-tab-wrapper {
        gap: 20px;
    }

.cozmoslabs-wrap .cozmoslabs-page-title {
        font-size: 22px;
    }

/* Basic Info Page */
    .profile-builder_page_profile-builder-basic-info .cozmoslabs-page-header {
        flex-direction: column-reverse;
        align-items: flex-start;
        justify-content: flex-start;
    }

#basic-info-extra-fields-list ul li {
        width: calc( 50% - 10px );
    }

#basic-info-extra-features .cozmoslabs-form-field-wrapper label {
        flex-basis: 100%;
    }

#basic-info-recommended-plugins .cozmoslabs-basic-info-recommended {
        flex-direction: column;
        align-items: unset;
        gap: 10px;
    }

#basic-info-recommended-plugins .cozmoslabs-basic-info-recommended .cozmoslabs-basic-info-recommended-img {
        width: 100%;
    }

#basic-info-recommended-plugins .cozmoslabs-basic-info-recommended .cozmoslabs-basic-info-recommended-img a {
        max-width: 240px;
    }

/* Settings Views */
    .cozmoslabs-form-field-wrapper .cozmoslabs-serial-wrap__holder {
        flex-wrap: wrap;
    }

#wppb-register-version .cozmoslabs-description-container {
        flex-basis: 100%;
        margin: 10px 0 0 0;
    }

.wppb-forms-design {
        flex-basis: 150px;
    }

#wppb-forms-design-browser {
        justify-content: space-evenly;
    }

#advanced-settings-shortcodes .cozmoslabs-toggle-switch .cozmoslabs-toggle-description {
        display: none;
    }

#advanced-settings-shortcodes .cozmoslabs-toggle-switch .cozmoslabs-description {
        font-size: 12px !important;
    }

body.profile-builder_page_user-email-customizer .cozmoslabs-form-field-wrapper,
    body.profile-builder_page_admin-email-customizer .cozmoslabs-form-field-wrapper {
        display: flex;
    }

/* Labels Edit */
    body.profile-builder_page_pb-labels-edit #pble-id-side-info p.cozmoslabs-description  {
        flex-basis: 100%;
        padding-left: 0;
    }

/* Form Fields */
    .cozmoslabs-columns-container {
        flex-direction: column;
        gap: 25px;
    }

.cozmoslabs-columns-container .cozmoslabs-column {
        width: 100%;
        padding-right: 0;
    }

.cozmoslabs-columns-container .cozmoslabs-column:last-of-type {
        padding-left: 0;
    }

.cozmoslabs-columns-container .cozmoslabs-column:not(:first-of-type) {
        border: none;
        border-top: 1px solid #c3c4c7 ;
        padding-top: 24px;
    }

body.profile-builder_page_manage-fields #container_wppb_manage_fields thead .wck-number {
        width: 10%;
    }

body.profile-builder_page_manage-fields #container_wppb_manage_fields thead .wck-content {
        width: 50%;
    }

body.profile-builder_page_manage-fields #container_wppb_manage_fields thead .wck-content pre:first-of-type {
        width: 100%;
    }

body.profile-builder_page_manage-fields #container_wppb_manage_fields thead .wck-content pre:not(:first-of-type) {
        display: none;
    }

body.profile-builder_page_manage-fields #container_wppb_manage_fields thead .wck-edit,
    body.profile-builder_page_manage-fields #container_wppb_manage_fields thead .wck-delete {
        width: 20%;
    }

body.profile-builder_page_manage-fields #container_wppb_manage_fields tbody td.wck-content ul li:not(.row-field) {
        display: none !important;
    }

body.profile-builder_page_manage-fields #container_wppb_manage_fields tbody td.wck-content ul li.row-field pre {
        width: 100%;
    }

body.profile-builder_page_manage-fields #container_wppb_manage_fields tbody .wck-edit a.button-secondary {
        width: 60px;
    }

body.profile-builder_page_manage-fields .row-map-bubble-fields .wppb_sortable_checkboxes_wrap {
        width: 100%;
    }

body.post-type-wppb-epf-cpt #container_wppb_epf_fields td.wck-content li.row-field strong,
    body.post-type-wppb-rf-cpt #container_wppb_rf_fields td.wck-content li.row-field strong {
        display: none;
    }

body.post-type-wppb-epf-cpt #container_wppb_epf_fields thead .wck-number,
    body.post-type-wppb-rf-cpt #container_wppb_rf_fields thead .wck-number {
        width: 10%;
    }

body.post-type-wppb-epf-cpt #container_wppb_epf_fields thead .wck-content,
    body.post-type-wppb-rf-cpt #container_wppb_rf_fields thead .wck-content {
        width: 50%;
    }

body.post-type-wppb-epf-cpt #container_wppb_epf_fields thead .wck-edit,
    body.post-type-wppb-epf-cpt #container_wppb_epf_fields thead .wck-delete,
    body.post-type-wppb-rf-cpt #container_wppb_rf_fields thead .wck-edit,
    body.post-type-wppb-rf-cpt #container_wppb_rf_fields thead .wck-delete {
        width: 20%;
        padding: 0;
    }

body.post-type-wppb-epf-cpt #container_wppb_epf_fields tbody .wck-edit .button-secondary,
    body.post-type-wppb-rf-cpt #container_wppb_rf_fields tbody .wck-edit .button-secondary {
        width: 60px;
    }

/* CPTs */
    body[class*="post-type-wppb-"] #posts-filter .search-box {
        flex-wrap: wrap;
    }

body[class*="post-type-wppb-"] .tablenav.bottom .displaying-num,
    body[class*="post-type-wppb-"] .tablenav-pages .tablenav-paging-text,
    body[class*="post-type-wppb-"] .pagination-links .button {
        padding: 0;
    }

/* User Listing */
    body.post-type-wppb-ul-cpt #wpbody-content > .wrap {
        margin-right: 10px !important;
    }

body.post-type-wppb-ul-cpt .ul-themes-browser {
        padding-top: 35px;
    }

body.post-type-wppb-ul-cpt tbody tr td.wck-number {
        display: none;
    }

body.post-type-wppb-ul-cpt #wppb-ul-templates .wppb-ul-templates,
    body.post-type-wppb-ul-cpt #wppb-single-ul-templates .wppb-single-ul-templates {
        max-width: 100%;
    }

body.post-type-wppb-ul-cpt #wppb-ul-templates .form-table tr,
    body.post-type-wppb-ul-cpt #wppb-single-ul-templates .form-table tr {
        border-bottom: none;
        padding-bottom: 0;
    }

/* Custom Redirects & User Listing */
    body.post-type-wppb-ul-cpt #container_wppb_ul_faceted_settings thead,
    body.profile-builder_page_custom-redirects thead {
        display: none;
    }

body.post-type-wppb-ul-cpt #container_wppb_ul_faceted_settings tbody tr,
    body.profile-builder_page_custom-redirects tbody tr {
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
        justify-content: space-between;
        align-items: center;
        border-bottom: 1px solid #c3c4c7;
        padding-bottom: 15px;
    }

body.post-type-wppb-ul-cpt tbody tr td,
    body.profile-builder_page_custom-redirects tbody tr td {
        border: none;
    }

body.post-type-wppb-ul-cpt tbody tr td.wck-content,
    body.profile-builder_page_custom-redirects tbody tr td.wck-content {
        flex-basis: 100%;
    }

body.post-type-wppb-ul-cpt tbody tr td.wck-edit,
    body.post-type-wppb-ul-cpt tbody tr td.wck-delete,
    body.profile-builder_page_custom-redirects tbody tr td.wck-edit,
    body.profile-builder_page_custom-redirects tbody tr td.wck-delete {
        flex-basis: 40%;
    }

body.post-type-wppb-ul-cpt tbody tr td.wck-content ul li,
    body.profile-builder_page_custom-redirects tbody tr td.wck-content ul li {
        display: flex;
        flex-wrap: wrap;
        gap: 10px;
        margin-bottom: 15px;
    }

body.post-type-wppb-ul-cpt tbody tr td.wck-content ul li strong,
    body.profile-builder_page_custom-redirects tbody tr td.wck-content ul li strong {
        flex-basis: 35%;
        padding: 0;
    }

body.post-type-wppb-ul-cpt tbody tr td.wck-content ul li pre,
    body.profile-builder_page_custom-redirects tbody tr td.wck-content ul li pre {
        flex-basis: 60%;
        padding: 0;
        width: auto;
        word-break: break-word;
    }

/* Import/Export */
    body.profile-builder_page_pbie-import-export .cozmoslabs-form-field-wrapper label {
        flex-basis: 120px;
    }

body.profile-builder_page_pbie-import-export .cozmoslabs-form-field-wrapper input[type="file"] {
        flex-basis: 150px;
        flex-grow: 1;
    }

/* Campaign Monitor */
    body.profile-builder_page_profile-builder-campaign-monitor #wppb-cmi-page-api-key-input,
    body.profile-builder_page_profile-builder-campaign-monitor #wppb-cmi-page-client-selector-select {
        min-width: unset;
        flex-basis: 90% !important;
    }

body.profile-builder_page_profile-builder-campaign-monitor #wppb-cmi-list-table-client-data thead th:nth-child(2) span {
        display: none;
    }

}

/***********************************************************/
/* Dashboard Page
/***********************************************************/

.cozmoslabs-page-grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    column-gap: 20px;
}

.cozmoslabs-page-grid .cozmoslabs-form-subsection-wrapper {
    margin-top: 0;
}

.wppb-dashboard-box {
    padding: 12px;
    font-size: 20px;
    font-weight: 400;
    line-height: 16px;
    color: #1E1E1E;

border: 1px solid #CCC;
    border-left: none;
}

.wppb-dashboard-box:first-of-type {
    border: 1px solid #CCC;
}

.wppb-dashboard-box .label {
    font-size: 13px;
    line-height: 16px;
    font-weight: 400;
    margin-bottom: 12px;
}

.wppb-dashboard-box .wppb-payments-status {
    width: 25px;
    height: 25px;
}

.wppb-dashboard-glance {
    display: grid;
    grid-template-columns: 1.2fr 2fr;
}

.wppb-dashboard-glance__payments-status.test {
    background: #FDFBE6;
}

.wppb-dashboard-glance__payments-status.live {
    background: #E7F3EE;
}

.wppb-dashboard-stats {
    display: grid;
    grid-template-columns: 1fr 1fr;
    margin-bottom: 24px;
    border-left: 1px solid #CCC;
    border-top: 1px solid #CCC;
}

.wppb-dashboard-stats .wppb-dashboard-box {
    border: none;
    border-right: 1px solid #CCC;
    border-bottom: 1px solid #CCC;
}

.wppb-dashboard-stats__title {
    display: flex;
    justify-content: space-between;
    margin-bottom: 16px;
}

.wppb-dashboard-stats__title h4 {
    margin: 0 !important;
}

.all_users {
    background: #E8F2FF;
}

.wppb-dashboard-registrations {
    margin-bottom: 24px;
}

.wppb-dashboard-registrations__row {
    margin-bottom: 16px;
}

.wppb-dashboard-registrations__row a {
    margin-bottom: 4px;
    color: #3858E9;
    font-size: 11px;
    font-weight: 600;
    line-height: 16px;
    text-transform: uppercase;
}

.wppb-dashboard-registrations__date {
    color: #757575;
    font-size: 11px;
    font-style: normal;
    font-weight: 500;
    line-height: 16px;
    text-transform: uppercase;
}

.wppb-dashboard-shortcodes {
    margin-top: 24px;
    margin-bottom: 24px;
}

.wppb-dashboard-shortcodes__row {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 24px;
}

.wppb-dashboard-shortcodes__row__wrap {
    flex: 1;
    margin-right: 12px;
}

.wppb-dashboard-shortcodes__row__wrap .label {
    color: #1E1E1E;
    font-size: 11px;
    font-weight: 600;
    line-height: 20px;
    text-transform: uppercase;
    margin-bottom: 2px;
}

.wppb-dashboard-shortcodes__row__wrap p {
    color: #757575;
    font-size: 13px;
    font-weight: 400;
    line-height: 120%;
    margin-top: 0;
    margin-bottom: 0;
}

.wppb-dashboard-shortcodes__row__input {
    flex: 1;
    border-radius: 2px;
    border: 1px solid #949494;
    padding: 12px 16px;

color: #757575;
    font-size: 13px;
    font-weight: 400;
}

.wppb-dashboard-shortcodes__description {
    color: #757575;
    font-size: 13px;
    font-weight: 400;
    line-height: 160%;
    margin-top: 0;
}

.wppb-dashboard-overview .button-secondary {
    display: inline-flex;
}

/* PROGRESS STEPS DASHBOARD */
.wppb-setup-progress__bar {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 24px;
    margin-top: 30px;
}

.wppb-setup-progress__bar .item {
    width: 24px;
    height: 8px;
    background: #E0E0E0;
}

.wppb-setup-progress__bar .item:not(:last-child) {
    margin-right: 2px;
}

.wppb-setup-progress__bar .item:first-child {
    border-radius: 44px 0 0 44px;
}

.wppb-setup-progress__bar .item:last-child {
    border-radius: 0 44px 44px 0;
}

.wppb-setup-progress__bar .item.completed {
    background: #0F15B0;
}

.wppb-setup-progress__steps {
    display: grid;
    grid-template-columns: 1fr 1fr;
}

.wppb-setup-progress__step {
    counter-increment: tab;
    display: flex;
    align-items: center;
    padding: 8px 12px;
    border: 1px solid #CCC;
    color: #1E1E1E !important;
}

.wppb-setup-progress__step:hover {
    color: #3858E9 !important;
}

.completed.wppb-setup-progress__step {
    text-decoration: line-through !important;
}

.completed.wppb-setup-progress__step:before {
    color: white;
    background: #0F15B0;
}

.wppb-setup-progress__step:before {
    width: 30px;
    height: 30px;
    content: counter( tab );
    line-height: 30px;
    border: 1px solid #0F15B0;
    margin-right: 12px;
    border-radius: 50%;
    background-color: white;
    flex-shrink: 0;
    text-decoration: none !important;
    display: flex;
    align-items: center;
    justify-content: center;
}

/* clear borders */
.wppb-setup-wrap .wppb-setup-progress__step:nth-child(3),
.wppb-setup-wrap .wppb-setup-progress__step:nth-child(4),
.wppb-setup-wrap .wppb-setup-progress__step:nth-child(5),
.wppb-setup-wrap .wppb-setup-progress__step:nth-child(6) {
    border-top: 0;
}

.wppb-setup-wrap .wppb-setup-progress__step:nth-child(2),
.wppb-setup-wrap .wppb-setup-progress__step:nth-child(4),
.wppb-setup-wrap .wppb-setup-progress__step:nth-child(6) {
    border-left: 0;
}

.wppb-dashboard-progress .wppb-setup-progress__steps {
    display: block;
    margin-bottom: 24px;
}

.wppb-dashboard-progress .wppb-setup-progress h3 {
    display: none;
}

.wppb-dashboard-progress .wppb-setup-progress__step:not(:first-child) {
    border-top: 0;
}

/* plugin optin */

.wppb-optin-page {
    display: flex;
    align-items: center;
    justify-content: center;

}

.wppb-optin-page__wrap {
    width: 400px;
    background-color: white;
    box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
    border-radius: 8px;
    margin-top: 120px;
}

.wppb-optin-page__content {
    padding: 16px;
}

.wppb-optin-page__message {
    font-size: 110%;
}

.wppb-optin-page__bottom {
    display: flex;
    justify-content: space-between;
}

.wppb-optin-page__bottom .button-secondary {
    color: #555;
    border-color: #555;
    opacity: 0.6;
}

.wppb-optin-page__footer {
    background-color: #f2f2f2;
    border-bottom-right-radius: 8px;
    border-bottom-left-radius: 8px;
}

.wppb-optin-page__extra {
    padding-left: 40px;
    padding-right: 40px;
}

.wppb-optin-page__extra.hidden {
    display: none;
}

.wppb-optin-page__extra-line {
    display: flex;
    align-items: center;
    margin-bottom: 12px;
}

.wppb-optin-page__extra-icon {
    width: 40px;
    height: 40px;
    font-size: 40px;
    margin-right: 12px;
    padding-top: 4px;
}

.wppb-optin-page__extra-content h4 {
    margin-top: 0px;
    margin-bottom: 0px;
    text-transform: uppercase;
}

.wppb-optin-page__extra-content p {
    margin-top: 0px;
    margin-bottom: 0px;
    color: #646970;
}

.wppb-optin-page__more-wrap {
    display: flex;
    justify-content: center;
    padding-top: 12px;
    padding-bottom: 12px;
}

.wppb-optin-page__more {
    font-size: 90%;
    opacity: 0.8;
    text-decoration: none;
}

.wppb-optin-page__more:hover {
    opacity: 0.8;
    text-decoration: underline;
}

.wppb-optin-page__footer-links {
    display: flex;
    justify-content: center;
    font-size: 90%;
    padding-bottom: 12px;
    color: #555;
}

.wppb-optin-page__footer-links a {
    color: #555;
    text-decoration: none;
}

.wppb-optin-page__footer-links a:hover {
    color: black;
}

.wppb-optin-page__footer-links a:first-child {
    margin-right: 8px;
}

.wppb-optin-page__footer-links a:last-child {
    margin-left: 8px;
}

.wppb-optin-page__top {
    display: flex;
    align-items: center;
    justify-content: center;
}

.wppb-optin-page__top img {
    width: 90px;
    border-radius: 50%;
}

.wppb-optin-page__top svg {
    width: 70px;
    height: 70px;
}

.wppb-optin-page__top .wppb-optin-page__extra-icon {
    margin-left: 12px;
    color: rgba(100, 100, 111, 0.3);
}

.admin_page_wppb-optin-page .cozmoslabs-banner {
    margin-left: -20px;
}

.admin_page_wppb-optin-page .notice {
    display: none !important;
}

Cancel / Back

[ MAINHACK SHELL ]

Viewing / Editing File: style-back-end.css

Server Info

System Features

User Info