.cozmoslabs-wrap { max-width: 900px; margin: 30px auto; box-sizing: border-box; display: flex; flex-direction: column; } .cozmoslabs-wrap--big { max-width: 1150px; margin: 0 auto; box-sizing: border-box; display: flex; flex-direction: column; position: relative; } body[class*="post-type-pms-"].post-php #wpbody-content .wrap { margin: 30px auto; } @media screen and (max-width: 1401px) { body[class*="post-type-pms-"].post-php #wpbody-content .wrap { max-width: 900px; } } @media screen and (min-width: 1402px) and (max-width: 1599px) { body[class*="post-type-pms-"].post-php #wpbody-content .wrap { max-width: 1200px; } } @media screen and ( min-width: 1600px ) { .cozmoslabs-wrap { max-width: 1200px; } body[class*="post-type-pms-"].post-php #wpbody-content .wrap { max-width: 1200px; } } @media screen and ( min-width: 1920px ) { .cozmoslabs-wrap { max-width: 1500px; } body[class*="post-type-pms-"].post-php #wpbody-content .wrap { max-width: 1500px; } } .wp-submenu a[href="admin.php?page=pms-export-page"], .wp-submenu a[href="admin.php?page=pms-import-page"], .wp-submenu a[href="admin.php?page=pms-discount-codes-bulk-add"] { display: none !important; } body[class*="_page_pms-"] .error:not(.pms-notice):not(.wppb-serial-notification):not(.trp-notice):not(.wppb-notice), body[class*="_page_pms-"] .notice:not(.pms-notice):not(.wppb-serial-notification):not(.trp-notice):not(.wppb-notice), body[class*="post-type-pms-"] .error:not(.pms-notice):not(.wppb-serial-notification):not(.trp-notice):not(.wppb-notice), body[class*="post-type-pms-"] .notice:not(.pms-notice):not(.wppb-serial-notification):not(.trp-notice):not(.wppb-notice) { display: none !important; /* hide admin notices until scripts are loaded */ } body[class*="post-type-pms-"] #lost-connection-notice, body[class*="post-type-pms-"] #local-storage-notice { display: none !important; } /***********************************************************/ /* Page Banner /***********************************************************/ body[class*="_page_pms-"] #wpcontent { padding-left: 0; } body[class*="_page_pms-members-page"] #wpbody-content > .wrap:not(.cozmoslabs-wrap), body[class*="_page_pms-payments-page"] #wpbody-content > .wrap:not(.cozmoslabs-wrap) { padding-left: 20px; } body[class*="_page_pms-"] .cozmoslabs-banner, body[class*="post-type-pms-"] .cozmoslabs-banner { display: flex; flex-direction: row; align-items: center; justify-content: space-between; flex-wrap: wrap; gap: 20px; box-sizing: border-box; background: #E7F3EE; border: 1px solid #A8C2B7; border-radius: 0; padding: 15px; } body[class*="_page_pms-"] .cozmoslabs-banner-title, body[class*="post-type-pms-"] .cozmoslabs-banner-title { display: flex; flex-direction: row; align-items: center; justify-content: flex-start; gap: 10px; } body[class*="_page_pms-"] .cozmoslabs-banner-title h4, body[class*="post-type-pms-"] .cozmoslabs-banner-title h4 { font-family: 'Poppins', sans-serif; font-style: normal; font-weight: 600; font-size: 17px; line-height: 22px; letter-spacing: -0.03em; text-transform: capitalize; margin: 0; color: #212121; } body[class*="_page_pms-"] .cozmoslabs-banner-title img, body[class*="post-type-pms-"] .cozmoslabs-banner-title img { width: 30px; height: 30px; } body[class*="_page_pms-"] .cozmoslabs-banner-buttons, body[class*="post-type-pms-"] .cozmoslabs-banner-buttons { display: flex; flex-direction: row; align-items: center; justify-content: flex-start; flex-wrap: wrap; gap: 15px; } body[class*="_page_pms-"] .cozmoslabs-banner-link, body[class*="post-type-pms-"] .cozmoslabs-banner-link { display: flex; flex-direction: row; justify-content: center; align-items: center; gap: 5px; border: 1px solid #08734C; border-radius: 2px; padding: 8px 12px; font-style: normal; font-size: 13px; text-decoration: none; } body[class*="_page_pms-"] .cozmoslabs-banner-link:focus, body[class*="post-type-pms-"] .cozmoslabs-banner-link:focus { outline: none; box-shadow: none; } body[class*="_page_pms-"] .cozmoslabs-support-link, body[class*="_page_pms-"] .cozmoslabs-documentation-link, body[class*="post-type-pms-"] .cozmoslabs-support-link, body[class*="post-type-pms-"] .cozmoslabs-documentation-link { background: #FFFFFF; color: #1E1E1E; font-weight: 400; } body[class*="_page_pms-"] .cozmoslabs-support-link:hover, body[class*="_page_pms-"] .cozmoslabs-documentation-link:hover, body[class*="post-type-pms-"] .cozmoslabs-support-link:hover, body[class*="post-type-pms-"] .cozmoslabs-documentation-link:hover, body[class*="_page_pms-"] .cozmoslabs-support-link:focus, body[class*="_page_pms-"] .cozmoslabs-documentation-link:focus, body[class*="post-type-pms-"] .cozmoslabs-support-link:focus, body[class*="post-type-pms-"] .cozmoslabs-documentation-link:focus { background: #F0F0F0; color: #1E1E1E; } body[class*="_page_pms-"] .cozmoslabs-upgrade-link, body[class*="post-type-pms-"] .cozmoslabs-upgrade-link { background: #08734C; color: #FFFFFF; font-weight: 600; } body[class*="_page_pms-"] .cozmoslabs-upgrade-link:hover, body[class*="post-type-pms-"] .cozmoslabs-upgrade-link:hover, body[class*="_page_pms-"] .cozmoslabs-upgrade-link:focus, body[class*="post-type-pms-"] .cozmoslabs-upgrade-link:focus { background: #076945; color: #FFFFFF; } /***********************************************************/ /* 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; } .pms-payments-status-wrap { display: flex; flex-direction: row; flex-wrap: nowrap; align-items: center; justify-content: flex-end; gap: 10px; font-style: normal; font-weight: 400; font-size: 14px; line-height: 16px; color: #1E1E1E; padding: 10px 20px; border-radius: 2px; } .pms-payments-status-wrap--live { background: #E7F3EE; } .pms-payments-status-wrap--test { background: #FDFBE6; } .pms-payments-status { width: 20px; height: 20px; box-sizing: border-box; border: 3px solid; border-radius: 100%; } .pms-payments-status--live { border-color: #46b450; } .pms-payments-status--test { border-color: #ffb900; } /***********************************************************/ /* Primary Tab Navigation /***********************************************************/ .cozmoslabs-nav-tab-wrapper { display: flex; flex-direction: row; align-items: center; justify-content: flex-start; flex-wrap: wrap; 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 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 .subsubsub-sub-tab:after { display: none; } /***********************************************************/ /* Form Settings /***********************************************************/ .cozmoslabs-form-subsection-wrapper { background: #FFFFFF; border: 1px solid #CCCCCC; border-radius: 2px; padding: 25px 15px; margin-top: 20px; box-sizing: border-box; } .cozmoslabs-subsection-title { font-weight: 600 !important; font-size: 11px !important; line-height: 16px !important; text-transform: uppercase; color: #1E1E1E !important; 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-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([class*="_page_pms-basic-info-page"]) .cozmoslabs-form-field-wrapper label.cozmoslabs-form-field-label { cursor: pointer; } .cozmoslabs-form-field-wrapper .chosen-container, .cozmoslabs-form-field-wrapper select, .cozmoslabs-form-field-wrapper input[type="date"], .cozmoslabs-form-field-wrapper input[type="number"], #cozmoslabs-subsection-paypal-configs .cozmoslabs-form-field-wrapper input[type="password"], .cozmoslabs-form-field-wrapper input[type="file"], .cozmoslabs-form-field-wrapper input[type="text"]:not(#paypal-ipn-url, #stripe-connect-webhook-url, #pms-subscription-plan-learndash-url, .cozmoslabs-tags-list input) { flex-basis: 260px; width: 100%; } .cozmoslabs-form-field-wrapper select#pms_woo_product_membership_discounts_behaviour { flex-grow: 1; max-width: 520px; } #cozmoslabs-subsection-global-configs #payment-recurring, #cozmoslabs-subsection-admin-emails-general input#emails-admin, #cozmoslabs-subsection-stripe-connect-configs input#stripe-connect-webhook-url, #tax-rates .cozmoslabs-form-field-wrapper input[type="file"], #cozmoslabs-subsection-scripts-settings .cozmoslabs-form-field-wrapper .chosen-container, #cozmoslabs-subsection-gdpr-settings input#gdpr-checkbox-text, #cozmoslabs-subsection-stripe-intents-configs input[type="text"], #cozmoslabs-restriction-redirect input[type="text"] { flex-grow: 1; max-width: 100%; } .cozmoslabs-form-field-wrapper input[type="password"], #cozmoslabs-subsection-membership-pages .cozmoslabs-form-field-wrapper select { flex-basis: 330px; } #cozmoslabs-subsection-membership-pages .cozmoslabs-form-field-label { font-size: 11px; text-transform: uppercase; } .cozmoslabs-form-field-wrapper textarea, .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="email"], .cozmoslabs-form-field-wrapper input[type="text"]:not(#paypal-ipn-url, #stripe-connect-webhook-url, #pms-subscription-plan-learndash-url, .cozmoslabs-tags-list input) { 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: 260px; height: 100px; padding: 10px !important; } .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="email"], .cozmoslabs-form-field-wrapper input[type="text"]:not(#paypal-ipn-url, #stripe-connect-webhook-url, #pms-subscription-plan-learndash-url, .cozmoslabs-tags-list input) { height: 40px; } .cozmoslabs-form-field-wrapper .chosen-container-multi .chosen-choices { min-height: 40px; line-height: 40px; padding: 5px 10px; display: flex !important; flex-wrap: wrap; justify-content: flex-start; align-items: center; } .cozmoslabs-form-field-wrapper .chosen-container-multi:not(#specific_subscriptions_chosen, #restricted_file_types_chosen, #scripts_on_specific_pages_chosen, #extra_currency_chosen, #restricted_currency_chosen, #non_group_member_users_chosen ) .chosen-choices .search-field { display: none; } .cozmoslabs-form-field-wrapper .chosen-container-multi .chosen-choices .search-field, .cozmoslabs-form-field-wrapper .chosen-container-multi .chosen-choices .search-field input[type="text"] { height: 25px !important; min-height: 25px !important; line-height: 20px; } .cozmoslabs-form-field-wrapper .chosen-container-multi .chosen-choices .search-choice { background: #ffffff !important; } .cozmoslabs-form-field-wrapper .chosen-container-multi.chosen-container-active .search-field { display: list-item; } .cozmoslabs-form-field-wrapper .chosen-container .chosen-single { display: flex; align-items: center; background: #ffffff; } .cozmoslabs-form-field-wrapper .chosen-container .chosen-single div b { background: url('data:image/svg+xml;charset=US-ASCII,') no-repeat right 5px top 55% !important; background-size: 16px 16px !important; } .cozmoslabs-form-field-wrapper .chosen-container-multi .chosen-choices { max-height: 200px; overflow-y: scroll; background: url('data:image/svg+xml;charset=US-ASCII,') no-repeat right 20px top 55% !important; background-size: 16px 16px !important; padding-right: 25px; } .cozmoslabs-form-field-wrapper textarea:hover, .cozmoslabs-form-field-wrapper .chosen-container .chosen-single:hover, .cozmoslabs-form-field-wrapper select:hover, .cozmoslabs-form-field-wrapper input[type="password"]:not(:disabled):hover, .cozmoslabs-form-field-wrapper input[type="date"]:not(:disabled):hover, .cozmoslabs-form-field-wrapper input[type="number"]:not(:disabled):hover, .cozmoslabs-form-field-wrapper input[type="text"]:not(:disabled, #paypal-ipn-url, #stripe-connect-webhook-url, #pms-subscription-plan-learndash-url, .cozmoslabs-tags-list input):hover { border-color: #3858E9; color: #1E1E1E; } .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, #pms-subscription-plan-learndash-url, .cozmoslabs-tags-list input, #pms_subscription_plan_learndash_courses_chosen .chosen-choices .search-field input, #scripts_on_specific_pages_chosen .chosen-choices .search-field input, #pms-container-specific-subs .chosen-choices .search-field input):focus { border-color: #3858E9; box-shadow: 0 0 0 1px #3858E9; } .cozmoslabs-form-field-wrapper .chosen-container-active, .cozmoslabs-form-field-wrapper select:focus { color: #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,') no-repeat right 5px top 55% !important; background-size: 16px 16px !important; } .cozmoslabs-form-field-wrapper .chosen-container-multi.chosen-container-active .chosen-choices { background: url('data:image/svg+xml;charset=US-ASCII,') no-repeat right 20px top 55% !important; background-size: 16px 16px !important; } .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, #pms-subscription-plan-learndash-url):disabled { opacity: 0.5; pointer-events: none; } .cozmoslabs-form-subsection-wrapper a, .cozmoslabs-form-field-wrapper a { color: #3858E9; text-decoration: none; } .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-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: 16px !important; color: #757575 !important; margin: 0; } .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: 310px; 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; } .cozmoslabs-description-upsell { color: #1E1E1E !important; text-align: center; width: 100%; background: #fdf9d1; padding: 14px; font-size: 110%; } /***********************************************************/ /* Buttons /***********************************************************/ /* primary */ .cozmoslabs-wrap .button-primary { background: #3858E9; border: 1px solid #3858E9; border-radius: 2px; box-sizing: border-box; /*padding: 13px 30px;*/ 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; } .cozmoslabs-wrap .button-primary:hover, .cozmoslabs-wrap .button-primary:focus { background: #1D35B4; border-color: #1D35B4; box-shadow: none; } .cozmoslabs-wrap .button-primary.button-disabled { background: #1D35B4 !important; border: 1px solid #1D35B4; color: #CCCCCC !important; pointer-events: none; opacity: 0.5; } /* secondary */ body.post-type-pms-subscription .pms_learndash-url__copy, .cozmoslabs-wrap input[type="file"]::file-selector-button, .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; } body.post-type-pms-subscription .pms_learndash-url__copy, .cozmoslabs-wrap .button-secondary { display: flex; align-items: center; justify-content: center; cursor: pointer; } body.post-type-pms-subscription .pms_learndash-url__copy:hover, .cozmoslabs-wrap input[type="file"]::file-selector-button:hover, .cozmoslabs-wrap .button-secondary:hover, body.post-type-pms-subscription .pms_learndash-url__copy:focus, .cozmoslabs-wrap input[type="file"]::file-selector-button:focus, .cozmoslabs-wrap .button-secondary:focus { background: #F0F0F0; border-color: #3858E9; color: #3858E9; box-shadow: none; } .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-pms-"] .submitdelete, .cozmoslabs-wrap .submitdelete { color: #e76054; text-decoration: underline; } body[class*="post-type-pms-"] .submitdelete:hover, body[class*="post-type-pms-"] .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; top: 2px; } .cozmoslabs-toggle-container input:disabled + .cozmoslabs-toggle-track { opacity: 0.3; pointer-events: none; } .cozmoslabs-toggle-description { flex-basis: 200px; flex-grow: 1; display: flex; flex-direction: column; gap: 10px; } .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: 400; font-size: 13px; line-height: 18px; color: #1E1E1E; } .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; margin-bottom: 10px; } .cozmoslabs-checkbox-list label { font-style: normal; font-weight: 400; font-size: 13px; line-height: 26px; color: #1E1E1E; 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,check"); width: 15px; height: auto; margin: 0; transform: rotate(-8deg); } .cozmoslabs-checkbox-list input[type="checkbox"]:hover, .cozmoslabs-checkbox-list input[type="checkbox"]: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: 15px; /*padding: 0 15px;*/ /*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; min-height: 100px; } .cozmoslabs-wysiwyg-wrapper .cozmoslabs-description { padding: 10px 5px; } /* add link popup */ body[class*="post-type-pms-"] .mce-inline-toolbar-grp, body[class*="_page_pms-"] .mce-inline-toolbar-grp { padding: 5px 10px; } body[class*="post-type-pms-"] .mce-inline-toolbar-grp .wp-link-input input[type="text"], body[class*="_page_pms-"] .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-pms-"] .mce-inline-toolbar-grp .wp-link-input input[type="text"]:hover, body[class*="post-type-pms-"] .mce-inline-toolbar-grp .wp-link-input input[type="text"]:focus, body[class*="_page_pms-"] .mce-inline-toolbar-grp .wp-link-input input[type="text"]:hover, body[class*="_page_pms-"] .mce-inline-toolbar-grp .wp-link-input input[type="text"]:focus { border-color: #3858E9; color: #1E1E1E; } body[class*="post-type-pms-"] .mce-inline-toolbar-grp .mce-btn.mce-primary, body[class*="_page_pms-"] .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-pms-"] .mce-inline-toolbar-grp .mce-btn.mce-primary:hover, body[class*="post-type-pms-"] .mce-inline-toolbar-grp .mce-btn.mce-primary:focus, body[class*="_page_pms-"] .mce-inline-toolbar-grp .mce-btn.mce-primary:hover, body[class*="_page_pms-"] .mce-inline-toolbar-grp .mce-btn.mce-primary:focus { background: #1D35B4 !important; border-color: #1D35B4 !important; box-shadow: none; } /**************************************************/ /* Register Version /**************************************************/ .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; } .cozmoslabs-serial-wrap__holder #pms_serial_number { min-width: 365px; } #cozmoslabs-subsection-register-version .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; } .cozmoslabs-form-field-serial-number .cozmoslabs-description { color: inherit !important; } #cozmoslabs-subsection-register-version .cozmoslabs-description-container.red { background: #fde0dd; } #cozmoslabs-subsection-register-version .cozmoslabs-description-container.yellow { background: #FDFBE6; } #cozmoslabs-subsection-register-version .pms-active-license::before { color: green; } #cozmoslabs-subsection-register-version .pms-active-license { width: 24px; height: 24px; font-size: 24px; } /**************************************************/ /* Form Designs - Admin UI styles /**************************************************/ #pms-forms-design-browser { display: flex; flex-wrap: wrap; flex-direction: row; gap: 20px; justify-content: start; padding-bottom: 20px; } .pms-forms-design { width: 180px; flex-basis: unset; } .pms-forms-design label { font-style: normal; font-weight: 400; font-size: 14px; line-height: 18px; color: #1E1E1E; } .pms-forms-design label input[type="radio"] { margin-left: 10px; } .pms-forms-design-preview { position: absolute; display: none !important; height: 32px !important; } .pms-forms-design:hover .pms-forms-design-screenshot .pms-forms-design-preview { display: flex !important; } .pms-forms-design-screenshot { width: 100%; 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; } .pms-forms-design:not(#form-style-default) .pms-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; } .pms-forms-design:not(#form-style-default):hover .pms-forms-design-screenshot:before { opacity: 1; } .pms-forms-design-screenshot:not(#form-style-default .pms-forms-design-screenshot) img { max-width: 100%; max-height: 100%; } #form-style-default .pms-forms-design-screenshot img { max-width: 100%; overflow: hidden; } #form-style-default .pms-forms-design-screenshot { overflow: hidden; } .pms-forms-design-modal { display: none; padding: 16px 24px; } .pms-forms-design-modal .pms-forms-design-preview-image { width: 100%; height: auto; display: none; } .pms-forms-design-modal .pms-forms-design-preview-image.active { display: block; } .pms-forms-design-modal .pms-slideshow-button { font-size: 50px; cursor: pointer; color: #6E7A86; } .pms-forms-design-modal .pms-slideshow-button.disabled { visibility: hidden; } .pms-forms-design-modal .pms-forms-design-modal-slideshow { display: flex; flex-direction: row; align-items: center; gap: 20px; } .ui-dialog[aria-describedby^='pms-modal-form-style'] .ui-widget-header { background: transparent; border: none; border-bottom: 1px solid #dcdcde; } .ui-dialog[aria-describedby^='pms-modal-form-style'] .ui-button, .ui-dialog[aria-describedby^='pms-modal-form-style'] .ui-button:focus, .ui-dialog[aria-describedby^='pms-modal-form-style'] .ui-button:hover { background: transparent; border: none; box-shadow: none; } /***********************************************************/ /* Test Mode Payment /***********************************************************/ #cozmoslabs-payments-test-mode { padding: 35px 15px; background: #FDFBE6; } #cozmoslabs-payments-test-mode .cozmoslabs-form-field-wrapper { margin-top: 0 !important; } /***********************************************************/ /* Stripe & PayPal Settings /***********************************************************/ .cozmoslabs-subsection-title-container { display: flex; align-items: center; gap: 10px; } .cozmoslabs-subsection-title-container .cozmoslabs-subsection-title { align-items: center; flex-grow: 1; margin-bottom: 0 !important; } .cozmoslabs-stripe-connect__button img, .cozmoslabs-paypal-connect__button img { max-width: 210px; margin: 10px 0; } .cozmoslabs-stripe-connect__button:hover, .cozmoslabs-paypal-connect__button:hover { opacity: 0.9; } .cozmoslabs-payment-gateway__metabox-icon { width: 25px; } .cozmoslabs-stripe-connect__settings-error, .cozmoslabs-paypal-connect__settings-error { color: #d63638; } .cozmoslabs-stripe-connect__settings-warning, .cozmoslabs-paypal-connect__settings-warning { color: #dba617; font-weight: bold; font-size: 110%; } .cozmoslabs-stripe-connect__settings-success, .cozmoslabs-paypal-connect__settings-success { display: inline-block; font-size: 110%; color: #00a32a; padding-top: 1px; font-weight: bold; } .cozmoslabs-stripe-connect__connection--live, .cozmoslabs-paypal-connect__connection--live { color: #46b450; font-weight: bold; } .cozmoslabs-stripe-connect__connection--test, .cozmoslabs-paypal-connect__connection--test { color: #ffb900; font-weight: bold; } .cozmoslabs-stripe-connect__notice { width: fit-content; border:1px solid #ffb900; padding: 12px; margin: 35px auto !important; text-align: center; } /* hide LearnDash Stripe admin notifications */ .cozmoslabs-wrap #learndash-stripe-webhook-validation-error, .cozmoslabs-wrap #learndash-stripe-webhook-validation-success { display: none !important; } #paypal-connect-payments-data > .cozmoslabs-form-field-wrapper { margin-top: 20px !important; } #paypal-connect-payments-data > .cozmoslabs-form-field-wrapper > label { flex-basis: 160px; } /***********************************************************/ /* PayPal & Stripe Webhooks URL and LearDash Button URL /***********************************************************/ .cozmoslabs-form-field-wrapper #pms-subscription-plan-learndash-url, .cozmoslabs-form-field-wrapper #stripe-connect-webhook-url, .cozmoslabs-form-field-wrapper #paypal-ipn-url { flex-basis: 260px; flex-grow: 1; border: none; background: #EEEEEE; height: 40px; color: #1E1E1E; font-weight: 500; } /***********************************************************/ /* Content Restriction MISC /***********************************************************/ #cozmoslabs-restriction-misc .cozmoslabs-form-field-wrapper .cozmoslabs-radio-inputs-column input[type="text"] { height: 25px; min-height: unset; text-align: center; } /***********************************************************/ /* User/Admin Emails /***********************************************************/ .cozmoslabs-sub-tab { display: none; } .cozmoslabs-sub-tab.tab-active { display: block; } .cozmoslabs-sub-tab-upsell { width: calc( 100% - 300px ); } .cozmoslabs-email-heading-wrap { display: flex; flex-direction: row; align-items: center; justify-content: space-between; } .cozmoslabs-email-heading-wrap .cozmoslabs-subsection-title { margin: 0; } .cozmoslabs-available-tags { border: 1px solid #CCCCCC; border-radius: 2px; background: #FAFAFA; } .cozmoslabs-available-tags .cozmoslabs-tags-list-heading { font-style: normal; font-weight: 500; font-size: 13px; line-height: 20px; color: #1E1E1E; cursor: pointer; margin: 0; padding: 10px 15px; background: #FAFAFA url("data:image/svg+xml;charset=UTF-8,") no-repeat right 15px top 55%; } .cozmoslabs-available-tags .cozmoslabs-tags-list-heading.cozmoslabs-tags-list-open { background: #FAFAFA url("data:image/svg+xml;charset=UTF-8,") no-repeat right 15px top 55%; } .cozmoslabs-available-tags .cozmoslabs-tags-list { padding: 5px 15px 15px 15px ; display: none; grid-template-columns: 1fr 1fr 1fr; grid-gap: 5px; } .cozmoslabs-available-tags .cozmoslabs-tags-list input { font-style: normal; font-weight: 400; font-size: 13px; line-height: 30px; color: #000000; border: none; box-shadow: none; background: none; padding: 0; height: unset; min-height: unset; } /***********************************************************/ /* Invoices /***********************************************************/ .cozmoslabs-invoice-company-logo { max-width: 260px; } .cozmoslabs-invoice-company-logo img { max-width: 100%; display: block; } .cozmoslabs-notice-message { font-size: 15px; font-weight: 600; } .cozmoslabs-invoice-company-logo .pms-invoices-company-logo-remove { color: #e76054 !important; } /***********************************************************/ /* Tax /***********************************************************/ .cozmoslabs-custom-tax-rates-wrapper { display: flex; flex-direction: column; flex-wrap: wrap; gap: 10px; margin-top: 35px; } .cozmoslabs-custom-tax-rates-wrapper .cozmoslabs-custom-tax-rates-actions { display: flex; flex-direction: row; align-items: center; justify-content: flex-end; gap: 10px; } /***********************************************************/ /* PMS Docs Link /***********************************************************/ .pms-docs-link { width: 30px; height: 30px; } .pms-docs-link:focus { outline: none; box-shadow: none; } .cozmoslabs-description .pms-docs-link { margin-top: -5px; } .pms-docs-link:before { display: none; } .pms-docs-link:after { content: url("data:image/svg+xml, "); opacity: 0.3; } .pms-docs-link:hover:after { opacity: 1; content: url("data:image/svg+xml, "); } /***********************************************************/ /* Export Data /***********************************************************/ #dashboard-widgets-wrap { margin: 0; } #pms-add-meta-button { width: 200px; margin: 35px 0 0 auto; } #pms-add-meta-key-wrap { padding: 20px; border: 1px solid #ccc; margin: 35px 0; border-radius: 2px; } #pms-add-meta-key-container .pms-add-meta-key-row { margin-top: 24px; } .pms-add-meta-key-row .cozmoslabs-form-field-wrapper { margin-top: 12px !important; } .pms-export-form .pms-progress { background: #eee; width: 95%; order: 1; border-radius: 50px; height: 20px; } .pms-export-form .pms-progress div { height: 100%; width: 0; } .pms-export-form .notice-wrap { width: 100%; margin-top: 35px; display: flex; flex-direction: row; align-items: center; justify-content: center; } .pms-export-form .notice-wrap .spinner { order: 2; margin: 0 10px; } .pms-export-form .pms-progress div { background: #3858E9; border-radius: 50px; } #cozmoslabs-payments-export .cozmoslabs-notice-message { margin: 35px 0; } /***********************************************************/ /* Import Data /***********************************************************/ #dashboard-widgets-wrap { margin: 0; } #pms-import .cozmoslabs-form-field-wrapper { padding: 20px; margin: 35px 0; } .pms-import-form .pms-progress { background: #eee; width: 95%; order: 1; border-radius: 50px; height: 20px; } .pms-import-form .pms-progress div { height: 100%; width: 0; } .pms-import-form .notice-wrap { width: 100%; margin-top: 35px; display: flex; flex-direction: row; align-items: center; justify-content: center; } .pms-import-form .notice-wrap .spinner { order: 2; margin: 0 10px; } .pms-import-form .pms-progress div { background: #3858E9; border-radius: 50px; } #pms-import #pms-import-success { width: 500px; } /* Import Confirmation Modal */ #pms-import-confirmation-modal .pms-modal-overlay { position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.7); z-index: 100000; } #pms-import-confirmation-modal .pms-modal-content { position: fixed; top: 50%; left: 50%; transform: translate(-50%, -50%); background: #fff; border-radius: 4px; box-shadow: 0 5px 15px rgba(0, 0, 0, 0.3); z-index: 100001; max-width: 600px; width: 90%; max-height: 90vh; overflow-y: auto; } #pms-import-confirmation-modal .pms-modal-header { padding: 20px 25px; border-bottom: 1px solid #ddd; background: #f8f8f8; } #pms-import-confirmation-modal .pms-modal-header h2 { margin: 0; font-size: 18px; } #pms-import-confirmation-modal .pms-modal-body { padding: 15px; } #pms-import-confirmation-modal .pms-warning-message { padding: 15px; } #pms-import-confirmation-modal .pms-warning-message ul { margin: 15px 0; padding-left: 20px; } #pms-import-confirmation-modal .pms-warning-message li { margin-bottom: 8px; } #pms-import-confirmation-modal .pms-backup-recommendation strong { color: #d63638; } #pms-import-confirmation-modal .pms-confirmation-checkbox label { display: flex; gap: 10px; cursor: pointer; margin: 0; } #pms-import-confirmation-modal .pms-confirmation-checkbox input[type="checkbox"] { margin: 0; } #pms-import-confirmation-modal .pms-confirmation-checkbox { padding: 15px; text-align: center; } #pms-import-confirmation-modal .pms-modal-footer { padding: 15px 25px; border-top: 1px solid #ddd; background: #f8f8f8; text-align: right; } #pms-import-confirmation-modal .pms-modal-footer button { margin-left: 10px; height: 32px; vertical-align: middle; box-sizing: border-box; min-height: 32px; } #pms-import-confirmation-modal .pms-modal-proceed:disabled { opacity: 0.5; cursor: not-allowed; } /***********************************************************/ /* MetaBox /***********************************************************/ .meta-box-sortables #pms_post_content_restriction h2.hndle, body[class*="_page_pms-"] .meta-box-sortables h2.hndle, body[class*="post-type-pms-"] .meta-box-sortables h2.hndle { font-weight: 600; font-size: 11px !important; line-height: 40px !important; text-transform: uppercase; color: #1E1E1E; padding: 0 12px !important; height: 40px; } /***********************************************************/ /* MetaBox Buttons /***********************************************************/ /* primary */ #pms-woo-product-add-membership-discount, body[class*="post-type-pms-"] .meta-box-sortables .button-primary { background: #3858E9; border: 1px solid #3858E9; border-radius: 2px; 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; } #pms-woo-product-add-membership-discount:hover, #pms-woo-product-add-membership-discount:focus, body[class*="post-type-pms-"] .meta-box-sortables .button-primary:hover, body[class*="post-type-pms-"] .meta-box-sortables .button-primary:focus { background: #1D35B4; border-color: #1D35B4; box-shadow: none; } #pms-woo-product-add-membership-discount.button-disabled, body[class*="post-type-pms-"] .meta-box-sortables .button-primary.button-disabled { background: #1D35B4 !important; border: 1px solid #1D35B4; color: #CCCCCC !important; pointer-events: none; opacity: 0.5; } /* secondary */ body[class*="post-type-pms-"] .meta-box-sortables .page-title-action, body[class*="post-type-pms-"] .meta-box-sortables .button:not(.button-primary, .insert-media, .quicktags-toolbar input[type="button"]) { background: #FFFFFF; border: 1px solid #3858E9; border-radius: 2px; padding: 8px 16px; font-weight: 400; font-size: 13px; line-height: 20px; color: #3858E9; } body[class*="post-type-pms-"] .meta-box-sortables .button:not(.button-primary, .insert-media, .quicktags-toolbar input[type="button"]) { height: 40px; display: flex; align-items: center; justify-content: center; cursor: pointer; } body[class*="post-type-pms-"] .meta-box-sortables .page-title-action:hover, body[class*="post-type-pms-"] .meta-box-sortables .page-title-action:focus, body[class*="post-type-pms-"] .meta-box-sortables .button:not(.button-primary):hover, body[class*="post-type-pms-"] .meta-box-sortables .button:not(.button-primary):focus { background: #F0F0F0; border-color: #3858E9; color: #3858E9; box-shadow: none; } body[class*="post-type-pms-"] .meta-box-sortables .page-title-action:disabled, body[class*="post-type-pms-"] .meta-box-sortables .button:not(.button-primary):disabled { background: #F0F0F0 !important; border-color: #3858E9 !important; color: #3858E9 !important; pointer-events: none; opacity: 0.5; } /***********************************************************/ /* MetaBox Fields /***********************************************************/ #titlediv #title, body[class*="post-type-pms-"] .meta-box-sortables .chosen-container-multi .chosen-choices, body[class*="post-type-pms-"] .meta-box-sortables select, body[class*="post-type-pms-"] .meta-box-sortables input[type="search"], body[class*="post-type-pms-"] .meta-box-sortables input[type="text"]:not(.cozmoslabs-tags-list input) { height: 40px; border: 1px solid #949494; border-radius: 2px; line-height: 20px; color: #1E1E1E; } #titlediv #title { font-size: 16px; } body[class*="post-type-pms-"] .meta-box-sortables .chosen-container-multi .chosen-choices, body[class*="post-type-pms-"] .meta-box-sortables select, body[class*="post-type-pms-"] .meta-box-sortables input[type="search"], body[class*="post-type-pms-"] .meta-box-sortables input[type="text"]:not(.cozmoslabs-tags-list input) { font-size: 13px; } body[class*="post-type-pms-"] .meta-box-sortables #pms-subscription-plan-duration, body[class*="post-type-pms-"] .meta-box-sortables #pms-subscription-plan-trial-duration, body[class*="post-type-pms-"] .meta-box-sortables #pms-subscription-plan-expire-after { flex-basis: 100px; } body[class*="post-type-pms-"] .meta-box-sortables #pms-subscription-plan-duration-unit, body[class*="post-type-pms-"] .meta-box-sortables #pms-subscription-plan-trial-duration-unit, body[class*="post-type-pms-"] .meta-box-sortables #pms-subscription-plan-expire-after-unit { flex-basis: 150px; } body[class*="post-type-pms-"] .meta-box-sortables #pms-subscription-plan-expire-after-field{ margin-top: 0 !important; } body[class*="post-type-pms-"] .meta-box-sortables .cozmoslabs-form-field-label { font-weight: 600; font-size: 13px; line-height: 16px; color: #1E1E1E; } body[class*="post-type-pms-"] .meta-box-sortables #pms-woo-subscription-product-discounts .chosen-container-multi { width: 100% !important; } body[class*="post-type-pms-"] .meta-box-sortables .chosen-container-multi .chosen-choices:not(#pms_subscription_plan_learndash_courses_chosen .chosen-choices) { min-height: 38px; line-height: 38px; } body[class*="post-type-pms-"] .meta-box-sortables .chosen-container-multi .chosen-choices .search-field:not(#pms_subscription_plan_learndash_courses_chosen .chosen-choices .search-field) { width: 100%; } body[class*="post-type-pms-"] .meta-box-sortables .chosen-container-multi .chosen-choices .search-field input:not(#pms_subscription_plan_learndash_courses_chosen .chosen-choices .search-field input) { width: 100% !important; box-shadow: none !important; border: none !important; } #titlediv #title:hover, body[class*="post-type-pms-"] .meta-box-sortables .chosen-container-multi:not(.chosen-disabled) .chosen-choices:hover, body[class*="post-type-pms-"] .meta-box-sortables select:hover, body[class*="post-type-pms-"] .meta-box-sortables input[type="search"]:hover, body[class*="post-type-pms-"] .meta-box-sortables input[type="text"]:not(.cozmoslabs-tags-list input):hover { border-color: #3858E9 !important; color: #1E1E1E; } #titlediv #title:focus, body[class*="post-type-pms-"] .meta-box-sortables .chosen-container-multi .chosen-choices:focus, body[class*="post-type-pms-"] .meta-box-sortables select:focus, body[class*="post-type-pms-"] .meta-box-sortables input[type="search"]:focus, body[class*="post-type-pms-"] .meta-box-sortables input[type="text"]:not(.cozmoslabs-tags-list input, #pms_subscription_plan_learndash_courses_chosen .chosen-choices .search-field input, #scripts_on_specific_pages_chosen .chosen-choices .search-field input):focus { border-color: #3858E9 !important; box-shadow: 0 0 0 1px #3858E9 !important; color: #1E1E1E; } #titlediv #title:disabled, body[class*="post-type-pms-"] .meta-box-sortables select:disabled, body[class*="post-type-pms-"] .meta-box-sortables input[type="search"]:disabled, body[class*="post-type-pms-"] .meta-box-sortables input[type="text"]:not(#pms-subscription-plan-learndash-url):disabled { opacity: 0.5; pointer-events: none; color: #1E1E1E; border: 1px solid #949494; } /***********************************************************/ /* Links /***********************************************************/ body[class*="_page_pms-"] a:not(.button-secondary, .button-primary, .submitdelete, .chosen-single, .pms-add-taxonomy, .pms-add-rule, .cozmoslabs-remove-item, .page-title-action, .cozmoslabs-banner-link, .nav-tab, .nav-sub-tab), body[class*="post-type-pms-"] a:not(.button-secondary, .button-primary, .submitdelete, .chosen-single, .pms-add-taxonomy, .pms-add-rule, .cozmoslabs-remove-item, .page-title-action, .cozmoslabs-banner-link, .nav-tab, .nav-sub-tab) { color: #3858E9; text-decoration: none; } body[class*="_page_pms-"] .delete a, body[class*="post-type-pms-"] .delete a, body[class*="_page_pms-"] .delete a:hover, body[class*="post-type-pms-"] .delete a:hover { color: #e76054; } body[class*="_page_pms-"] a:not(.button-secondary, .button-primary, .submitdelete, .chosen-single, .pms-add-taxonomy, .pms-add-rule, .cozmoslabs-remove-item, .page-title-action, .cozmoslabs-banner-link, .nav-tab, .nav-sub-tab):hover, body[class*="post-type-pms-"] a:not(.button-secondary, .button-primary, .submitdelete, .chosen-single, .pms-add-taxonomy, .pms-add-rule, .cozmoslabs-remove-item, .page-title-action, .cozmoslabs-banner-link, .nav-tab, .nav-sub-tab):hover { text-decoration: underline; } body[class*="_page_pms-"] a:not(.button-secondary, .button-primary, .submitdelete, .chosen-single, .pms-add-taxonomy, .pms-add-rule, .cozmoslabs-remove-item, .page-title-action, .cozmoslabs-banner-link, .nav-tab, .nav-sub-tab):focus, body[class*="post-type-pms-"] a:not(.button-secondary, .button-primary, .chosen-single, .submitdelete, .pms-add-taxonomy, .pms-add-rule, .cozmoslabs-remove-item, .page-title-action, .cozmoslabs-banner-link, .nav-tab, .nav-sub-tab):focus { box-shadow: none; outline: none; } /***********************************************************/ /* MetaBox: Global Content Restriction /***********************************************************/ .pms_content-rule .pms-meta-box-field-wrapper { position: relative; padding-left: 150px; margin: 35px 0; } .pms_content-rule select { width: 260px; } .pms_content-rule .cozmoslabs-toggle-switch { margin-top: 15px; padding-left: 10px; } .pms_content-rule .cozmoslabs-form-field-label { flex-basis: 200px !important; } .pms_content-rule .pms-meta-box-field-wrapper .pms-meta-box-field-label { position: absolute; display: block; width: 140px; top: 12px; left: 0; font-weight: bold; } .pms_content-rule .pms-meta-box-field-wrapper span.readonly { display: inline-block; padding: 3px 5px; background-color: #e8e8e8; box-sizing: border-box; margin-bottom: 0; line-height: 21px; min-width: 260px; } /***********************************************************/ /* MetaBox: Content Restriction /***********************************************************/ .meta-box-sortables #pms_post_content_restriction .postbox-header { display: flex; align-items: center; justify-content: space-between; border-bottom: 1px solid #c3c4c7; } #pms-meta-box-field-learndash, #pms-meta-box-fields-wrapper-restriction-redirect-url, .pms-meta-box-field-wrapper-custom-messages, .pms-meta-box-field-wrapper-custom-redirect-url { display: none; } #pms-meta-box-fields-wrapper-restriction-redirect-url.pms-enabled, .pms-meta-box-field-wrapper-custom-messages.pms-enabled { display: block; } #pms-meta-box-field-learndash.pms-enabled, .pms-meta-box-field-wrapper-custom-redirect-url.pms-enabled { display: flex; } #pms-meta-box-fields-wrapper-restriction-redirect-url input[type="text"] { flex-grow: 1; max-width: 900px; } /* LearnDash meta-box */ #pms_post_content_restriction_learndash .pms-icon-wrapper { display: flex; flex-direction: row; align-items: center; justify-content: flex-start; gap: 15px; } #pms_post_content_restriction_learndash .pms-icon-wrapper img#pms-icon { height: 40px; } #pms_post_content_restriction_learndash .pms-icon-wrapper img#learndash-logo { height: 35px; } body.learndash-post-type #pms_post_content_restriction_learndash .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; display: inline-flex; align-items: center; justify-content: center; cursor: pointer; } body.learndash-post-type #pms_post_content_restriction_learndash .button-primary:hover, body.learndash-post-type #pms_post_content_restriction_learndash .button-primary:focus { background: #1D35B4; border-color: #1D35B4; box-shadow: none; } /**************************************************/ /* Payment Logs /**************************************************/ .wp-list-table.payment-logs .column-date { width: 25%; } .wp-list-table.payment-logs .column-message { width: 75%; padding-right: 90px; } .wp-list-table.payment-logs .column-modal_data { display: none; } .pms-payment-logs .tablenav { display: none; } .pms-payment-logs tr { position: relative; } .pms-payment-logs tr td .row-actions { position: absolute; right: 5px; left: auto; top: 50%; transform: translateY(-50%); } /***********************************************************/ /* Edit Member Page /***********************************************************/ #pms-edit-member-page .cozmoslabs-form-field-wrapper tfoot { display: none; } #pms-member-username { opacity: 0.7; } #pms-edit-member-page .column-subscription_plan { width: 150px; padding-left: 10px; } #pms-edit-member-page th { padding: 8px 5px; } #pms-edit-member-page td { padding: 15px 5px; } #pms-edit-member-page th.column-actions { width: 130px; } #pms-edit-member-page .column-date { width: auto; } #pms-edit-member-page th:not(.column-subscription_plan), #pms-edit-member-page td:not(.subscription_plan) { text-align: center !important; } #pms-edit-member-page td .row-actions { position: unset; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 10px; } #pms-edit-member-page td.column-actions .button-secondary, #pms-edit-member-page td .row-actions .button-secondary { display: inline-flex; min-width: 100px; height: 30px; padding: 0; } #pms-edit-member-page td.column-actions > .button-secondary:not(:last-of-type) { margin-bottom: 10px; } #cozmoslabs-subsection-member-sub-list .tablenav.bottom { height: auto; margin: 35px 0 0 0; padding: 0; width: 100%; } #pms-edit-member-page .tablenav.top, #cozmoslabs-subsection-member-payment-list .tablenav.bottom { display: none; } #pms-member-billing-details .form { display: none; } #pms-member-billing-details .billing-details__action span { display: none; color: #08734C; } #pms-member-billing-details #edit { min-width: 140px; } #pms-member-billing-details #save { margin-top: 35px; } #pms-member-billing-details .billing-details__action { display: flex; align-items: center; justify-content: flex-start; gap: 20px; margin: 35px 0 0 0; } #pms-member-billing-details .billing-details__data span { box-sizing: border-box; border: 1px solid #949494; border-radius: 2px; font-size: 13px; line-height: 20px; color: #1E1E1E; padding: 0 10px; height: 40px; display: flex; align-items: center; justify-content: flex-start; width: 260px; opacity: 0.7; pointer-events: none; } /**************************************************/ /* Member Subscription /**************************************************/ /* Subscription Logs */ #pms-member-subscription-logs .pms-logs-holder { max-height: 200px; overflow: hidden; overflow-y: scroll; } .pms-subscription-logs__row { flex-basis: 100%; display: flex; gap: 10px; margin-bottom: 5px; } .pms-subscription-logs__date { width: 180px; } #pms-member-subscription-logs input[name="pms_admin_log"] { flex-grow: 1; } /* Subscription Billing Schedule */ #pms-member-subscriptions-billing-schedule #pms-subscription-billing-duration, #pms-member-subscriptions-billing-schedule #pms-subscription-plan-duration-unit { flex-basis: 125px !important; } /* Member */ #pms-user-subscriptions { flex-grow: 1; display: flex; justify-content: flex-end; } #pms-member-details .pms-group-edit-subscription { flex-basis: 100%; display: flex; align-items: center; justify-content: space-between; margin-top: 35px; } .cozmoslabs-form-field-wrapper.pms-group-memberships-field, .cozmoslabs-form-field-wrapper.pms-invite-code-field { display: none; } #pms-form-add-new-member-bulk .tablenav.bottom { height: auto; } #pms_add_member_bulk_assign, #pms-filter-button { margin-top: 35px; } #cozmoslabs-subsection-users-add-bulk .cozmoslabs-subsection-title { margin-bottom: 35px !important; } #pms-form-add-new-member-bulk .tablenav.bottom .tablenav-pages { display: none; } /**************************************************/ /* Payment/Subscription logs Modal /**************************************************/ .pms-modal { display: none; width: 60%; /*min-height: 50%;*/ position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); border-radius: 2px; background-color: white; -webkit-box-shadow: 0 11px 15px -7px rgba(0,0,0,.2),0 24px 38px 3px rgba(0,0,0,.14),0 9px 46px 8px rgba(0,0,0,.12); box-shadow: 0 11px 15px -7px rgba(0,0,0,.2),0 24px 38px 3px rgba(0,0,0,.14),0 9px 46px 8px rgba(0,0,0,.12); z-index: 2; } .pms-modal__holder { position: relative; padding: 24px; word-wrap: anywhere; } .pms-modal__halfrow { display: flex; justify-content: space-between; } .pms-modal__half { width: calc( 99% / 2 ); } .pms-modal__close { position: absolute; top: 18px; right: 18px; width: 24px; height: 24px; opacity: 0.5; cursor: pointer; } .pms-modal__close:hover { opacity: 1; } .pms-modal__close:before, .pms-modal__close:after { position: absolute; left: 15px; content: ' '; height: 23px; width: 2px; background-color: #333; } .pms-modal__close:before { transform: rotate( 45deg ); } .pms-modal__close:after { transform: rotate( -45deg ); } .pms-modal__wrapped-list li { display: inline-block; width: 48%; } .pms-modal__fullrow { margin-bottom: 16px; } .pms-modal__fullrow p { margin-top: 8px; margin-bottom: 8px; } /**************************************************/ /* CPTs and Custom Pages /**************************************************/ /* page title */ body[class*="_page_pms-"] .wp-heading-inline, body[class*="post-type-pms-"] .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*="_page_pms-"] .button:not(.button-primary), body[class*="post-type-pms-"] .button:not(.button-primary), body[class*="_page_pms-"] .page-title-action, body[class*="post-type-pms-"] .page-title-action { background: #FFFFFF; border: 1px solid #3858E9; box-sizing: border-box; border-radius: 2px; font-weight: 400; font-size: 13px; line-height: 20px; color: #3858E9; margin: 0; display: inline-flex; align-items: center; justify-content: center; cursor: pointer; } body[class*="_page_pms-"] .button:not(.button-primary, .cozmoslabs-wysiwyg-wrapper .insert-media, .cozmoslabs-wysiwyg-wrapper .ed_button, .pagination-links .button), body[class*="post-type-pms-"] .button:not(.button-primary, .cozmoslabs-wysiwyg-wrapper .insert-media, .cozmoslabs-wysiwyg-wrapper .ed_button, .pagination-links .button) { height: 40px; } body[class*="_page_pms-"] .page-title-action, body[class*="post-type-pms-"] .page-title-action { height: 30px; } body[class*="_page_pms-"] .button:not(.button-primary):hover, body[class*="_page_pms-"] .button:not(.button-primary):focus, body[class*="_page_pms-"] .button:not(.button-primary):active, body[class*="post-type-pms-"] .button:not(.button-primary):hover, body[class*="post-type-pms-"] .button:not(.button-primary):focus, body[class*="post-type-pms-"] .button:not(.button-primary):active, body[class*="_page_pms-"] .page-title-action:hover, body[class*="_page_pms-"] .page-title-action:focus, body[class*="_page_pms-"] .page-title-action:active, body[class*="post-type-pms-"] .page-title-action:hover, body[class*="post-type-pms-"] .page-title-action:focus, body[class*="post-type-pms-"] .page-title-action:active { font-weight: 400; background: #F0F0F0; border-color: #3858E9; color: #3858E9; box-shadow: none; margin: 0; } body[class*="_page_pms-"] .button-primary, body[class*="post-type-pms-"] .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*="_page_pms-"] div.notice > p > .button-primary, body[class*="post-type-pms-"] div.notice > p > .button-primary { min-width: auto !important; height: 30px; margin-right: 12px } body[class*="_page_pms-"] .button-primary:hover, body[class*="_page_pms-"] .button-primary:focus, body[class*="post-type-pms-"] .button-primary:hover, body[class*="post-type-pms-"] .button-primary:focus { background: #1D35B4; border-color: #1D35B4; box-shadow: none; } body[class*="_page_pms-"] .button-primary.button-disabled, body[class*="post-type-pms-"] .button-primary.button-disabled { background: #1D35B4 !important; border: 1px solid #1D35B4; color: #CCCCCC !important; pointer-events: none; opacity: 0.5; } /* Upgarde/Downgrade Subscription Notice */ #pms-add-subscription-plan-subtitle { background: #d5d5d5; display: inline-block; padding: 10px 20px; box-sizing: border-box; border-radius: 2px; font-size: 15px; color: #1E1E1E; margin-bottom: 35px; } /* table page navigation */ body[class*="_page_pms-"] .tablenav-pages, body[class*="post-type-pms-"] .tablenav-pages { display: flex; align-items: center; justify-content: flex-end; gap: 10px; } body[class*="_page_pms-"] .tablenav-pages .pagination-links, body[class*="post-type-pms-"] .tablenav-pages .pagination-links { display: flex; flex-direction: row; align-items: center; justify-content: flex-end; gap: 5px; } body[class*="_page_pms-"] .tablenav-pages.one-page .pagination-links, body[class*="post-type-pms-"] .tablenav-pages.one-page .pagination-links, body[class*="_page_pms-"] .tablenav-pages.no-pages .pagination-links, body[class*="post-type-pms-"] .tablenav-pages.no-pages .pagination-links { display: none !important; } body[class*="_page_pms-"] .pagination-links .button, body[class*="post-type-pms-"] .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; line-height: 20px; color: #3858E9; display: flex; align-items: center; justify-content: center; cursor: pointer; } body[class*="_page_pms-"] .pagination-links .button:hover, body[class*="_page_pms-"] .pagination-links .button:focus, body[class*="post-type-pms-"] .pagination-links .button:hover, body[class*="post-type-pms-"] .pagination-links .button:focus { background: #F0F0F0; border-color: #3858E9; color: #3858E9; box-shadow: none; text-decoration: none; } body[class*="_page_pms-"] .pagination-links .button.disabled, body[class*="post-type-pms-"] .pagination-links .button.disabled { background: #F0F0F0 !important; border-color: #3858E9 !important; color: #3858E9 !important; pointer-events: none; opacity: 0.5; } body[class*="_page_pms-"] .pagination-links .paging-input, body[class*="post-type-pms-"] .pagination-links .paging-input { display: flex; flex-direction: row; align-items: center; justify-content: center; gap: 5px; } body[class*="_page_pms-"] .pagination-links .current-page, body[class*="post-type-pms-"] .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*="_page_pms-"] .pagination-links .current-page:hover, body[class*="post-type-pms-"] .pagination-links .current-page:hover { border-color: #3858E9; color: #1E1E1E; } body[class*="_page_pms-"] .pagination-links .current-page:focus, body[class*="post-type-pms-"] .pagination-links .current-page:focus { border-color: #3858E9; box-shadow: 0 0 0 1px #3858e9; } /* Fields */ body[class*="_page_pms-"] .tablenav, body[class*="post-type-pms-"] .tablenav { height: 40px; padding: 10px 0; margin: 0; } body[class*="_page_pms-"] #major-publishing-actions select, body[class*="_page_pms-"] #major-publishing-actions input[type="text"], body[class*="_page_pms-"] .wp-list-table input[type="text"], body[class*="post-type-pms-"] .wp-list-table input[type="text"], body[class*="_page_pms-"] .search-box input[type="search"], body[class*="post-type-pms-"] .search-box input[type="search"], body[class*="_page_pms-"] .tablenav select, body[class*="post-type-pms-"] .tablenav select { height: 40px; border: 1px solid #949494; border-radius: 2px; font-size: 13px; line-height: 20px; color: #1E1E1E; width: 260px; max-width: 100%; } body[class*="_page_pms-"] #major-publishing-actions select:hover, body[class*="_page_pms-"] #major-publishing-actions input[type="text"]:hover, body[class*="_page_pms-"] .wp-list-table input[type="text"]:hover, body[class*="post-type-pms-"] .wp-list-table input[type="text"]:hover, body[class*="_page_pms-"] .search-box input[type="search"]:hover, body[class*="post-type-pms-"] .search-box input[type="search"]:hover, body[class*="_page_pms-"] .tablenav select:hover, body[class*="post-type-pms-"] .tablenav select:hover { border-color: #3858E9; } body[class*="_page_pms-"] #major-publishing-actions select:focus, body[class*="_page_pms-"] #major-publishing-actions input[type="text"]:focus, body[class*="_page_pms-"] .wp-list-table input[type="text"]:focus, body[class*="post-type-pms-"] .wp-list-table input[type="text"]:focus, body[class*="_page_pms-"] .search-box input[type="search"]:focus, body[class*="post-type-pms-"] .search-box input[type="search"]:focus, body[class*="_page_pms-"] .tablenav select:focus, body[class*="post-type-pms-"] .tablenav select:focus { border-color: #3858E9; box-shadow: 0 0 0 1px #3858e9 !important; } body[class*="_page_pms-"] .wp-list-table input[type="text"]:disabled, body[class*="post-type-pms-"] .wp-list-table input[type="text"]:disabled, body[class*="_page_pms-"] .search-box input[type="search"]:disabled, body[class*="post-type-pms-"] .search-box input[type="search"]:disabled, body[class*="_page_pms-"] .tablenav select:disabled, body[class*="post-type-pms-"] .tablenav select:disabled { opacity: 0.5; pointer-events: none; } body[class*="_page_pms-"] .wp-list-table input[type="text"][readonly], body[class*="post-type-pms-"] .wp-list-table input[type="text"][readonly] { opacity: 0.8; } /* Tables */ body[class*="_page_pms-"] .wp-list-table th, body[class*="post-type-pms-"] .wp-list-table th, .cozmoslabs-form-subsection-wrapper th { font-weight: 600; font-size: 14px; line-height: 40px !important; color: #1E1E1E !important; } body[class*="_page_pms-"] .wp-list-table td, body[class*="post-type-pms-"] .wp-list-table td, .cozmoslabs-form-subsection-wrapper td { font-style: normal; font-weight: 400; font-size: 13px; line-height: 25px; color: #1E1E1E !important; vertical-align: middle; } body[class*="_page_pms-"] .wp-list-table:not(.member-payments) .column-status, body[class*="post-type-pms-"] .wp-list-table:not(.member-payments) .column-status { width: 10%; } body[class*="_page_pms-"] .wp-list-table .column-price, body[class*="_page_pms-"] .wp-list-table .column-sign_up_fee, body[class*="_page_pms-"] .wp-list-table .column-free_trial, body[class*="post-type-pms-"] .wp-list-table .column-price, body[class*="post-type-pms-"] .wp-list-table .column-sign_up_fee, body[class*="post-type-pms-"] .wp-list-table .column-free_trial { width: 11%; } body[class*="_page_pms-"] .wp-list-table .column-id, body[class*="post-type-pms-"] .wp-list-table .column-id { width: 50px; padding-right:0; padding-left:0; text-align: center; } body[class*="_page_pms-"] .wp-list-table th.sortable a, body[class*="_page_pms-"] .wp-list-table th.sorted a, body[class*="post-type-pms-"] .wp-list-table th.sortable a, body[class*="post-type-pms-"] .wp-list-table th.sorted a { display: flex; align-items: center; gap: 5px; } body[class*="_page_pms-"] .wp-list-table th.sortable a .sorting-indicator, body[class*="_page_pms-"] .wp-list-table th.sorted a .sorting-indicator, body[class*="post-type-pms-"] .wp-list-table th.sortable a .sorting-indicator, body[class*="post-type-pms-"] .wp-list-table th.sorted a .sorting-indicator { margin-left: 2px; margin-top: 3px; } /* Memebers List Table */ body[class*="_page_pms-"] .wp-list-table.members .column-user_id { width: 7%; text-align: left; } body[class*="_page_pms-"] .wp-list-table.members th#subscriptions { width: 30%; } body[class*="_page_pms-"] .wp-list-table.members td.column-subscriptions { display: flex; flex-direction: column; margin: 0; width: auto; min-height: 50px; justify-content: center; } body[class*="_page_pms-"] .wp-list-table .pms-member-list-subscription { display: inline-block; margin-right: 15px; } body[class*="_page_pms-"] .wp-list-table .pms-member-list-subscription .pms-bubble div:after { content: ''; display: block; clear: both; height: 0; } body[class*="_page_pms-"] .filter-members-sidebox, body[class*="_page_pms-"] .filter-payments-sidebox { margin-top: 60px; } body[class*="_page_pms-"] .cozmoslabs-custom-interval input { text-align: left !important; } body[class*="_page_pms-"] #major-publishing-actions .cozmoslabs-custom-interval, body[class*="_page_pms-"] #major-publishing-actions { display: flex; flex-direction: column; gap: 10px; } /* Payments List Table */ .wp-list-table.payments .column-username { width: 16%; } .wp-list-table.payments .column-subscriptions { width: 14%; } .wp-list-table.payments .column-amount { width: 8%; } .wp-list-table.payments .column-date { width: 12%; } /* table checkboxes */ body[class*="_page_pms-"] .wp-list-table .check-column, body[class*="post-type-pms-"] .wp-list-table .check-column { vertical-align: middle; padding: 0 5px; } body[class*="_page_pms-"] .wp-list-table .check-column input[type="checkbox"], body[class*="post-type-pms-"] .wp-list-table .check-column input[type="checkbox"] { display: flex; justify-content: center; align-items: center; border: 1px solid #949494; border-radius: 2px; width: 20px; height: 20px; } body[class*="_page_pms-"] .wp-list-table .check-column input[type="checkbox"]:checked, body[class*="post-type-pms-"] .wp-list-table .check-column input[type="checkbox"]:checked { background: #3858E9; border-color: #3858E9; } body[class*="_page_pms-"] .wp-list-table .check-column input[type="checkbox"]:checked::before, body[class*="post-type-pms-"] .wp-list-table .check-column input[type="checkbox"]:checked::before { content: url("data:image/svg+xml,check"); width: 15px; height: auto; margin: 0; transform: rotate(-8deg); } body[class*="_page_pms-"] .wp-list-table .check-column input[type="checkbox"]:hover, body[class*="post-type-pms-"] .wp-list-table .check-column input[type="checkbox"]:hover, body[class*="_page_pms-"] .wp-list-table .check-column input[type="checkbox"]:focus, body[class*="post-type-pms-"] .wp-list-table .check-column input[type="checkbox"]:focus { outline: none; box-shadow: none; border-color: #3858E9; } /* price bubble */ .wp-list-table .pms-has-bubble { position: relative; cursor: pointer; } .wp-list-table .pms-has-bubble .pms-bubble:before { content: ''; display: block; margin-left: -6px; top: -12px; left: 50%; border-color: transparent; border-bottom-color: #23282d; position: absolute; border-style: solid; border-width: 6px; height: 0; width: 0; } .wp-list-table .pms-has-bubble .pms-bubble { position: absolute; z-index: 100; top: 130%; left: 10%; width: 300px; margin-left: -150px; border-radius: 3px; background: #23282d; padding: 10px; -moz-box-sizing: border-box; box-sizing: border-box; color: #fff; visibility: hidden; opacity: 0; transition: all 0.2s ease-in-out; } .wp-list-table .pms-has-bubble:hover .pms-bubble { visibility: visible; opacity: 1; } .wp-list-table.payments .column-username .pms-has-bubble .pms-bubble { margin-left: -75px; } .wp-list-table.payments .column-username .pms-has-bubble .pms-bubble:before { left: 75px; } /* status dot */ .wp-list-table .pms-status-dot { position: relative; display: inline-block; width: 7px; height: 7px; border-radius: 50%; top: 1px; margin-right: 5px; border: 2px solid; } .wp-list-table .pms-status-dot.active, .wp-list-table .pms-status-dot.completed { border-color: #27ae60; } .wp-list-table .pms-status-dot.expired, .wp-list-table .pms-status-dot.inactive, .wp-list-table .pms-status-dot.failed { border-color: #c0392b; } .wp-list-table .pms-status-dot.canceled, .wp-list-table .pms-status-dot.refunded { border-color: #f39c12; } .wp-list-table .pms-discount-dot { position: relative; display: inline-flex; align-items: center; justify-content: center; width: 19px; height: 19px; border-radius: 50%; -moz-border-radius: 50%; -webkit-border-radius: 50%; background: #7cbd91; color: #fff; text-align: center; font-family: Verdana, sans-serif; font-size: 11px; left: 10px; font-weight: bold; } /* move subscription tier level up/down */ .wp-admin.post-type-pms-subscription .wp-list-table th.column-order, .wp-admin.post-type-pms-subscription .wp-list-table td.column-order { width: 21px; padding-left: 4px; padding-right: 2px; } .wp-admin.post-type-pms-subscription .wp-list-table .column-order .pms-subscription-plan-order-move-up, .wp-admin.post-type-pms-subscription .wp-list-table .column-order .pms-subscription-plan-order-move-down, .wp-admin.post-type-pms-subscription .wp-list-table .column-order .pms-subscription-plan-order-move-up:focus, .wp-admin.post-type-pms-subscription .wp-list-table .column-order .pms-subscription-plan-order-move-down:focus, .wp-admin.post-type-pms-subscription .wp-list-table .column-order .pms-subscription-plan-order-placeholder { display: block; position: relative; width: 21px; height: 20px; text-align: center; text-decoration: none; line-height: 20px; vertical-align: middle; border-radius: 2px; margin-top: 4px; margin-left: 4px; opacity: 0; padding: 0; box-shadow: none; top: -3px; border: 1px solid #3858E9; } .wp-admin.post-type-pms-subscription .wp-list-table .column-order .pms-subscription-plan-order-placeholder { cursor: default; background: #e7e7e7; border: 1px solid #e7e7e7; } .wp-admin.post-type-pms-subscription .wp-list-table .column-order .pms-subscription-plan-order-move-down, .wp-admin.post-type-pms-subscription .wp-list-table .column-order .pms-subscription-plan-order-move-down:focus { margin-top: 3px; } .wp-admin.post-type-pms-subscription .wp-list-table tr:hover .column-order .pms-subscription-plan-order-move-up, .wp-admin.post-type-pms-subscription .wp-list-table tr:hover .column-order .pms-subscription-plan-order-move-down { opacity: 1; } .wp-admin.post-type-pms-subscription .wp-list-table tr:hover .column-order .pms-subscription-plan-order-placeholder { opacity: 0; } .wp-admin.post-type-pms-subscription .wp-list-table tr:hover .column-order .pms-subscription-plan-order-placeholder.move-up, .wp-admin.post-type-pms-subscription .wp-list-table tr:hover .column-order .pms-subscription-plan-order-placeholder.move-down { opacity: 0.7; } .pms-notice#pms_free_stripe_connect { position: relative; } .pms-notice a.button-secondary { min-width: auto !important; height: 30px !important; display: inline-block; padding: 0 10px; line-height: 28px; } .pms-notice a.button-primary, .wppb-serial-notification a.button-primary, .wppb-notice a.button-primary { height: 30px !important; min-width: auto !important; } .pms-notice { position: relative; } .pms-notice .dismiss-right { position: absolute; top: 20px; right: 20px; } /* Publish Box */ body[class*="post-type-pms-"] #major-publishing-actions { display: flex; flex-direction: column-reverse; flex-wrap: wrap; align-items: center; justify-content: center; padding: 20px 10px; gap: 10px; } body[class*="post-type-pms-"] #major-publishing-actions #publishing-action { display: flex; flex-direction: row-reverse; align-items: center; justify-content: center; position: relative; } body[class*="post-type-pms-"] #major-publishing-actions #publishing-action .spinner { position: absolute; right: -40px; top: 8px; } body[class*="post-type-pms-"] #major-publishing-actions .button-primary { min-width: unset; } body[class*="post-type-pms-"] #major-publishing-actions > div:first-of-type { margin: 0; } /* Header PMS Banner */ body[class*="post-type-pms-"] .cozmoslabs-banner { margin-left: -20px; } body[class*="_page_pms-"] #screen-meta { margin-left: 20px; } /* Payment Refund Modal */ .ui-dialog[aria-describedby^='pms-modal-payment-refund'] .ui-widget-header { background: transparent; border: none; border-bottom: 1px solid #dcdcde; } .ui-dialog[aria-describedby^='pms-modal-payment-refund'] .ui-button, .ui-dialog[aria-describedby^='pms-modal-payment-refund'] .ui-button:focus, .ui-dialog[aria-describedby^='pms-modal-payment-refund'] .ui-button:hover { background: transparent; border: none; box-shadow: none; } .pms-refund-modal__payment-details, .pms-refund-modal__refund_settings{ margin: 35px 0; } .pms-refund-modal__payment-details .pms-modal__fullrow { margin-bottom: 16px; padding-left: 16px; display: flex; align-items: center; justify-content: flex-start; gap: 16px; } .pms-refund-modal__payment-details .pms-modal__fullrow label { min-width: 150px; } .pms-refund-modal__refund_settings .cozmoslabs-form-field-wrapper { padding-left: 16px; margin-top: 0 !important; margin-bottom: 16px; } #payment-actions, .pms-modal__bottom .pms-modal__button-group { display: flex; flex-direction: row; flex-wrap: wrap; align-items: center; justify-content: flex-start; gap: 20px; } .pms-modal__bottom .pms-modal__button-group { padding: 20px 10px; } /***********************************************************/ /* Position Save/Publish buttons container /***********************************************************/ .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; } body[class*="_page_pms-settings-page"] .cozmoslabs-wrap div.submit, body[class*="_page_pms-members-page"] .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 { display: flex; flex-direction: column; flex-wrap: wrap; align-items: center; justify-content: flex-start; padding: 20px 10px; gap: 20px; } .cozmoslabs-wrap #pms-form-edit-payment div.submit .cozmoslabs-publish-button-group { flex-direction: row; } body[class*="_page_pms-settings-page"] .cozmoslabs-wrap div.submit .cozmoslabs-publish-button-group p.submit, body[class*="_page_pms-members-page"] .cozmoslabs-wrap div.submit .cozmoslabs-publish-button-group p.submit { margin: 0; padding: 0; } body[class*="_page_pms-payments-page"] .cozmoslabs-wrap div.submit { padding: 0; margin: 35px -15px 0 -15px; } body[class*="_page_pms-payments-page"] #cozmoslabs-subsection-payment-details .submit .button-secondary { height: 45px; } /* Publish Button Position */ @media screen and (max-width: 1401px) { .cozmoslabs-publish-button-fixed input[type="submit"] { position: fixed !important; bottom: 5px; z-index: 999; width: 100%; box-shadow: 0 3px 10px 0 #bbb; } .cozmoslabs-publish-button-fixed .cozmoslabs-publish-button-group { padding: 0 !important; } body[class*="_page_pms-settings-page"] .cozmoslabs-settings-container div.cozmoslabs-submit { margin-top: 20px !important; } body[class*="_page_pms-settings-page"] .cozmoslabs-settings-container div.cozmoslabs-submit .cozmoslabs-publish-button-group { align-items: flex-start; } body[class*="post-type-pms-"] #major-publishing-actions { justify-content: flex-end; gap: 10px; } body[class*="post-type-pms"] #wpbody-content { padding-bottom: 50px; } body[class*="post-type-pms"] #post-body { display: flex; flex-direction: column; width: 100%; } body[class*="post-type-pms"] #post-body #post-body-content { order: 1; } body[class*="post-type-pms"] #post-body #postbox-container-1 { order: 3; } body[class*="post-type-pms"] #post-body #postbox-container-2 { order: 2; } body[class*="post-type-pms"] #post-body #postbox-container-1, body[class*="post-type-pms"] #post-body #postbox-container-1 #side-sortables { width: 100%; } .cozmoslabs-sub-tab-upsell { width: 100%; } } /* Publish Meta-Box Position */ @media screen and (min-width: 1402px) { body[class*="_page_pms-members-page"] .cozmoslabs-wrap:not(#pms-edit-member-page), body[class*="_page_pms-settings-page"] .cozmoslabs-wrap { max-width: 1200px; } #cozmoslabs-subsection-register-version { max-width: 900px; } body[class*="_page_pms-members-page"] .cozmoslabs-settings-container div.cozmoslabs-submit .cozmoslabs-publish-button-group { padding: 10px; gap: 10px; } body[class*="_page_pms-settings-page"] .cozmoslabs-settings-container div.cozmoslabs-submit .cozmoslabs-publish-button-group { justify-content: center; } .cozmoslabs-settings-container { display: flex; flex-wrap: wrap; flex-direction: row; align-items: flex-start; justify-content: flex-start; } .cozmoslabs-settings-container .cozmoslabs-nav-sub-tab-wrapper { flex-basis: 100%; } .cozmoslabs-settings-container .cozmoslabs-settings { flex-basis: calc( 100% - 300px ); } .cozmoslabs-settings-container div.cozmoslabs-submit { flex-basis: 280px; margin-left: 20px; padding-bottom: 5px !important; } .cozmoslabs-publish-metabox-fixed { position: fixed !important; top: 50px; z-index: 1; width: 280px; box-shadow: 0 3px 10px 0 #bbb; margin-top: 0 !important; } body[class*="post-type-pms"] .cozmoslabs-publish-metabox-fixed { left: unset !important; } } @media screen and (min-width: 1920px) { body[class*="_page_pms-members-page"] .cozmoslabs-wrap:not(#pms-edit-member-page), body[class*="_page_pms-settings-page"] .cozmoslabs-wrap { max-width: 1500px !important; } #cozmoslabs-subsection-register-version { max-width: 1200px; } } /***********************************************************/ /* Basic Information Page /***********************************************************/ .pms-badge { float: right; display: inline-block; width: 150px; height: 150px; text-align: center; } .pms-badge { background: url('data:image/svg+xml,%3Csvg viewBox="0 0 30 30" fill="none" xmlns="http://www.w3.org/2000/svg"%3E%3Cg filter="url(%23filter0_i_7_1560)"%3E%3Cpath fill-rule="evenodd" clip-rule="evenodd" d="M3.6783 6.81409C5.61611 4.14887 8.40417 2.22263 11.5835 1.35247C14.7628 0.482312 18.1439 0.720079 21.1702 2.02682C23.5242 3.04327 25.5543 4.65936 27.0675 6.69706L28.4712 5.84803C29.0069 5.52404 29.6838 5.94563 29.6288 6.56897L29.1809 11.6441C29.1354 12.1588 28.6027 12.481 28.1254 12.2825L23.4191 10.3249C22.8411 10.0844 22.7814 9.28951 23.317 8.96552L24.6721 8.14592C23.4679 6.5982 21.887 5.36819 20.0664 4.58206C17.621 3.52614 14.8887 3.33396 12.3194 4.03716C9.75013 4.74036 7.49702 6.29702 5.93103 8.45084C4.36505 10.6047 3.57956 13.2272 3.70389 15.8868C3.73979 16.6546 3.14619 17.306 2.37806 17.3417C1.60994 17.3774 0.958148 16.7839 0.922254 16.0161C0.768389 12.7248 1.74049 9.47933 3.6783 6.81409ZM2.51924 19.9355C2.56466 19.4208 3.09741 19.0985 3.57469 19.2971L8.28096 21.2547C8.859 21.4952 8.91869 22.2901 8.38304 22.6141L6.97079 23.4683C8.07641 24.6158 9.41127 25.5329 10.8996 26.1539C13.2235 27.1236 15.7979 27.3196 18.242 26.7132C20.6861 26.1067 22.8698 24.7299 24.4701 22.7865C26.0703 20.8431 27.002 18.4364 27.1273 15.9226C27.1656 15.1549 27.8192 14.5637 28.5872 14.6021C29.3552 14.6405 29.9468 15.294 29.9085 16.0617C29.7535 19.1726 28.6005 22.1508 26.6203 24.5557C24.6401 26.9605 21.9379 28.6642 18.9135 29.4147C15.8891 30.1651 12.7033 29.9225 9.82736 28.7226C7.79053 27.8727 5.98587 26.5746 4.5403 24.9383L3.22886 25.7316C2.69321 26.0555 2.01632 25.634 2.07133 25.0106L2.51924 19.9355ZM20.9484 8.77771C20.5522 10.1061 21.1342 11.6692 22.6051 12.2813L24.1677 12.9315C24.4742 13.0591 24.7043 13.3262 24.7614 13.6533C25.5843 18.3662 22.7433 23.0417 18.0407 24.4053C15.7333 25.0743 13.3775 24.8301 11.36 23.8856C10.853 23.6482 10.7153 23.0198 10.8082 22.4678C11.0175 21.2246 10.4157 19.8703 9.07102 19.3107L6.56941 18.2696C6.41782 18.2066 6.30073 18.0803 6.25494 17.9226C4.79047 12.8797 7.69274 7.60588 12.7373 6.14323C15.5084 5.33978 18.3494 5.85344 20.5902 7.31549C21.0531 7.6175 21.1063 8.24807 20.9484 8.77771ZM15.0744 16.208C15.8215 16.3889 16.1881 16.5948 16.366 16.7635C16.5162 16.9059 16.5573 17.0445 16.5573 17.2284C16.5573 17.3297 16.5223 17.4635 16.3988 17.5765C16.2737 17.6907 15.9924 17.8431 15.3834 17.8431C14.5799 17.8431 14.274 17.5942 14.1481 17.3785C13.948 17.0356 13.5366 16.5178 12.8812 16.5178C12.5364 16.5178 12.21 16.6647 11.9929 16.9139C11.7679 17.1722 11.6621 17.5445 11.7971 17.9265C12.1405 18.8985 12.9362 19.5038 13.8166 19.8085C13.9668 19.8605 14.0489 19.9587 14.0723 20.0451L14.1743 20.4216C14.3178 20.9517 14.799 21.3197 15.3483 21.3197C15.8624 21.3197 16.321 20.9967 16.4938 20.5128L16.6565 20.0575C16.6851 19.9774 16.7671 19.8907 16.908 19.8475C17.4765 19.6731 18.0063 19.3814 18.3976 18.9401C18.7961 18.4908 19.0268 17.9125 19.0268 17.2221C19.0268 16.1494 18.5585 15.4023 17.8857 14.8912C17.2419 14.402 16.4214 14.1358 15.7019 13.9471C15.0042 13.7642 14.6165 13.5947 14.4085 13.4394C14.3121 13.3675 14.2683 13.3086 14.246 13.2653C14.2244 13.2234 14.2096 13.1703 14.2096 13.0884C14.2096 12.922 14.2777 12.7823 14.4407 12.6666C14.6182 12.5407 14.9255 12.4359 15.3834 12.4359C16.0382 12.4359 16.2463 12.6431 16.3369 12.8306C16.5216 13.2124 16.9294 13.7612 17.6084 13.7612C17.9481 13.7612 18.2696 13.6182 18.486 13.3741C18.7094 13.1221 18.8184 12.7596 18.6997 12.3828C18.4413 11.5619 17.8439 10.8597 16.9179 10.4922C16.7725 10.4345 16.6952 10.3457 16.6692 10.2708L16.4918 9.75946C16.3226 9.27169 15.8628 8.94461 15.3463 8.94461C14.7979 8.94461 14.3178 9.31244 14.1754 9.84169L14.0712 10.2289C14.048 10.315 13.9661 10.4136 13.8154 10.4666C12.6941 10.8609 11.74 11.7509 11.74 13.1011C11.74 13.9976 12.1188 14.6867 12.7476 15.1933C13.3521 15.6805 14.1744 15.99 15.0744 16.208Z" fill="url(%23paint0_linear_7_1560)"/%3E%3C/g%3E%3Cdefs%3E%3Cfilter id="filter0_i_7_1560" x="0.906433" y="0.322224" width="29.5191" height="29.5198" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB"%3E%3CfeFlood flood-opacity="0" result="BackgroundImageFix"/%3E%3CfeBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape"/%3E%3CfeColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/%3E%3CfeOffset dx="0.515301" dy="-0.515301"/%3E%3CfeGaussianBlur stdDeviation="0.772951"/%3E%3CfeComposite in2="hardAlpha" operator="arithmetic" k2="-1" k3="1"/%3E%3CfeColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.16 0"/%3E%3CfeBlend mode="normal" in2="shape" result="effect1_innerShadow_7_1560"/%3E%3C/filter%3E%3ClinearGradient id="paint0_linear_7_1560" x1="15.4084" y1="0.837524" x2="15.4084" y2="29.842" gradientUnits="userSpaceOnUse"%3E%3Cstop stop-color="%23169360"/%3E%3Cstop offset="0.703125" stop-color="%2308734C"/%3E%3Cstop offset="1" stop-color="%23016442"/%3E%3C/linearGradient%3E%3C/defs%3E%3C/svg%3E') top no-repeat #E7F3EE; border: 1px solid #A8C2B7; background-size: 100px; background-position-y: 10px; } .pms-badge span { display: inline-block; text-transform: uppercase; color: #007c4c; margin-top: 120px; font-size: 90%; } .pms-setup-wizard-button { margin-top: 20px !important; } .cozmoslabs-section-image { margin: 35px auto 0 auto; display: block; max-width: 100%; } .cozmoslabs-basic-info-addons { display: flex; flex-direction: row; flex-wrap: wrap; justify-content: flex-start; gap: 30px; } .cozmoslabs-basic-info-addons div { flex-basis: 30%; } .cozmoslabs-basic-info-addons div > a:not(.pms-addon-image-container) { color: #1E1E1E; } .cozmoslabs-basic-info-addons div .pms-addon-image-container { display: flex; align-items: center; justify-content: center; overflow: hidden; margin-bottom: 5px; } .cozmoslabs-basic-info-addons div .pms-addon-image { max-width: 100%; } .cozmoslabs-basic-info-recommended { display: flex; flex-direction: row; align-items: center; justify-content: flex-start; gap: 40px; margin-top: 35px; } .cozmoslabs-basic-info-recommended .cozmoslabs-basic-info-recommended-img { flex-basis: 30%; } .cozmoslabs-basic-info-recommended .cozmoslabs-basic-info-recommended-img a { display: flex; align-items: center; justify-content: center; height: 130px; overflow: hidden; } #pms-recommended-translate-press .cozmoslabs-basic-info-recommended-img a { background: #006C9B; } #pms-recommended-profile-builder .cozmoslabs-basic-info-recommended-img a { background: #E8F2FF; } #pms-recommended-wp-webhooks .cozmoslabs-basic-info-recommended-img a { background: #00dc9e; } .cozmoslabs-basic-info-recommended .cozmoslabs-basic-info-recommended-img img { width: 85%; } .cozmoslabs-basic-info-recommended .cozmoslabs-basic-info-recommended-info { flex-basis: 70%; display: flex; flex-direction: column; gap: 5px; } .cozmoslabs-basic-info-recommended .cozmoslabs-basic-info-recommended-info a.button:hover { text-decoration: none; } .cozmoslabs-basic-info-recommended .cozmoslabs-basic-info-recommended-info .cozmoslabs-form-field-wrapper { margin: 0 !important; } .cozmoslabs-basic-info-recommended .cozmoslabs-basic-info-recommended-info .cozmoslabs-form-field-label { flex-basis: 100%; } /***********************************************************/ /* Dashboard PMS Widget (Payment Summary) /***********************************************************/ #pms_payments_summary .postbox-header h2.hndle { font-weight: 600; font-size: 11px !important; line-height: 40px !important; text-transform: uppercase; color: #1E1E1E; padding: 0 0 0 12px !important; height: 40px; } #pms_payments_summary .cozmoslabs-form-field-wrapper p { margin: 0 !important; } #pms_payments_summary .cozmoslabs-form-field-wrapper:first-of-type { margin-top: 0 !important; } #pms_payments_summary .cozmoslabs-form-field-wrapper:not(:first-of-type) { margin-top: 10px !important; } #pms_payments_summary .cozmoslabs-form-field-wrapper .cozmoslabs-form-field-label { font-weight: normal; } #pms_payments_summary .cozmoslabs-form-subsection-wrapper { border: none !important; margin: 0; padding: 15px 0; } #pms_payments_summary .cozmoslabs-form-subsection-wrapper:not(:first-of-type) { border-top: 1px solid #ccc !important; } #pms_payments_summary .pms-view-all-payments { margin-top: 10px; display: inline-block; } /***********************************************************/ /* Mobile /***********************************************************/ @media screen and (max-width: 500px) { .cozmoslabs-available-tags .cozmoslabs-tags-list { grid-template-columns: 1fr !important; } } @media screen and (max-width: 600px) { body[class*="_page_pms-"] .cozmoslabs-banner, body[class*="post-type-pms-"] .cozmoslabs-banner { padding-top: 60px !important; } body[class*="_page_pms-"] #wpbody, body[class*="post-type-pms-"] #wpbody, body[class*="post-type-pms-"] #wpcontent { padding: 0; } body[class*="post-type-pms-"] .wrap { margin: 0 10px; } body[class*="_page_pms-"] .wp-heading-inline, body[class*="post-type-pms-"] .wp-heading-inline { display: flex; flex-direction: column; gap: 15px; padding: 0; margin-bottom: 15px; } } @media screen and (max-width: 782px) { body[class*="_page_pms-"] .cozmoslabs-banner, body[class*="post-type-pms-"] .cozmoslabs-banner { margin-left: 0 !important; padding: 15px 8px; flex-direction: column; align-items: flex-start; justify-content: center; gap: 15px; } body[class*="_page_pms-"] .cozmoslabs-banner-buttons, body[class*="post-type-pms-"] .cozmoslabs-banner-buttons { gap: 5px; } body[class*="_page_pms-basic-info-page"] .cozmoslabs-page-header { flex-direction: column-reverse; align-items: flex-start; gap: 20px; } .cozmoslabs-basic-info-addons { margin-bottom: 35px; } .cozmoslabs-basic-info-addons div { flex-basis: 100%; height: auto; } .cozmoslabs-basic-info-recommended { flex-direction: column; align-items: unset; gap: 10px; } .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-form-field-wrapper label:not(.cozmoslabs-toggle-switch label), .cozmoslabs-form-field-wrapper select { flex-basis: 100% !important; max-width: unset; } #pms-member-subscription-details #subscription-plan-id { position: relative; } #pms-member-subscription-details #subscription-plan-id div.spinner { position: absolute; top: 0; right: 0; } #pms-member-billing-details .billing-details__data span { width: 100%; } .cozmoslabs-form-field-wrapper p.cozmoslabs-description { padding-left: 0; } #cozmoslabs-subsection-paypal-configs p.cozmoslabs-description { margin: 0; } .cozmoslabs-wysiwyg-wrapper .wp-editor-container .mce-toolbar-grp { padding: 10px; } .cozmoslabs-wysiwyg-wrapper button.wp-switch-editor { font-size: 13px; } .cozmoslabs-available-tags .cozmoslabs-tags-list { grid-template-columns: 1fr 1fr; } .cozmoslabs-wysiwyg-indented { display: block; } #pms_custom_tax_rates thead th, #pms_custom_tax_rates td { font-size: 12px; } .cozmoslabs-column-radios-wrapper { flex-direction: column; } .cozmoslabs-column-radios-wrapper label.cozmoslabs-form-field-label { flex-basis: unset; } .cozmoslabs-form-field-wrapper textarea, .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="number"], .cozmoslabs-form-field-wrapper input[type="text"] { flex-grow: 1; } .cozmoslabs-form-field-wrapper .cozmoslabs-serial-wrap__holder { flex-wrap: wrap; } #cozmoslabs-subsection-register-version .cozmoslabs-description-container { flex-basis: 100%; margin: 0; } .pms-forms-design { flex-basis: 150px; } .cozmoslabs-toggle-switch { justify-content: space-between; } #cozmoslabs-restriction-type .cozmoslabs-radio-inputs-row { flex-basis: 100%; } .cozmoslabs-checkbox-list .cozmoslabs-chckbox-container { width: 100%; } #cozmoslabs-form-subsection-invite-members tbody tr { display: flex; flex-direction: column; flex-wrap: wrap; } #cozmoslabs-form-subsection-invite-members tbody tr td #invite-new-members { border: none; } #cozmoslabs-form-subsection-invite-members tbody tr td { display: block !important; padding: 10px; } #cozmoslabs-form-subsection-invite-members tbody tr td:before, #cozmoslabs-form-subsection-invite-members tbody tr td #add-existing-users .invite-info, #cozmoslabs-form-subsection-invite-members tbody tr td .toggle-row { display: none; } #cozmoslabs-form-subsection-invite-members .button-secondary { margin-top: 0 !important; } #pms-edit-member-page td:not(.subscription_plan) { text-align: left !important; padding-left: 100px; } #pms-edit-member-page td.column-actions a:not(:last-of-type) { margin-right: 10px; } #pms-edit-member-page td .row-actions { flex-direction: row; justify-content: flex-start; padding: 0 10px; } #cozmoslabs-subsection-payment-logs .payment-logs td:not(.column-date) { padding: 0 10px; } #cozmoslabs-subsection-payment-logs .payment-logs td:not(.column-date):before { display: none; } #cozmoslabs-subsection-payment-logs.pms-payment-logs tr td .row-actions { display: none; } #cozmoslabs-subsection-payment-logs .payment-logs td.column-modal_data .pms-modal__halfrow { flex-direction: column; } #cozmoslabs-subsection-payment-logs .payment-logs td.column-modal_data .pms-modal__halfrow .pms-modal__half { width: 100%; } .cozmoslabs-basic-info-addons div .pms-addon-image-container { max-width: 200px; } .cozmoslabs-basic-info-recommended .cozmoslabs-basic-info-recommended-img a { max-width: 240px; } /* CPTs */ body[class*="_page_pms-"] .pagination-links .button, body[class*="post-type-pms-"] .pagination-links .button { padding: 0; } body[class*="post-type-pms-"] .wp-list-table tr .column-id:before { display: none !important; } body[class*="post-type-pms-"] .wp-list-table tbody { display: flex; flex-wrap: wrap; flex-direction: column; } body[class*="post-type-pms-"] .wp-list-table tbody tr { display: flex; flex-wrap: wrap; flex-grow: 1; } body[class*="post-type-pms-"] .wp-list-table tbody tr .column-order, body[class*="post-type-pms-"] .wp-list-table tbody tr .column-id, body[class*="post-type-pms-"] .wp-list-table tbody tr .check-column { flex-basis: 50px; } body[class*="post-type-pms-"] .wp-list-table thead tr .column-order, body[class*="post-type-pms-"] .wp-list-table thead tr .column-id, body[class*="post-type-pms-"] .wp-list-table thead tr .check-column { width: 50px !important; } body[class*="post-type-pms-"] .wp-list-table tbody tr .check-column > input { margin: 8px; } body[class*="post-type-pms-"] .wp-list-table tbody tr .column-title { flex-basis: 30%; box-sizing: border-box; flex-grow: 1; } body[class*="post-type-pms-"] .wp-list-table tbody td:not(.check-column, .column-id, .column-order, .column-title) { flex-basis: 100%; margin-top: 20px; } body[class*="post-type-pms-"] .wp-list-table tbody td:not(.check-column, .column-id, .column-order, .column-title):before { font-weight: 500; } body[class*="post-type-pms-"] p.search-box { flex-wrap: wrap; } body[class*="post-type-pms-"] p.search-box input[type="search"] { flex-grow: 1; } body.post-type-pms-subscription #pms-subscription-plan-trial-duration, body.post-type-pms-subscription #pms-subscription-plan-trial-duration-unit, body.post-type-pms-subscription #pms-subscription-plan-duration, body.post-type-pms-subscription #pms-subscription-plan-duration-unit { flex-basis: 45% !important; } body.post-type-pms-email-reminders #pms-email-reminder-trigger, body.post-type-pms-email-reminders #pms-email-reminder-trigger-unit { flex-basis: 45% !important; } /*Custom Pages Members/Payments */ body[class*="_page_pms-"] .wp-list-table.members, body[class*="_page_pms-"] .wp-list-table.payments { table-layout: unset; } body[class*="_page_pms-"] .wp-list-table.members tbody tr .check-column, body[class*="_page_pms-"] .wp-list-table.payments tbody tr .check-column { vertical-align: top; padding-top: 8px; } body[class*="_page_pms-"] .wp-list-table.members tbody tr td:before, body[class*="_page_pms-"] .wp-list-table.payments tbody tr td:before { font-weight: 600; font-size: 13px; line-height: 16px; color: #1E1E1E; } body[class*="_page_pms-"] .wp-list-table.members .column-user_id, body[class*="_page_pms-"] .wp-list-table.payments .column-id { width: unset; text-align: left; } body[class*="_page_pms-"] #major-publishing-actions select, body[class*="_page_pms-"] #major-publishing-actions input[type="text"] { width: 100%; } body[class*="_page_pms-members-page"] #post-body { display: flex; flex-direction: column; } body[class*="_page_pms-members-page"] #post-body-content { order: 2; } body[class*="_page_pms-members-page"] .filter-members-sidebox { margin-top: 0; order: 1; } body[class*="_page_pms-members-page"] .filter-members-sidebox #pms-filter-button { width: 140px; } body[class*="_page_pms-members-page"] .wp-list-table .toggle-row { top: 25px; } body[class*="_page_pms-members-page"] #pms-member-details .pms-group-edit-subscription { flex-direction: column; align-items: flex-start; gap: 10px; } } /***********************************************************/ /* Dashboard Page /***********************************************************/ body[class*="_page_pms-dashboard-page"] #wpbody-content { float: none !important; } .cozmoslabs-page-grid { display: grid; grid-template-columns: 1fr 1fr; column-gap: 20px; } .cozmoslabs-page-grid .cozmoslabs-form-subsection-wrapper { margin-top: 0; } .pms-dashboard-box { padding: 12px; font-size: 20px; font-weight: 400; line-height: 16px; color: #1E1E1E; border: 1px solid #CCC; border-left: none; } .pms-dashboard-box:first-of-type { border: 1px solid #CCC; } .pms-dashboard-box .label { font-size: 13px; line-height: 16px; font-weight: 400; margin-bottom: 12px; } .pms-dashboard-box .pms-payments-status { width: 25px; height: 25px; } .pms-dashboard-glance { display: grid; grid-template-columns: 1.2fr 2fr; } .pms-dashboard-glance__payments-status.test { background: #FDFBE6; } .pms-dashboard-glance__payments-status.live { background: #E7F3EE; } .pms-dashboard-stats { display: grid; grid-template-columns: 1fr 1fr 1fr; margin-bottom: 24px; border-left: 1px solid #CCC; border-top: 1px solid #CCC; } .pms-dashboard-stats .pms-dashboard-box { border: none; border-right: 1px solid #CCC; border-bottom: 1px solid #CCC; } .pms-dashboard-stats__title { display: flex; justify-content: space-between; margin-bottom: 16px; } .pms-dashboard-stats__title h4 { margin: 0px !important; } .pms-dashboard-box.all_time_earnings, .pms-dashboard-box.all_active_members { background: #E7F3EE; } .pms-dashboard-payments { margin-bottom: 24px; } .pms-dashboard-payments__row { margin-bottom: 16px; } .pms-dashboard-payments__row a { margin-bottom: 4px; color: #3858E9; font-size: 11px; font-weight: 600; line-height: 16px; text-transform: uppercase; } .pms-dashboard-payments__date { color: #757575; font-size: 11px; font-style: normal; font-weight: 500; line-height: 16px; text-transform: uppercase; } .pms-dashboard-shortcodes { margin-top: 24px; margin-bottom: 24px; } .pms-dashboard-shortcodes__row { display: flex; align-items: center; justify-content: space-between; margin-bottom: 24px; } .pms-dashboard-shortcodes__row__wrap { flex: 1; margin-right: 12px; } .pms-dashboard-shortcodes__row__wrap .label { color: #1E1E1E; font-size: 11px; font-weight: 600; line-height: 20px; text-transform: uppercase; margin-bottom: 2px; } .pms-dashboard-shortcodes__row__wrap p { color: #757575; font-size: 13px; font-weight: 400; line-height: 120%; margin-top: 0px; margin-bottom: 0px; } .pms-dashboard-shortcodes__row__input { flex: 1; border-radius: 2px; border: 1px solid #949494; padding: 12px 16px; color: #757575; font-size: 13px; font-weight: 400; } .pms-dashboard-shortcodes__description { color: #757575; font-size: 13px; font-weight: 400; line-height: 160%; margin-top: 0px; } /* PROGRESS STEPS DASHBOARD */ .pms-setup-progress__bar { display: flex; align-items: center; justify-content: center; margin-bottom: 24px; } .pms-setup-progress__bar .item { width: 24px; height: 8px; background: #E0E0E0; } .pms-setup-progress__bar .item:not(:last-child) { margin-right: 2px; } .pms-setup-progress__bar .item:first-child { border-radius: 44px 0px 0px 44px; } .pms-setup-progress__bar .item:last-child { border-radius: 0px 44px 44px 0px; } .pms-setup-progress__bar .item.completed { background: #0D7C51; } .pms-setup-progress__steps { display: grid; grid-template-columns: 1fr 1fr; } .pms-setup-progress__step { counter-increment: tab; display: flex; align-items: center; padding: 8px 12px; border: 1px solid #CCC; color: #1E1E1E !important; } .pms-setup-progress__step:hover { color: #3858E9 !important; } .completed.pms-setup-progress__step { text-decoration: line-through !important; } .completed.pms-setup-progress__step:before { color: white; background: #0D7C51; } .pms-setup-progress__step:before { width: 30px; height: 30px; content: counter( tab ); line-height: 30px; border: 1px solid #169360; 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 */ .pms-setup-wrap .pms-setup-progress__step:nth-child(3), .pms-setup-wrap .pms-setup-progress__step:nth-child(4), .pms-setup-wrap .pms-setup-progress__step:nth-child(5), .pms-setup-wrap .pms-setup-progress__step:nth-child(6) { border-top: 0px; } .pms-setup-wrap .pms-setup-progress__step:nth-child(2), .pms-setup-wrap .pms-setup-progress__step:nth-child(4), .pms-setup-wrap .pms-setup-progress__step:nth-child(6) { border-left: 0px; } .pms-dashboard-progress .pms-setup-progress__steps { display: block; margin-bottom: 24px; } .pms-dashboard-progress .pms-setup-progress h3 { display: none; } .pms-dashboard-progress .pms-setup-progress__step:not(:first-child) { border-top: 0px; } @media screen and (max-width: 1080px) { body[class*="post-type-pms-"].post-php #wpbody-content .wrap, .cozmoslabs-wrap { margin: 30px 10px; } } /***********************************************************/ /* Uninstall Page /***********************************************************/ body.admin_page_pms-uninstall-page #cozmoslabs-uninstall-pms-header { display: flex; flex-direction: column; gap: 5px; justify-content: center; align-items: flex-start; margin: 40px 0; } body.admin_page_pms-uninstall-page #cozmoslabs-uninstall-pms-header .cozmoslabs-description { font-size: 15px !important; } body.admin_page_pms-uninstall-page .pms-uninstall-warning { box-sizing: border-box; display: flex; flex-direction: column; gap: 10px; align-items: flex-start; justify-content: center; width: 90%; max-width: 930px; margin: 50px auto; padding: 20px; background: #FDFBE6; } body.admin_page_pms-uninstall-page .pms-uninstall-warning h4 { margin: 0; } body.admin_page_pms-uninstall-page .pms-uninstall-actions { display: flex; flex-direction: row; align-items: center; justify-content: flex-start; flex-wrap: wrap; gap: 40px; } body.admin_page_pms-uninstall-page .pms-uninstall-actions .button-secondary { height: 45px !important; min-width: 140px; } /* uninstall confirmation popup */ body.admin_page_pms-uninstall-page .pms-uninstall-confirmation-actions { display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; margin-top: 20px; } body.admin_page_pms-uninstall-page #pms-confirm-uninstall { border: 1px solid #949494; border-radius: 2px; font-size: 13px; line-height: 20px; color: #1E1E1E; padding: 0 10px; margin: 0; height: 40px; } body.admin_page_pms-uninstall-page #pms-confirm-uninstall:hover { border-color: #3858E9; color: #1E1E1E; } body.admin_page_pms-uninstall-page #pms-confirm-uninstall:focus { border-color: #3858E9; box-shadow: 0 0 0 1px #3858E9; } body.admin_page_pms-uninstall-page .pms-uninstall-thickbox-footer { display: flex; flex-direction: row; align-items: center; gap: 20px; justify-content: flex-start; } body.admin_page_pms-uninstall-page .pms-uninstall-thickbox-footer .button-primary { height: 40px; min-width: 100px; } body.admin_page_pms-uninstall-page .pms-uninstall-thickbox-footer .button-secondary { min-width: 100px } body.admin_page_pms-uninstall-page #TB_ajaxContent { box-sizing: border-box; } body.admin_page_pms-uninstall-page #TB_closeWindowButton:hover .tb-close-icon, body.admin_page_pms-uninstall-page #TB_closeWindowButton:focus .tb-close-icon { color: #3858E9 !important; box-shadow: none !important; } /***********************************************************/ /* Pricing Table /***********************************************************/ /* Settings for Create Pricing Table button*/ .pms-modal-dashboard{ width: 75%; min-height: 350px; top: 35%; } .pms-modal__holder h2 { margin-top: 0; } .pms-modal__holder .pms-button-close { position: absolute; width: 20px; height: 20px; top: 20px; right: 20px; opacity: 0.8; transition: all 200ms; font-size: 24px; font-weight: bold; text-decoration: none; color: #666; } .pms-modal__holder .pms-button-close:hover { opacity: 1; } .pms-modal__holder p { margin: 0 0 1em; } .pms-modal__holder p:last-child { margin: 0; } .pms-modal__holder .pms-chosen-modal{ width: 300px; } .pms-select-container label{ margin-right: 10px; font-size: 14px; } /*Settings for error message*/ .pms-modal__holder .pms-error-box { background-color: #f8d7da; border: 2px solid #f5c6cb; padding: 10px; box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1); max-width: 100%; margin: 20px auto; text-align: center; } .pms-modal__holder .pms-error-message { color: #721c24; font-size: 16px; margin: 0; } .post-type-pms-subscription .pms-modal { top: 25%; min-height: 25%; } .post-php .pms-modal{ width: auto; } .overlay { display: none; position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.3); z-index: 1; } .pms-icon-style{ height: 16px !important; } #pms_stripe_deprecation_notice strong { font-size: 110%; } /***********************************************************/ /* Shortcode Copy / Click to Copy functionality /***********************************************************/ .pms-shortcode_copy-text, .pms-shortcode_copy{ cursor: pointer; } /* plugin optin */ .pms-optin-page { display: flex; align-items: center; justify-content: center; } .pms-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; } .pms-optin-page__content { padding: 16px; } .pms-optin-page__message { font-size: 110%; } .pms-optin-page__bottom { display: flex; justify-content: space-between; } .pms-optin-page__bottom .button-secondary { color: #555; border-color: #555; opacity: 0.6; display: flex; align-items: center; justify-content: center; min-width: 60px; } .pms-optin-page__footer { background-color: #f2f2f2; border-bottom-right-radius: 8px; border-bottom-left-radius: 8px; } .pms-optin-page__extra { padding-left: 40px; padding-right: 40px; } .pms-optin-page__extra.hidden { display: none; } .pms-optin-page__extra-line { display: flex; align-items: center; margin-bottom: 12px; } .pms-optin-page__extra-icon { width: 40px; height: 40px; font-size: 40px; margin-right: 12px; padding-top: 4px; } .pms-optin-page__extra-content h4 { margin-top: 0px; margin-bottom: 0px; text-transform: uppercase; } .pms-optin-page__extra-content p { margin-top: 0px; margin-bottom: 0px; color: #646970; } .pms-optin-page__more-wrap { display: flex; justify-content: center; padding-top: 12px; padding-bottom: 12px; } .pms-optin-page__more { font-size: 90%; opacity: 0.8; text-decoration: none; } .pms-optin-page__more:hover { opacity: 0.8; text-decoration: underline; } .pms-optin-page__footer-links { display: flex; justify-content: center; font-size: 90%; padding-bottom: 12px; color: #555; } .pms-optin-page__footer-links a { color: #555; text-decoration: none; } .pms-optin-page__footer-links a:hover { color: black; } .pms-optin-page__footer-links a:first-child { margin-right: 8px; } .pms-optin-page__footer-links a:last-child { margin-left: 8px; } .pms-optin-page__top { display: flex; align-items: center; justify-content: center; } .pms-optin-page__top img { width: 90px; border-radius: 50%; } .pms-optin-page__top svg { width: 90px; height: 90px; } .pms-optin-page__top .pms-optin-page__extra-icon { margin-left: 12px; color: rgba(100, 100, 111, 0.3); } .admin_page_pms-optin-page .notice { display: none !important; } /**************************************************/ /* Pricing Table Designs - Admin UI styles /**************************************************/ #pms-pricing-tables-design-browser { display: flex; flex-wrap: wrap; flex-direction: row; gap: 20px; justify-content: start; padding-bottom: 20px; } .pms-pricing-tables-design { width: 180px; flex-basis: unset; } .pms-pricing-tables-design label { font-style: normal; font-weight: 400; font-size: 14px; line-height: 18px; color: #1E1E1E; } .pms-pricing-tables-design label input[type="radio"] { margin-left: 10px; } .pms-pricing-tables-design-preview { position: absolute; display: none !important; height: 32px !important; } .pms-pricing-tables-design:hover .pms-pricing-tables-design-screenshot .pms-pricing-tables-design-preview { display: flex !important; } .pms-pricing-tables-design-screenshot { width: 100%; height: 100px; display: flex; align-items: center; justify-content: center; background: #FFF; border: 1px solid #cccccc; border-radius: 2px; box-sizing: border-box; position: relative; margin-top: 10px; } .pms-pricing-tables-design:not(#pricing-table-style-default) .pms-pricing-tables-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; } .pms-pricing-tables-design:not(#pricing-table-style-default):hover .pms-pricing-tables-design-screenshot:before { opacity: 1; } .pms-pricing-tables-design-screenshot:not(#pricing-table-style-default .pms-pricing-tables-design-screenshot) img { max-width: 100%; max-height: 100%; } #pricing-table-style-default .pms-pricing-tables-design-screenshot img { max-width: 100%; overflow: hidden; } #pricing-table-style-default .pms-pricing-tables-design-screenshot { overflow: hidden; } .pms-pricing-tables-design-modal { display: none; padding: 16px 24px; } .pms-pricing-tables-design-modal .pms-pricing-tables-design-preview-image { width: 100%; height: auto; display: none; } .pms-pricing-tables-design-modal .pms-pricing-tables-design-preview-image.active { display: block; } .pms-pricing-tables-design-modal .pms-slideshow-button { font-size: 50px; cursor: pointer; color: #6E7A86; } .pms-pricing-tables-design-modal .pms-slideshow-button.disabled { visibility: hidden; } .pms-pricing-tables-design-modal .pms-pricing-tables-design-modal-slideshow { display: flex; flex-direction: row; align-items: center; gap: 20px; } .ui-dialog[aria-describedby^='pms-modal-pricing-table-style'] .ui-widget-header { background: transparent; border: none; border-bottom: 1px solid #dcdcde; } .ui-dialog[aria-describedby^='pms-modal-pricing-table-style'] .ui-button, .ui-dialog[aria-describedby^='pms-modal-pricing-table-style'] .ui-button:focus, .ui-dialog[aria-describedby^='pms-modal-pricing-table-style'] .ui-button:hover { background: transparent; border: none; box-shadow: none; } /***********************************************************/ /* WordPress Admin Menu Item /***********************************************************/ body.admin-color-fresh ul#adminmenu .toplevel_page_paid-member-subscriptions a.menu-top .wp-menu-image img { display: none; } body.admin-color-fresh ul#adminmenu .toplevel_page_paid-member-subscriptions a.menu-top .wp-menu-image:after { content: url("../images/pms-wp-menu-icon.svg"); position: absolute; top: 13px; left: 6px; opacity: 0.6; } body.admin-color-fresh ul#adminmenu .toplevel_page_paid-member-subscriptions.opensub a.menu-top .wp-menu-image:after, body.admin-color-fresh ul#adminmenu .toplevel_page_paid-member-subscriptions:not(.wp-menu-open) a.menu-top:hover .wp-menu-image:after { content: url("../images/pms-wp-menu-icon-hover.svg"); opacity: 1; } body.admin-color-fresh ul#adminmenu .toplevel_page_paid-member-subscriptions.wp-menu-open a.menu-top .wp-menu-image:after { opacity: 1; } /***********************************************************/ /* Reports Page /***********************************************************/ .pms-custom-date-range-options{ display: flex; justify-content: flex-start; margin-left: 20px; } #pms-container-select-date{ margin-top: 0 !important; margin-bottom: 20px; } .pms-container-date-range{ display: flex; justify-content: flex-start; width: 420px; } #pms-container-specific-subs .cozmoslabs-description-space-left{ padding-left: 194px; } #pms-container-specific-subs .cozmoslabs-form-field-label, #pms-container-date .cozmoslabs-form-field-label{ flex-basis: 181px; } #pms-custom-date-range-options .cozmoslabs-form-field-label{ flex-basis: 140px; } #pms-container-specific-subs .chosen-container{ flex-basis: 229px; } #pms-custom-date-range-options input[type="text"]{ flex-basis: 352px !important; } #pms-reports-expiration-date-label{ margin-left: 20px; } #pms-reports-start-date-label{ margin-right: 10px; } /*#pms-general-link, #pms-subscription-plans-link,*/ /*#pms-discount-codes-link, #pms-general-link-previous,*/ /*#pms-subscription-plans-link-previous, #pms-discount-codes-link-previous{*/ /* margin-right: 20px;*/ /* cursor: pointer;*/ /*}*/ .pms-summary-tab { cursor: pointer; } .pms-summary-tab:not(:last-of-type) { margin-right: 20px; } .pms-summary-section:not(.pms-general-section, .pms-general-section-previous) { display: none; } .cozmoslabs-form-subsection-wrapper .inside a.active{ font-weight: bold; } .pms-general-section .pms-gateway-revenue, .pms-general-section .pms-payment-retries, .pms-general-section-previous .pms-gateway-revenue, .pms-general-section-previous .pms-payment-retries{ display: block !important; } .pms-general-section .pms-gateway-revenue ul, .pms-general-section .pms-payment-retries ul, .pms-general-section-previous .pms-gateway-revenue ul, .pms-general-section-previous .pms-payment-retries ul{ margin-left: 30px; } #pms_subscription_plans_section .cozmoslabs-form-field-wrapper, #pms_discount_codes_section .cozmoslabs-form-field-wrapper{ margin-top: 0 !important; margin-bottom: 16px !important; } #pms_subscription_plans_section .cozmoslabs-form-field-wrapper:last-child, #pms_discount_codes_section .cozmoslabs-form-field-wrapper:last-child{ margin-bottom: 0 !important; } #pms_subscription_plans_section .pms-subscription-plans-header, #pms_discount_codes_section .pms-discount-codes-header{ margin-bottom: 16px; margin-top: 20px; display: flex; flex-direction: row; align-items: center; justify-content: flex-start; gap: 10px; border-bottom: 1px solid #dcdcde; padding-bottom: 8px; } #pms_subscription_plans_section .pms-subscription-plans-header label.cozmoslabs-form-field-label, #pms_discount_codes_section .pms-discount-codes-header 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; } #pms-container-select-date .pms-container-date-range{ margin-top: 0 !important; } #pms-container-select-date .pms-container-date-range #pms-reports-filter-month{ flex-basis: 229px !important; flex-grow: 0 !important; } #pms-container-specific-subs{ margin-top: 0 !important; margin-bottom: 20px; } #pms-container-specific-subs #specific-subscriptions{ width: 200px; } .pms-arrow{ width: 20px; height: 20px; margin-right: -10px; } .pms-general-section .cozmoslabs-form-field-wrapper, .pms-general-section-previous .cozmoslabs-form-field-wrapper { margin-top: 14px !important; } .pms-general-section .pms-gateway-revenue .cozmoslabs-form-field-wrapper, .pms-general-section .pms-payment-retries .cozmoslabs-form-field-wrapper, .pms-general-section-previous .pms-gateway-revenue .cozmoslabs-form-field-wrapper, .pms-general-section-previous .pms-payment-retries .cozmoslabs-form-field-wrapper { margin-top: 8px !important; } .pms-general-section .pms-gateway-revenue, .pms-general-section .pms-payment-retries, .pms-general-section-previous .pms-gateway-revenue, .pms-general-section-previous .pms-payment-retries { border-top: 1px solid #dcdcde; padding-top: 12px; } /*.pms-general-section .pms-gateway-revenue, .pms-general-section-previous .pms-gateway-revenue,*/ /*.pms-general-section .pms-payment-retries, .pms-general-section-previous .pms-payment-retries{*/ /* margin-top: 24px !important;*/ /*}*/ .pms-reports-summary-section{ display: flex; flex-direction: row; /*align-items: center;*/ justify-content: flex-start; flex-wrap: wrap; gap: 10px; } .pms-reports-summary-section .cozmoslabs-form-subsection-wrapper{ flex: 1; } #pms-best-performing { display: flex; align-items: flex-start; justify-content: flex-start; gap: 10px; } .pms-total-container .pms-currency { display: flex; align-items: center; justify-content: space-between; gap: 10px; } .pms-total-container .pms-currency-difference { display: flex; align-items: center; justify-content: flex-start; } .pms-total-container .pms-currency-difference .pms-arrow { margin: -2px 0 0 0; } #pms_subscription_plans_section .pms-plans-section .cozmoslabs-form-field-label{ flex-basis: unset; flex: 1; } #pms_subscription_plans_section .pms-plans-section .pms-normal-font{ font-weight: normal !important; } @media (max-width: 782px) { #pms-container-specific-subs .cozmoslabs-description-space-left{ padding-left: 0; } #pms-custom-date-range-options .cozmoslabs-form-field-label { flex-basis: 140px !important; } } /***********************************************************/ /* Files Restriction /***********************************************************/ #pms-files-restriction-admin-notice{ display: flex !important; gap: 5px; align-items: center; } .pms-bf-notice-container { display: flex; align-items: center; padding: 10px; padding-left: 0px; gap: 8px; } .pms-bf-notice-container p .button-primary { min-width: auto; font-size: 14px; padding-left: 20px; padding-right: 20px; } #pms_bf_2024 p:first-child { padding: 0px; margin: 0px; } #pms_bf_2024 p:last-child { padding: 0px; margin: 0px; } div.wppb-notice, div.wppb-serial-notification { position: relative; } #pms_addon_release_multiple_currencies p:nth-child(2) strong:first-child { display: block; margin-bottom: 6px; } .title-section-subscriptions-details{ display: flex; gap: 8px; } #pms_add-new-rule-container .pms-add-rule { display: none; } /***********************************************************/ /* Extra Subscription and Discount Options add-on /***********************************************************/ .pms-arrow-extra-options { display: inline-block; transition: transform 0.2s ease; margin-left: 5px; } .pms-arrow-extra-options.open { transform: rotate(90deg); /* down arrow */ } .pms-toggle-extra-options{ font-size: 14px !important; margin-top: 30px; display: inline-block; } #pms-date-error, #pms-limit-error{ color: red !important; display: none; } .pms-addon-upsell-wrapper { position: relative; } .pms-addon-upsell-wrapper .cozmoslabs-description-upsell { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); text-align: center; z-index: 1; font-size: 16px; font-weight: 500; width: auto !important; padding: 18px; } .pms-addon-upsell-wrapper .button-primary { margin-top: 12px; font-size: 16px !important; line-height: 100% !important } .pms-esdo-start-date, .pms-esdo-end-date{ margin-left: 9px; }