.cozmoslabs-wrap { max-width: 900px !important; margin: 0 auto; box-sizing: border-box; display: flex; flex-direction: column; } body[class*="profile-builder_page_"] #screen-meta-links { margin-left: 20px; position: absolute; right: 0; top: auto; } .wppb-backend-notice { display: inline-block; background-color: #FDFBE6; border: 1px solid #ffb900; font-style: normal; font-weight: 400; font-size: 14px; line-height: 16px; color: #1E1E1E; padding: 10px 20px; border-radius: 2px; margin: 5px 0; } .cozmoslabs-columns-container { display: flex; align-items: flex-start; justify-content: flex-start; } .cozmoslabs-columns-container .cozmoslabs-column { box-sizing: border-box; flex: 1; } .cozmoslabs-columns-container .cozmoslabs-column:not(:first-of-type) { border-left: 1px solid #c3c4c7; } .cozmoslabs-columns-container .cozmoslabs-column:not(:last-of-type) { padding-right: 20px; } .cozmoslabs-columns-container .cozmoslabs-column:last-of-type { padding-left: 20px; } /***********************************************************/ /* Settings Page Header /***********************************************************/ .cozmoslabs-page-header { display: flex; flex-direction: row; align-items: center; justify-content: space-between; margin: 40px 0; } .cozmoslabs-section-title { display: flex; flex-direction: row; align-items: center; justify-content: flex-start; gap: 10px; margin: 0; } .cozmoslabs-wrap .cozmoslabs-page-title { font-style: normal; font-weight: 400; font-size: 26px; line-height: 28px; color: #1E1E1E; margin: 0; } /***********************************************************/ /* Primary Tab Navigation /***********************************************************/ .cozmoslabs-nav-tab-wrapper { display: flex; flex-direction: row; align-items: center; justify-content: flex-start; flex-wrap: nowrap; gap: 10px; height: 50px; padding: 0 10px; margin-top: 0; background: #FFFFFF; border: 1px solid #CCCCCC; border-bottom-width: 2px; box-shadow: 0 1px 1px rgb(0 0 0 / 10%); border-radius: 2px 2px 0 0; } .cozmoslabs-nav-tab-wrapper a.nav-tab { background: none; border: none; border-bottom: 2px solid transparent; margin: 0 0 -2px 0; padding: 0 15px; line-height: 50px; font-style: normal; font-weight: 500; font-size: 13px; color: #1E1E1E; } .cozmoslabs-nav-tab-wrapper a.nav-tab:hover, .cozmoslabs-nav-tab-wrapper a.nav-tab.nav-tab-active { border-bottom: 2px solid #3858E9; } .cozmoslabs-nav-tab-wrapper a.nav-tab:focus { box-shadow: none; outline: none; } /***********************************************************/ /* Secondary Tab Navigation /***********************************************************/ .cozmoslabs-nav-sub-tab-wrapper { display: flex; flex-direction: row; align-items: center; justify-content: flex-start; gap: 30px; height: 40px; background: #FFFFFF; border: 1px solid #CCCCCC; border-top: 0; border-radius: 2px 2px 0 0; padding: 0 15px; margin-top: 0; float: none; } .cozmoslabs-nav-sub-tab-wrapper li { border: none; } .cozmoslabs-nav-sub-tab-wrapper a.nav-sub-tab { font-style: normal; font-weight: 400; font-size: 13px; line-height: 16px; color: #757575; } .cozmoslabs-nav-sub-tab-wrapper a.nav-sub-tab:hover, .cozmoslabs-nav-sub-tab-wrapper a.nav-sub-tab.current { text-decoration: underline; color: #3858E9; font-weight: 400; } .cozmoslabs-nav-sub-tab-wrapper a:focus { outline: none; box-shadow: none; } .cozmoslabs-nav-sub-tab-wrapper .subsubsub-sub-tab:after { display: none; } /***********************************************************/ /* Page Banner /***********************************************************/ body[class*="profile-builder_page_"] .cozmoslabs-banner, body[class*="post-type-wppb-"] .cozmoslabs-banner { margin-left: -20px; } .cozmoslabs-banner { display: flex; flex-direction: row; align-items: center; justify-content: space-between; flex-wrap: wrap; box-sizing: border-box; background: #E8F2FF; border: 1px solid #9FAAB8; border-radius: 0; padding: 15px; } .cozmoslabs-banner-title { display: flex; flex-direction: row; align-items: center; justify-content: flex-start; gap: 10px; } .cozmoslabs-banner-title h4 { font-family: 'Poppins', sans-serif; font-style: normal; font-weight: 600; font-size: 24px; line-height: 34px; letter-spacing: -0.03em; text-transform: capitalize; margin: 0; color: #212121; } .cozmoslabs-banner-title img { width: 30px; height: 30px; } .cozmoslabs-banner-buttons { display: flex; flex-direction: row; align-items: center; justify-content: flex-start; flex-wrap: wrap; gap: 15px; } .cozmoslabs-banner-link { display: flex; flex-direction: row; justify-content: center; align-items: center; gap: 5px; border: 1px solid #9FAAB8; border-radius: 2px; padding: 8px 12px; font-style: normal; font-size: 13px; text-decoration: none; } .cozmoslabs-banner-link:focus { outline: none; box-shadow: none; } .cozmoslabs-support-link, .cozmoslabs-documentation-link { background: #FFFFFF; color: #1E1E1E; font-weight: 400; } .cozmoslabs-support-link:hover, .cozmoslabs-documentation-link:hover, .cozmoslabs-support-link:focus, .cozmoslabs-documentation-link:focus { background: #F0F0F0; color: #1E1E1E; } .cozmoslabs-upgrade-link { background: #0F15B0; border: none; color: #FFFFFF; font-weight: 600; } .cozmoslabs-upgrade-link:focus, .cozmoslabs-upgrade-link:hover { background: #0e1294; color: #FFFFFF; } /***********************************************************/ /* Form Settings /***********************************************************/ .cozmoslabs-form-subsection-wrapper { background: #FFFFFF; border: 1px solid #CCCCCC; border-radius: 2px; padding: 25px 15px; margin-top: 20px; } .cozmoslabs-subsection-title { font-weight: 600; font-size: 11px !important; line-height: 16px !important; text-transform: uppercase; color: #1E1E1E; margin: 0 0 10px 0 !important; padding: 0 !important; display: flex; justify-content: space-between; } .cozmoslabs-form-subsection-wrapper .inside { margin: 0; padding: 0; } .cozmoslabs-form-field-wrapper { display: flex; flex-direction: row; align-items: center; justify-content: flex-start; flex-wrap: wrap; gap: 10px; margin-top: 35px !important; } .cozmoslabs-form-subsection-wrapper.cozmoslabs-no-title-section > .cozmoslabs-form-field-wrapper:first-of-type { margin-top: 0 !important; } .cozmoslabs-form-field-wrapper label.cozmoslabs-form-field-label { flex-basis: 220px; font-weight: 600; font-size: 13px; line-height: 16px; display: flex; align-items: center; gap: 10px; color: #1E1E1E; } .cozmoslabs-form-field-wrapper .chosen-container, .cozmoslabs-form-field-wrapper .select2-container, .cozmoslabs-form-field-wrapper select, .cozmoslabs-form-field-wrapper input[type="date"], .cozmoslabs-form-field-wrapper input[type="password"], .cozmoslabs-form-field-wrapper input[type="number"]:not(.wppb-rpf-rule-value), .cozmoslabs-form-field-wrapper input[type="file"], .cozmoslabs-form-field-wrapper input[type="text"]:not(#paypal-ipn-url, #stripe-connect-webhook-url, .wck-woocheckbox-field-label) { flex-basis: 330px; width: 330px; } .cozmoslabs-form-field-wrapper textarea, .cozmoslabs-form-field-wrapper .chosen-container .chosen-single, .cozmoslabs-form-field-wrapper .select2-container .select2-selection, .cozmoslabs-form-field-wrapper select, .cozmoslabs-form-field-wrapper input[type="password"], .cozmoslabs-form-field-wrapper input[type="date"], .cozmoslabs-form-field-wrapper input[type="number"], .cozmoslabs-form-field-wrapper input[type="text"]:not(#paypal-ipn-url, #stripe-connect-webhook-url, .wck-woocheckbox-field-label) { border: 1px solid #949494; border-radius: 2px; font-size: 13px; line-height: 20px; color: #1E1E1E; padding: 0 10px; margin: 0; } .cozmoslabs-form-field-wrapper textarea { flex-basis: 330px; width: 330px; height: 100px; padding: 10px !important; } .cozmoslabs-form-field-wrapper .select2-container .select2-selection--single, .cozmoslabs-form-field-wrapper .chosen-container .chosen-single, .cozmoslabs-form-field-wrapper select, .cozmoslabs-form-field-wrapper input[type="password"], .cozmoslabs-form-field-wrapper input[type="date"], .cozmoslabs-form-field-wrapper input[type="number"], .cozmoslabs-form-field-wrapper input[type="text"]:not(#paypal-ipn-url, #stripe-connect-webhook-url, .wck-woocheckbox-field-label) { height: 40px; } .cozmoslabs-form-field-wrapper .select2-container .select2-selection--single .select2-selection__rendered, .cozmoslabs-form-field-wrapper .chosen-container-multi .chosen-choices { min-height: 40px; line-height: 40px; } .cozmoslabs-form-field-wrapper .select2-selection--multiple .select2-selection__rendered { min-height: 40px; display: flex !important; flex-wrap: wrap; justify-content: flex-start; align-items: center; } .cozmoslabs-form-field-wrapper .select2-selection--multiple .select2-selection__rendered .select2-selection__choice__remove:hover { color: #e76054; } .cozmoslabs-form-field-wrapper .select2-selection--multiple .select2-selection__rendered .select2-selection__choice, .cozmoslabs-form-field-wrapper .chosen-container .chosen-single { display: flex; align-items: center; background: #ffffff; } .cozmoslabs-form-field-wrapper .select2-container .select2-selection, .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 .select2-container .select2-selection .select2-selection__arrow { display: none; } .cozmoslabs-form-field-wrapper textarea:not(:disabled, :read-only):hover, .cozmoslabs-form-field-wrapper .chosen-container .chosen-single:hover, .cozmoslabs-form-field-wrapper .select2-container .select2-selection:hover, .cozmoslabs-form-field-wrapper select:hover, .cozmoslabs-form-field-wrapper input[type="password"]:not(:disabled, :read-only):hover, .cozmoslabs-form-field-wrapper input[type="date"]:not(:disabled, :read-only):hover, .cozmoslabs-form-field-wrapper input[type="number"]:not(:disabled, :read-only):hover, .cozmoslabs-form-field-wrapper input[type="text"]:not(:disabled, :read-only, #paypal-ipn-url, #stripe-connect-webhook-url):hover { border-color: #3858E9; color: #1E1E1E; } .cozmoslabs-form-field-wrapper textarea:focus, .cozmoslabs-form-field-wrapper .chosen-container-active, .cozmoslabs-form-field-wrapper .select2-container--focus .select2-selection--multiple, .cozmoslabs-form-field-wrapper select:focus, .cozmoslabs-form-field-wrapper input[type="password"]:not(:disabled):focus, .cozmoslabs-form-field-wrapper input[type="date"]:not(:disabled):focus, .cozmoslabs-form-field-wrapper input[type="number"]:not(:disabled):focus, .cozmoslabs-form-field-wrapper input[type="text"]:not(:disabled, #paypal-ipn-url, #stripe-connect-webhook-url):focus { border: 1px solid #3858E9 !important; box-shadow: 0 0 0 1px #3858E9; } .cozmoslabs-form-field-wrapper .chosen-container-active, .cozmoslabs-form-field-wrapper select:focus { color: #3858E9; } .cozmoslabs-form-field-wrapper textarea:disabled, .cozmoslabs-form-field-wrapper select:disabled, .cozmoslabs-form-field-wrapper input[type="password"]:disabled, .cozmoslabs-form-field-wrapper input[type="date"]:disabled, .cozmoslabs-form-field-wrapper input[type="number"]:disabled, .cozmoslabs-form-field-wrapper input[type="text"]:not(#paypal-ipn-url, #stripe-connect-webhook-url):disabled { opacity: 0.5; pointer-events: none; } .cozmoslabs-wrap a:not(.button-secondary, .button-primary, .submitdelete, .mbdelete, .chosen-single, .cozmoslabs-remove-item, .page-title-action, .cozmoslabs-banner-link, .nav-tab, .nav-sub-tab ), .cozmoslabs-form-subsection-wrapper a, .cozmoslabs-form-field-wrapper a { color: #3858E9; text-decoration: none; } .cozmoslabs-wrap a:not(.button-secondary, .button-primary, .submitdelete, .mbdelete, .chosen-single, .cozmoslabs-remove-item, .page-title-action, .cozmoslabs-banner-link, .nav-tab, .nav-sub-tab ):hover, .cozmoslabs-form-subsection-wrapper a:not(.button-secondary, .button-primary, .chosen-single, .cozmoslabs-remove-item, .submitdelete ):hover, .cozmoslabs-form-field-wrapper a:not(.button-secondary, .button-primary, .chosen-single, .cozmoslabs-remove-item, .submitdelete ):hover { text-decoration: underline; } .cozmoslabs-wrap a:not(.button-secondary, .button-primary, .submitdelete, .mbdelete, .chosen-single, .cozmoslabs-remove-item, .page-title-action, .cozmoslabs-banner-link, .nav-tab, .nav-sub-tab):focus, .cozmoslabs-form-subsection-wrapper a:not(.button-secondary, .button-primary):focus, .cozmoslabs-form-field-wrapper a:not(.button-secondary, .button-primary):focus { box-shadow: none; outline: none; } /* form field description */ .cozmoslabs-description { font-weight: 400; font-size: 13px !important; line-height: 20px !important; color: #757575 !important; margin: 0 !important; } .cozmoslabs-description strong { display: unset !important; padding: 0 !important; } .cozmoslabs-description-space-left { padding-left: 230px; } .cozmoslabs-form-field-wrapper .cozmoslabs-description-space-left { flex-basis: 100%; } .cozmoslabs-form-field-wrapper .cozmoslabs-description-align-right { flex-basis: 280px; flex-grow: 1; padding-left: 10px; } .cozmoslabs-group-fields-row { display: flex; flex-direction: row; justify-content: space-between; align-items: center; margin-top: 35px; } .cozmoslabs-group-fields-row .cozmoslabs-form-field-wrapper { flex-basis: 45%; margin: 0; } .cozmoslabs-group-fields-row .cozmoslabs-form-field-wrapper .cozmoslabs-form-field-label { flex-basis: auto; } .cozmoslabs-disabled-input { flex-basis: 260px; width: 100%; display: flex; align-items: center; height: 40px; border: 1px solid #949494; border-radius: 2px; font-size: 13px; line-height: 20px; color: #1E1E1E; padding: 0 10px; box-sizing: border-box; opacity: 0.5; } #wppb-toolbox-redirect-if-empty-required-url, .cozmoslabs-wrap .wppb-toolbox-accordion { display: none; } /***********************************************************/ /* 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 */ .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; } .cozmoslabs-wrap .button-secondary { display: flex; align-items: center; justify-content: center; cursor: pointer; } .cozmoslabs-wrap input[type="file"]::file-selector-button:hover, .cozmoslabs-wrap .button-secondary:hover, .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-wppb-"] .submitdelete, .cozmoslabs-wrap .submitdelete { color: #e76054; text-decoration: underline; } body[class*="post-type-wppb-"] .submitdelete:hover, body[class*="post-type-wppb-"] .submitdelete:focus, .cozmoslabs-wrap .submitdelete:hover, .cozmoslabs-wrap .submitdelete:focus { color: #c93f32; text-decoration: none; } /***********************************************************/ /* Toggle Switch /***********************************************************/ .cozmoslabs-toggle-switch { align-items: flex-start; } .cozmoslabs-toggle-container { position: relative; width: 36px; height: 18px; margin-right: 15px; } .cozmoslabs-toggle-container input { display: none !important; } .cozmoslabs-toggle-track { position: relative; display: flex; align-items: center; cursor: pointer; width: 100%; height: 100%; background: #FFFFFF; border: 1px solid #1E1E1E; border-radius: 100px; box-sizing: border-box; transition: background-color 0.3s, border-color 0.3s; } .cozmoslabs-toggle-track:before { content: ""; position: absolute; left: 3px; width: 12px; height: 12px; background-color: #1E1E1E; border-radius: 50%; transition: transform 0.3s; pointer-events: none; } .cozmoslabs-toggle-container input:checked + .cozmoslabs-toggle-track { background-color: #3858E9; border-color: #3858E9; } .cozmoslabs-toggle-container input:checked + .cozmoslabs-toggle-track:before { transform: translateX(18px); background-color: #ffffff; } .cozmoslabs-toggle-container input:disabled + .cozmoslabs-toggle-track { opacity: 0.3; pointer-events: none; } .cozmoslabs-toggle-description { flex-basis: 250px; flex-grow: 1; display: flex; flex-direction: column; gap: 10px; } .cozmoslabs-toggle-description .cozmoslabs-description, .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; } .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-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"]:not(:disabled):hover, .cozmoslabs-checkbox-list input[type="checkbox"]:not(:disabled):focus { outline: none; box-shadow: none; border-color: #3858E9; } /***********************************************************/ /* WYSIWYG /***********************************************************/ .cozmoslabs-wysiwyg-wrapper { display: block; background: #FFFFFF; border-radius: 2px; } .cozmoslabs-wysiwyg-indented { margin-left: 20px; margin-right: 20px; border: 1px solid #CCCCCC; padding: 20px; } .tmce-active .quicktags-toolbar { display: none !important; } .cozmoslabs-wysiwyg-wrapper .wp-editor-container .mce-toolbar-grp, .cozmoslabs-wysiwyg-wrapper .quicktags-toolbar { background-color: #ffffff; padding: 0 30px; height: 90px; display: flex; align-items: center; } .cozmoslabs-wysiwyg-wrapper .mce-top-part::before { box-shadow: none; } .cozmoslabs-wysiwyg-wrapper label { margin-bottom: 20px; font-size: 13px !important; } .cozmoslabs-wysiwyg-wrapper .quicktags-toolbar, .cozmoslabs-wysiwyg-wrapper .mce-toolbar .mce-btn-group > div { display: flex; flex-direction: row; flex-wrap: wrap; align-items: center; justify-content: flex-start; gap: 5px; } .cozmoslabs-wysiwyg-wrapper .quicktags-toolbar input[type="button"], .cozmoslabs-wysiwyg-wrapper .wp-media-buttons .insert-media { background: #FFFFFF; border: 1px solid #3858E9; border-radius: 2px; color: #3858E9; } .cozmoslabs-wysiwyg-wrapper .quicktags-toolbar input[type="button"]:hover, .cozmoslabs-wysiwyg-wrapper .wp-media-buttons .insert-media:hover { background: #F0F0F0; border-color: #3858E9; color: #3858E9; } .cozmoslabs-wysiwyg-wrapper .quicktags-toolbar input[type="button"]:focus, .cozmoslabs-wysiwyg-wrapper .wp-media-buttons .insert-media:focus { background: #ffffff; border-color: #3858E9; color: #3858E9; box-shadow: 0 0 0 1px #3858E9; } .cozmoslabs-wysiwyg-wrapper .mce-toolbar .mce-btn-group .mce-btn.mce-listbox { height: 40px; border: 1px solid #949494; border-radius: 2px; line-height: 20px; font-size: 13px; padding: 0 10px; display: flex; align-items: center; } .cozmoslabs-wysiwyg-wrapper .mce-toolbar .mce-btn-group .mce-btn:hover, .cozmoslabs-wysiwyg-wrapper .qt-dfw:hover { border-color: #3858E9 !important; background: #FFFFFF; } .cozmoslabs-wysiwyg-wrapper .mce-toolbar .mce-btn-group .mce-btn.mce-active, .cozmoslabs-wysiwyg-wrapper .mce-toolbar .mce-btn-group .mce-btn:active, .cozmoslabs-wysiwyg-wrapper .qt-dfw.active { border-color: #3858E9 !important; box-shadow: 0 0 0 1px #3858e9 !important; background: #FFFFFF; } .cozmoslabs-wysiwyg-wrapper .wp-switch-editor, .cozmoslabs-wysiwyg-wrapper .mce-toolbar .mce-btn-group .mce-btn .mce-txt, .cozmoslabs-wysiwyg-wrapper .mce-toolbar .mce-btn-group .mce-btn .mce-ico { color: #1E1E1E; } .cozmoslabs-wysiwyg-wrapper .tmce-active .switch-tmce, .cozmoslabs-wysiwyg-wrapper .html-active .switch-html { font-weight: 500; } .cozmoslabs-wysiwyg-wrapper .html-active .switch-tmce, .cozmoslabs-wysiwyg-wrapper .tmce-active .switch-html { opacity: 0.7; } .cozmoslabs-wysiwyg-wrapper .wp-editor-container textarea.wp-editor-area { padding: 20px 40px; height: 215px !important; } .cozmoslabs-wysiwyg-wrapper .mce-statusbar { display: none; } .cozmoslabs-wysiwyg-wrapper .cozmoslabs-description { padding: 10px 5px; } /**************************************************/ /* 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; } #wppb-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; } /**********************************************************************************************************************/ /**************************************************/ /* Form Designs - Admin UI styles /**************************************************/ #wppb-forms-design-browser { display: flex; flex-wrap: wrap; flex-direction: row; gap: 20px; justify-content: start; padding-bottom: 20px; } .wppb-forms-design { width: 180px; flex-basis: unset; } .wppb-forms-design label { font-style: normal; font-weight: 400; font-size: 14px; line-height: 18px; color: #1E1E1E; } .wppb-forms-design label input[type="radio"] { margin-left: 10px; } .wppb-forms-design-preview { position: absolute; display: none !important; height: 32px !important; } .wppb-forms-design:hover .wppb-forms-design-screenshot .wppb-forms-design-preview { display: flex !important; } .wppb-forms-design-screenshot { width: 100%; max-width: 180px; height: 100px; display: flex; align-items: center; justify-content: center; background: #F8F9FD; border: 1px solid #cccccc; border-radius: 2px; box-sizing: border-box; position: relative; margin-top: 10px; } .wppb-forms-design:not(#form-style-default) .wppb-forms-design-screenshot:before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.3); opacity: 0; transition: opacity 0.3s ease; } .wppb-forms-design:not(#form-style-default):hover .wppb-forms-design-screenshot:before { opacity: 1; } .wppb-forms-design-screenshot:not(#form-style-default .wppb-forms-design-screenshot) img { max-width: 100%; max-height: 100%; } #form-style-default .wppb-forms-design-screenshot img { max-width: 100%; overflow: hidden; } #form-style-default .wppb-forms-design-screenshot { overflow: hidden; } .wppb-forms-design-modal { display: none; padding: 16px 24px; } .wppb-forms-design-modal .wppb-forms-design-preview-image { width: 100%; height: auto; display: none; } .wppb-forms-design-modal .wppb-forms-design-preview-image.active { display: block; } .wppb-forms-design-modal .pms-slideshow-button { font-size: 50px; cursor: pointer; color: #6E7A86; } .wppb-forms-design-modal .pms-slideshow-button.disabled { visibility: hidden; } .wppb-forms-design-modal .wppb-forms-design-modal-slideshow { display: flex; flex-direction: row; align-items: center; gap: 20px; } .wppb-forms-design-modal .wppb-slideshow-button { font-size: 50px; cursor: pointer; color: #6E7A86; } .wppb-forms-design-modal .wppb-slideshow-button.disabled { visibility: hidden; } .ui-dialog[aria-describedby^='modal-form-style'] .ui-widget-header { background: transparent; border: none; border-bottom: 1px solid #dcdcde; } .ui-dialog[aria-describedby^='modal-form-style'] .ui-button, .ui-dialog[aria-describedby^='modal-form-style'] .ui-button:focus, .ui-dialog[aria-describedby^='modal-form-style'] .ui-button:hover { background: transparent; border: none; box-shadow: none; } .ui-widget.ui-widget-content { max-width: 95%; } /* Tables */ body[class*="profile-builder_page_"] .wp-list-table th { font-weight: 600; font-size: 14px; line-height: 40px; color: #1E1E1E; } body[class*="profile-builder_page_"] a:not(.button-secondary, .button-primary, .submitdelete, .mbdelete, .chosen-single, .cozmoslabs-remove-item, .page-title-action, .cozmoslabs-banner-link, .nav-tab, .nav-sub-tab) { color: #3858E9; text-decoration: none; } body[class*="profile-builder_page_"] a:not(.button-secondary, .button-primary, .submitdelete, .mbdelete, .chosen-single, .cozmoslabs-remove-item, .page-title-action, .cozmoslabs-banner-link, .nav-tab, .nav-sub-tab):hover { text-decoration: underline; } body[class*="profile-builder_page_"] a:not(.button-secondary, .button-primary, .submitdelete, .mbdelete, .chosen-single, .cozmoslabs-remove-item, .page-title-action, .cozmoslabs-banner-link, .nav-tab, .nav-sub-tab):focus { box-shadow: none; outline: none; } /**********************************************************************************/ /* Link (question mark icon) to PB Docs set in pages/custom-posts/settings titles /**********************************************************************************/ .wp-admin a.wppb-docs-link:before { display: none; } .wp-admin a.wppb-docs-link { text-decoration: none; box-shadow: none; outline: none; height: auto; width: auto; font-size: 30px; } [class*="profile-builder"].wp-admin .wrap form > h2 { line-height: 30px; } .wp-admin.post-type-wppb-ul-cpt #wppb-single-ul-templates .inside .wppb-docs-link, .wp-admin.post-type-wppb-ul-cpt #wppb-ul-templates .inside .wppb-docs-link, .wp-admin.profile-builder_page_manage-fields #wppb-msf-side .wppb-docs-link, .wp-admin.profile-builder_page_custom-redirects .wck-post-box .wppb-docs-link, .wp-admin.post-type-wppb-ul-cpt #wppb-ul-themes-settings .inside .wppb-docs-link, .wp-admin.post-type-wppb-ul-cpt .wck-add-form .wppb-docs-link { position: absolute; right: 5px; top: 0; } .wp-admin.profile-builder_page_manage-fields .update_container_wppb_manage_fields ul.mb-list-entry-fields li.row-edit-profile-approved-by-admin, .wp-admin.profile-builder_page_manage-fields .update_container_wppb_manage_fields ul.mb-list-entry-fields li.row-conditional-logic-enabled, .wp-admin.profile-builder_page_manage-fields .update_container_wppb_manage_fields ul.mb-list-entry-fields li.row-location-visibility, .wp-admin.profile-builder_page_manage-fields .update_container_wppb_manage_fields ul.mb-list-entry-fields li.row-user-role-visibility { line-height: 30px; } .wp-admin.profile-builder_page_manage-fields .update_container_wppb_manage_fields ul.mb-list-entry-fields li.row-visibility .mb-right-column { position: relative; } .wp-admin.profile-builder_page_manage-fields .update_container_wppb_manage_fields ul.mb-list-entry-fields li.row-visibility .mb-right-column .wppb-docs-link { position: absolute; top: 0; left: 255px; } .wppb-docs-link { width: 30px; height: 30px; } .wppb-docs-link:focus { outline: none; box-shadow: none; } .cozmoslabs-description .wppb-docs-link { margin-top: -5px; } .wppb-docs-link:before { display: none; } .wppb-docs-link:after { content: url("data:image/svg+xml, "); opacity: 0.3; } .wppb-docs-link:hover:after { opacity: 1; content: url("data:image/svg+xml, "); } /**************************************************/ /* CPTs and Custom Pages /**************************************************/ /* page title */ body[class*="post-type-wppb-"] .wp-heading-inline { font-style: normal; font-weight: 400; font-size: 26px; line-height: 28px; color: #1E1E1E; margin-bottom: 35px; display: inline-flex; align-items: baseline; gap: 10px; } /* buttons */ body[class*="post-type-wppb-"] .button:not(.button-primary), body[class*="post-type-wppb-"] .page-title-action { background: #FFFFFF; border: 1px solid #3858E9; box-sizing: border-box; border-radius: 2px; font-weight: 400; color: #3858E9; } body[class*="post-type-wppb-"] .button:not(.button-primary, .wppb-ul-theme-activate .button), body[class*="post-type-wppb-"] .page-title-action { line-height: 20px; font-size: 13px; margin: 0; display: inline-flex; align-items: center; justify-content: center; cursor: pointer; } body[class*="post-type-wppb-"] .button:not(.button-primary, .cozmoslabs-wysiwyg-wrapper .insert-media, .pagination-links .button, .wppb-ul-theme-activate .button) { height: 40px; } body[class*="post-type-wppb-"] .page-title-action { height: 30px; } body[class*="post-type-wppb-"] .button:not(.button-primary, .wppb-ul-theme-activate .button.reset):hover, body[class*="post-type-wppb-"] .button:not(.button-primary, .wppb-ul-theme-activate .button.reset):focus, body[class*="post-type-wppb-"] .button:not(.button-primary, .wppb-ul-theme-activate .button.reset):active, body[class*="post-type-wppb-"] .page-title-action:hover, body[class*="post-type-wppb-"] .page-title-action:focus, body[class*="post-type-wppb-"] .page-title-action:active { font-weight: 400; background: #F0F0F0; border-color: #3858E9; color: #3858E9; box-shadow: none; margin: 0; } body[class*="post-type-wppb-"] .button-primary { background: #3858E9; border: 1px solid #3858E9; border-radius: 2px; box-sizing: border-box; padding: 8px 12px; font-weight: 500; font-size: 13px; line-height: 16px; color: #FFFFFF; height: 45px; min-width: 140px; display: inline-flex; align-items: center; justify-content: center; cursor: pointer; } body[class*="post-type-wppb-"] .button-primary:hover, body[class*="post-type-wppb-"] .button-primary:focus { background: #1D35B4; border-color: #1D35B4; box-shadow: none; } body[class*="post-type-wppb-"] .button-primary.button-disabled { background: #1D35B4 !important; border: 1px solid #1D35B4; color: #CCCCCC !important; pointer-events: none; opacity: 0.5; } /* User Listing */ #wppb_ul_search_settings .cozmoslabs-checkbox-list .cozmoslabs-chckbox-container, #wppb-ul-settings-args .cozmoslabs-checkbox-list .cozmoslabs-chckbox-container { width: 30%; } #container_wppb_ul_faceted_settings .wck-edit .button { min-width: 75px; } #wppb-ul-side .cozmoslabs-form-field-wrapper:first-of-type { margin-top: 0 !important; } #wppb-ul-side textarea { height: 60px; } #wppb_ul_page_settings .row-visible-to-following-roles, .update_container_wppb_ul_page_settings.visible_to_logged_ .row-visible-to-following-roles { display:none; } #wppb_ul_page_settings.update_container_wppb_ul_page_settings.visible_to_logged_yes .row-visible-to-following-roles { display: block; } /* Tables */ body[class*="post-type-wppb-"] .wp-list-table th { font-weight: 600; font-size: 14px; line-height: 40px !important; color: #1E1E1E !important; } body[class*="post-type-wppb-"] .wp-list-table td { font-style: normal; font-weight: 400; font-size: 13px; line-height: 25px; color: #1E1E1E !important; vertical-align: middle; } body[class*="post-type-wppb-"] .wp-list-table th.sortable a { display: flex; align-items: center; gap: 5px; } body[class*="post-type-wppb-"] .wp-list-table th.sortable a .sorting-indicator { margin: 0; } /* table page navigation */ body[class*="post-type-wppb-"] .tablenav-pages { display: flex; align-items: center; justify-content: flex-end; gap: 10px; } body[class*="post-type-wppb-"] .tablenav-pages .pagination-links { display: flex; flex-direction: row; align-items: center; justify-content: flex-end; gap: 5px; } body[class*="post-type-wppb-"] .tablenav-pages.one-page .pagination-links, body[class*="post-type-wppb-"] .tablenav-pages.no-pages .pagination-links { display: none !important; } body[class*="post-type-wppb-"] .pagination-links .button { height: 30px; background: #FFFFFF; border: 1px solid #3858E9; border-radius: 2px; box-sizing: border-box; padding-bottom: 2px; font-weight: 400; font-size: 20px !important; line-height: 20px !important; color: #3858E9; } body[class*="post-type-wppb-"] .pagination-links .button:hover, body[class*="post-type-wppb-"] .pagination-links .button:focus { background: #F0F0F0; border-color: #3858E9; color: #3858E9; box-shadow: none; text-decoration: none; } body[class*="post-type-wppb-"] .pagination-links .button.disabled { background: #F0F0F0 !important; border-color: #3858E9 !important; color: #3858E9 !important; pointer-events: none; opacity: 0.5; } body[class*="post-type-wppb-"] .pagination-links .paging-input { display: flex; flex-direction: row; align-items: center; justify-content: center; gap: 5px; } body[class*="post-type-wppb-"] .pagination-links .current-page { border: 1px solid #949494; border-radius: 2px; font-size: 13px; line-height: 20px; color: #1E1E1E; padding: 0 10px; margin: 0; min-height: 30px; } body[class*="post-type-wppb-"] .pagination-links .current-page:hover { border-color: #3858E9; color: #1E1E1E; } body[class*="post-type-wppb-"] .pagination-links .current-page:focus { border-color: #3858E9; box-shadow: 0 0 0 1px #3858e9; } /* Fields */ body[class*="post-type-wppb-"] .tablenav { height: 40px; padding: 10px 0; margin: 0; } body[class*="post-type-wppb-"] #titlediv #title, body[class*="post-type-wppb-"] .wp-list-table input[type="text"], body[class*="post-type-wppb-"] .search-box input[type="search"], body[class*="post-type-wppb-"] .tablenav select { height: 40px; border: 1px solid #949494; border-radius: 2px; font-size: 13px; line-height: 20px; color: #1E1E1E; max-width: 100%; } body[class*="post-type-wppb-"] .wp-list-table input[type="text"]:not(.wppb-shortcode.input), body[class*="post-type-wppb-"] .search-box input[type="search"], body[class*="post-type-wppb-"] .tablenav select { width: 330px !important; } body[class*="post-type-wppb-"] #titlediv #title:hover, body[class*="post-type-wppb-"] .wp-list-table input[type="text"]:not(input[readonly]):hover, body[class*="post-type-wppb-"] .search-box input[type="search"]:hover, body[class*="post-type-wppb-"] .tablenav select:hover { border-color: #3858E9; } #titlediv #title:focus, body[class*="post-type-wppb-"] .wp-list-table input[type="text"]:focus, body[class*="post-type-wppb-"] .search-box input[type="search"]:focus, body[class*="post-type-wppb-"] .tablenav select:focus { border-color: #3858E9; box-shadow: 0 0 0 1px #3858e9 !important; } body[class*="post-type-wppb-"] .wp-list-table input[type="text"]:disabled, body[class*="post-type-wppb-"] .search-box input[type="search"]:disabled, body[class*="post-type-wppb-"] .tablenav select:disabled { opacity: 0.5; pointer-events: none; } body[class*="post-type-wppb-"] .wp-list-table input[type="text"][readonly] { opacity: 0.8; } #container_wppb_epf_fields .row-id, #wppb_epf_fields .row-id, #container_wppb_rf_fields .row-id, #wppb_rf_fields .row-id{ display:none; } /***********************************************************/ /* Links /***********************************************************/ body[class*="post-type-wppb-"] .button-link, body[class*="post-type-wppb-"] a:not(.button-secondary, .button-primary, .chosen-single, .cozmoslabs-remove-item, .submitdelete, .page-title-action, .cozmoslabs-banner-link, .nav-tab, .nav-sub-tab) { color: #3858E9; text-decoration: none; } body[class*="post-type-wppb-"] .trash a, body[class*="post-type-wppb-"] .delete a { color: #e76054 !important; text-decoration: none; } body[class*="post-type-wppb-"] .trash a:hover, body[class*="post-type-wppb-"] .delete a:hover { color: #e76054; text-decoration: underline; } body[class*="post-type-wppb-"] .button-link:hover, body[class*="post-type-wppb-"] a:not(.button-secondary, .button-primary, .chosen-single, .cozmoslabs-remove-item, .submitdelete, .page-title-action, .cozmoslabs-banner-link, .nav-tab, .nav-sub-tab):hover { color: #3858E9; text-decoration: underline; } body[class*="post-type-wppb-"] .button-link:focus, body[class*="post-type-wppb-"] a:not(.button-secondary, .button-primary, .chosen-single, .cozmoslabs-remove-item, .submitdelete, .page-title-action, .cozmoslabs-banner-link, .nav-tab, .nav-sub-tab):focus { box-shadow: none; outline: none; } /***********************************************************/ /* Admin notices /***********************************************************/ div.wppb-notice { position: relative; } div.wppb-notice:after { display: block; content: ''; clear: both; } div.wppb-notice.wppb-narrow { max-width: 825px; } div.wppb-notice .notice-dismiss { text-decoration: none !important; } .wrap div.wppb-admin-notice { margin-bottom: 0; } div.wppb-serial-notification .button-primary, div.wppb-notice .button-primary { height: 30px; min-width: 100px; margin-left: 10px } /***********************************************************/ /* Manage Fields Page /***********************************************************/ .profile-builder_page_manage-fields .cozmoslabs-wrap { max-width: 1200px !important; } .profile-builder_page_manage-fields .metabox-holder .column-1 { margin-right:0; } #container_wppb_manage_fields li strong { display:none !important; } #container_wppb_manage_fields li .description strong { display: inline !important; } #container_wppb_manage_fields .added_fields_list li.row-meta-name { display:list-item !important; } #container_wppb_manage_fields li.row-field-title pre, #container_wppb_manage_fields li.row-meta-name pre { min-height:10px; } #wppb_manage_fields .ui-sortable label:not(.cozmoslabs-toggle-track), #container_wppb_manage_fields .ui-sortable label:not(.cozmoslabs-toggle-track) { background: #fff; } #wppb_manage_fields .sortable-handle, #container_wppb_manage_fields .sortable-handle { display: inline-block; width: 16px; height: 16px; background: url('../images/sorting-icon-dots.png') no-repeat center center;; vertical-align: middle; margin-right: 7px; cursor: move; margin-top: -1px; } #container_wppb_manage_fields pre { display:block; float:left; width:27%; font-family:"Open Sans", Arial, sans-serif; font-size:14px; } #container_wppb_manage_fields pre.wppb-mb-head-required, #container_wppb_manage_fields li.row-required pre { width:auto; text-align: center; } #container_wppb_manage_fields tbody tr.update_container_wppb_manage_fields:hover { background:#fff; } #container_wppb_manage_fields tbody tr:hover { background:#E8F2FF; } #wppb_manage_fields_info { display: none; } .profile-builder_page_manage-fields input[type="search"] { height: 40px; border: 1px solid #949494; border-radius: 2px; font-size: 13px; line-height: 20px; color: #1E1E1E; max-width: 100%; } .profile-builder_page_manage-fields input[type="search"]:hover { border-color: #3858E9; } .profile-builder_page_manage-fields input[type="search"]:focus { border-color: #3858E9; box-shadow: 0 0 0 1px #3858e9 !important; } .profile-builder_page_manage-fields input[type="search"]:disabled { opacity: 0.5; pointer-events: none; } /* Sortable options */ .profile-builder_page_manage-fields .wppb_manage_fields_sortables { background: #FFFFFF; border: 1px solid #949494; margin: 0 0 10px 32px; padding: 5px 10px; width: 80% !important; } .profile-builder_page_manage-fields .wppb_manage_fields_sortables:first-of-type { margin-top: 10px; } .profile-builder_page_manage-fields .wppb_manage_fields_sortables:hover { cursor: pointer; border-color: #3858E9; } .profile-builder_page_manage-fields .wppb_manage_fields_sortables label { background: transparent !important; } .profile-builder_page_manage-fields .wppb_manage_fields_sortables > .dashicons { color: #949494; position: absolute; margin-left: -36px; } .profile-builder_page_manage-fields .wppb_manage_fields_sortables:hover > .dashicons { color: #3858E9; } .profile-builder_page_manage-fields .row-map-bubble-fields.cozmoslabs-checkbox-list-wrapper { align-items: center; } .profile-builder_page_manage-fields .row-map-bubble-fields .wppb_sortable_checkboxes_wrap .cozmoslabs-checkbox-list { width: 330px; flex-direction: column; gap: 0; margin-bottom: 10px; background: #E8F2FF; } .profile-builder_page_manage-fields .row-map-bubble-fields .wppb_sortable_checkboxes_wrap .cozmoslabs-toggle-container { display: none; } .profile-builder_page_manage-fields .row-map-bubble-fields .wppb_sortable_checkboxes_wrap .cozmoslabs-toggle-description { display: none; } .profile-builder_page_manage-fields #normal-sortables { display: flex; flex-direction: column; } .profile-builder_page_manage-fields #normal-sortables #manage-fields { order: 3; } .profile-builder_page_manage-fields #normal-sortables #manage-fields-info { order: 1; } .profile-builder_page_manage-fields #normal-sortables #wppb-msf-side { order: 2; } /* AddNew/Edit Register & Edit Profile Forms */ .post-type-wppb-epf-cpt #normal-sortables, .post-type-wppb-rf-cpt #normal-sortables { display: flex; flex-direction: column; } .post-type-wppb-epf-cpt #normal-sortables #wppb-epf-settings-args, .post-type-wppb-rf-cpt #normal-sortables #wppb-rf-settings-args { order: 2; } .post-type-wppb-epf-cpt #normal-sortables #wppb-epf-fields, .post-type-wppb-rf-cpt #normal-sortables #wppb-rf-fields { order: 6; } .post-type-wppb-epf-cpt #normal-sortables #wppb-epf-side, .post-type-wppb-rf-cpt #normal-sortables #wppb-rf-side { order: 1; } .post-type-wppb-epf-cpt #normal-sortables #wppb-sc-epf-side, .post-type-wppb-rf-cpt #normal-sortables #wppb-sc-rf-side { order: 4; } .post-type-wppb-epf-cpt #normal-sortables #pbpl-epf-side, .post-type-wppb-rf-cpt #normal-sortables #pbpl-rf-side { order: 3; } .post-type-wppb-epf-cpt #normal-sortables #wppb-msf-side, .post-type-wppb-rf-cpt #normal-sortables #wppb-msf-side { order: 5; } #wppb_rf_page_settings .row-url, #wppb_rf_page_settings .row-display-messages, .update_container_wppb_rf_page_settings.redirect_ .row-url, .update_container_wppb_rf_page_settings.redirect_ .row-display-messages, .update_container_wppb_rf_page_settings.redirect_no .row-url, .update_container_wppb_rf_page_settings.redirect_no .row-display-messages { display:none; } #wppb_rf_page_settings.update_container_wppb_rf_page_settings.redirect_yes .row-url, #wppb_rf_page_settings.update_container_wppb_rf_page_settings.redirect_yes .row-display-messages { display: flex; } @media screen and ( min-width: 1280px ) { .profile-builder_page_manage-fields #wppb_manage_fields .row-field .select2-container.select2-container--open { flex-grow: 1; } .profile-builder_page_manage-fields .select2-results__option[role="group"] { width: 23%; margin: 0 1%; float: left; } .profile-builder_page_manage-fields .select2-container--default .select2-results > .select2-results__options, .profile-builder_page_manage-fields .select2-results{ max-height: 800px; } } /***********************************************************/ /* Basic Information Page /***********************************************************/ .wppb-badge{ font-size: 14px; font-weight: 600; width: 150px; height: 150px; margin-bottom: 25px; text-align: center; text-rendering: optimizelegibility; background:url(../images/pb-logo.svg) top no-repeat #E8F2FF; border: 1px solid #9FAAB8; background-size: 100px; background-position-y: 10px; } .wppb-badge span { display: inline-block; text-transform: uppercase; color: #9FAAB8; margin-top: 115px; font-size: 90%; } .cozmoslabs-notice-message { font-size: 15px; font-weight: 600; } #basic-info-extra-features > .button, #basic-info-add-ons > .button, #basic-info-customize-forms > .button { display: inline-flex; margin-top: 10px; } #basic-info-add-ons > .button.wppb-button-free, #basic-info-customize-forms > .button.wppb-button-free { height: 40px; } #basic-info-extra-fields-list { justify-content: center; } #basic-info-extra-fields-list ul { display: flex; flex-wrap: wrap; list-style: none; padding: 0; width: 90%; margin: 0; } #basic-info-extra-fields-list ul li { width: calc( 25% - 10px ); margin: 5px 0; font-weight: 600; font-size: 13px; line-height: 20px; color: #757575; text-align: center; } #basic-info-extra-fields-list .wppb-fields-image { max-width: 80%; } #basic-info-recommended-plugins .cozmoslabs-basic-info-recommended { display: flex; flex-direction: row; align-items: center; justify-content: space-between; margin-top: 35px; } #basic-info-recommended-plugins .cozmoslabs-basic-info-recommended .cozmoslabs-basic-info-recommended-img { flex-basis: 37%; } #basic-info-recommended-plugins .cozmoslabs-basic-info-recommended .cozmoslabs-basic-info-recommended-img img { width: 100%; } #basic-info-recommended-plugins .cozmoslabs-basic-info-recommended-info { flex-basis: 60%; display: flex; flex-direction: column; gap: 5px; } #basic-info-recommended-plugins .cozmoslabs-basic-info-recommended-info .cozmoslabs-form-field-wrapper { margin: 0 !important; } #basic-info-recommended-plugins .cozmoslabs-basic-info-recommended-info .cozmoslabs-form-field-label { flex-basis: 100%; cursor: default; } #basic-info-recommended-plugins .cozmoslabs-basic-info-recommended-info > .button-secondary { width: 120px; margin-top: 10px; } .cozmoslabs-version-notice { text-transform: none; font-weight: 500; color: #e76054; } #basic-info-admin-approval .cozmoslabs-form-field-label { flex-direction: column; align-items: flex-start; justify-content: center; } #basic-info-admin-approval .cozmoslabs-version-notice { text-transform: none; font-weight: 500; color: #e76054; font-size: 11px; } /***********************************************************/ /* Publish Metabox /***********************************************************/ body[class*="post-type-wppb-"] #side-sortables .submitbox #major-publishing-actions { display: flex; flex-direction: row; align-items: center; justify-content: space-evenly; } body[class*="post-type-wppb-"] #side-sortables .submitbox #major-publishing-actions .button-primary { min-width: 100px; } /* WordPress Dashboard Breaking Points */ /* mobile: <= 850px */ /* desktop: >= 851px */ /* additional style: 783px <-> 850px */ @media screen and (max-width:850px) { .cozmoslabs-publish-metabox-fixed #publishing-action { position: fixed !important; bottom: 0; left: 5%; right: 5%; z-index: 999; width: 90% !important; } .cozmoslabs-publish-metabox-fixed #publishing-action #publish { width: 100%; } .cozmoslabs-publish-metabox-fixed #publishing-action .spinner { position: absolute; left: 5%; top: 50%; transform: translateY(-50%); margin: 0; } body[class*="post-type-wppb-"] #wpbody-content { padding-bottom: 50px; } } @media screen and (min-width: 783px) and (max-width: 850px) { .cozmoslabs-publish-metabox-fixed #publishing-action { left: calc(5% + 36px); right: calc(5% - 36px); width: calc(90% - 36px) !important; } #wpwrap, #wpfooter, #wpbody-content { padding-bottom: 50px; } } @media screen and (min-width:851px) { .cozmoslabs-publish-metabox-fixed #submitdiv { position: fixed !important; top: 50px; z-index: 1; width: 280px; box-shadow: 0 3px 10px 0 #aaa; } } /***********************************************************/ /* Mobile /***********************************************************/ @media screen and (max-width: 782px) { /* General Styles */ .cozmoslabs-form-field-wrapper p.cozmoslabs-description { padding-left: 0; } .cozmoslabs-toggle-switch { justify-content: space-between; } .cozmoslabs-form-field-wrapper textarea, .cozmoslabs-form-field-wrapper .chosen-container .chosen-single, .cozmoslabs-form-field-wrapper .select2-container, .cozmoslabs-form-field-wrapper select, .cozmoslabs-form-field-wrapper input[type="password"], .cozmoslabs-form-field-wrapper input[type="date"], .cozmoslabs-form-field-wrapper input[type="number"], .cozmoslabs-form-field-wrapper input[type="text"]:not(#paypal-ipn-url, #stripe-connect-webhook-url, .wck-woocheckbox-field-label) { flex-grow: 1; max-width: 100% !important; width: 100%; } .cozmoslabs-wysiwyg-wrapper .wp-editor-container .mce-toolbar-grp { padding: 10px; } .cozmoslabs-wysiwyg-wrapper button.wp-switch-editor { font-size: 13px; } .cozmoslabs-wysiwyg-indented { margin-left: 0; margin-right: 0; } .cozmoslabs-wysiwyg-indented .mce-toolbar .mce-btn-group > div { gap: 2px; } .cozmoslabs-checkbox-list, .cozmoslabs-radio-inputs-row, .cozmoslabs-radio-inputs-column { flex-basis: 100%; } .cozmoslabs-checkbox-list .cozmoslabs-chckbox-container { width: 100%; } /* Page Header (Banner, Title, Navigation) */ .cozmoslabs-wrap { padding-top: 50px; } .cozmoslabs-wrap, .cozmoslabs-page-header { margin-right: 10px; } .cozmoslabs-banner { margin-left: -10px !important; padding: 60px 8px 15px 8px; flex-direction: column; align-items: flex-start; justify-content: center; gap: 15px; box-sizing: border-box; } .cozmoslabs-banner-buttons { gap: 5px; } body[class*="post-type-wppb-"] #wpbody, body[class*="profile-builder_page_"] #wpbody { padding-top: 0; } body[class*="post-type-wppb-"] .update-nag, body[class*="profile-builder_page_"] .update-nag { margin-top: 50px; } .cozmoslabs-nav-tab-wrapper { height: unset; flex-direction: column; align-items: flex-start; justify-content: center; padding: 15px; } .cozmoslabs-nav-tab-wrapper a.nav-tab { line-height: 26px; } .cozmoslabs-nav-sub-tab-wrapper { gap: 20px; } .cozmoslabs-wrap .cozmoslabs-page-title { font-size: 22px; } /* Basic Info Page */ .profile-builder_page_profile-builder-basic-info .cozmoslabs-page-header { flex-direction: column-reverse; align-items: flex-start; justify-content: flex-start; } #basic-info-extra-fields-list ul li { width: calc( 50% - 10px ); } #basic-info-extra-features .cozmoslabs-form-field-wrapper label { flex-basis: 100%; } #basic-info-recommended-plugins .cozmoslabs-basic-info-recommended { flex-direction: column; align-items: center; justify-content: flex-start; } #basic-info-recommended-plugins .cozmoslabs-basic-info-recommended .cozmoslabs-basic-info-recommended-img { width: 100%; } /* Settings Views */ .cozmoslabs-form-field-wrapper .cozmoslabs-serial-wrap__holder { flex-wrap: wrap; } #wppb-register-version .cozmoslabs-description-container { flex-basis: 100%; margin: 10px 0 0 0; } .wppb-forms-design { flex-basis: 150px; } #wppb-forms-design-browser { justify-content: space-evenly; } #advanced-settings-shortcodes .cozmoslabs-toggle-switch .cozmoslabs-toggle-description { display: none; } #advanced-settings-shortcodes .cozmoslabs-toggle-switch .cozmoslabs-description { font-size: 12px !important; } body.profile-builder_page_user-email-customizer .metabox-holder .column-2, body.profile-builder_page_admin-email-customizer .metabox-holder .column-2 { position: unset; } body.profile-builder_page_user-email-customizer .cozmoslabs-form-field-wrapper, body.profile-builder_page_admin-email-customizer .cozmoslabs-form-field-wrapper { display: flex; } /* Labels Edit */ body.profile-builder_page_pb-labels-edit #pble-id-side-info p.cozmoslabs-description { flex-basis: 100%; padding-left: 0; } /* Form Fields */ .cozmoslabs-columns-container { flex-direction: column; gap: 25px; } .cozmoslabs-columns-container .cozmoslabs-column { width: 100%; padding-right: 0; } .cozmoslabs-columns-container .cozmoslabs-column:last-of-type { padding-left: 0; } .cozmoslabs-columns-container .cozmoslabs-column:not(:first-of-type) { border: none; border-top: 1px solid #c3c4c7 ; padding-top: 24px; } body.profile-builder_page_manage-fields #container_wppb_manage_fields thead .wck-number { width: 10%; } body.profile-builder_page_manage-fields #container_wppb_manage_fields thead .wck-content { width: 50%; } body.profile-builder_page_manage-fields #container_wppb_manage_fields thead .wck-content pre:first-of-type { width: 100%; } body.profile-builder_page_manage-fields #container_wppb_manage_fields thead .wck-content pre:not(:first-of-type) { display: none; } body.profile-builder_page_manage-fields #container_wppb_manage_fields thead .wck-edit, body.profile-builder_page_manage-fields #container_wppb_manage_fields thead .wck-delete { width: 20%; } body.profile-builder_page_manage-fields #container_wppb_manage_fields tbody td.wck-content ul li:not(.row-field) { display: none !important; } body.profile-builder_page_manage-fields #container_wppb_manage_fields tbody td.wck-content ul li.row-field pre { width: 100%; } body.profile-builder_page_manage-fields #container_wppb_manage_fields tbody .wck-edit a.button-secondary { width: 60px; } body.profile-builder_page_manage-fields .row-map-bubble-fields .wppb_sortable_checkboxes_wrap { width: 100%; } body.post-type-wppb-epf-cpt #container_wppb_epf_fields td.wck-content li.row-field strong, body.post-type-wppb-rf-cpt #container_wppb_rf_fields td.wck-content li.row-field strong { display: none; } body.post-type-wppb-epf-cpt #container_wppb_epf_fields thead .wck-number, body.post-type-wppb-rf-cpt #container_wppb_rf_fields thead .wck-number { width: 10%; } body.post-type-wppb-epf-cpt #container_wppb_epf_fields thead .wck-content, body.post-type-wppb-rf-cpt #container_wppb_rf_fields thead .wck-content { width: 50%; } body.post-type-wppb-epf-cpt #container_wppb_epf_fields thead .wck-edit, body.post-type-wppb-epf-cpt #container_wppb_epf_fields thead .wck-delete, body.post-type-wppb-rf-cpt #container_wppb_rf_fields thead .wck-edit, body.post-type-wppb-rf-cpt #container_wppb_rf_fields thead .wck-delete { width: 20%; padding: 0; } body.post-type-wppb-epf-cpt #container_wppb_epf_fields tbody .wck-edit .button-secondary, body.post-type-wppb-rf-cpt #container_wppb_rf_fields tbody .wck-edit .button-secondary { width: 60px; } /* CPTs */ body[class*="post-type-wppb-"] #posts-filter .search-box { flex-wrap: wrap; } body[class*="post-type-wppb-"] .tablenav.bottom .displaying-num, body[class*="post-type-wppb-"] .tablenav-pages .tablenav-paging-text, body[class*="post-type-wppb-"] .pagination-links .button { padding: 0; } /* User Listing */ body.post-type-wppb-ul-cpt #wpbody-content > .wrap { margin-right: 10px !important; } body.post-type-wppb-ul-cpt .ul-themes-browser { padding-top: 35px; } body.post-type-wppb-ul-cpt tbody tr td.wck-number { display: none; } body.post-type-wppb-ul-cpt #wppb-ul-templates .wppb-ul-templates, body.post-type-wppb-ul-cpt #wppb-single-ul-templates .wppb-single-ul-templates { max-width: 100%; } body.post-type-wppb-ul-cpt #wppb-ul-templates .form-table tr, body.post-type-wppb-ul-cpt #wppb-single-ul-templates .form-table tr { border-bottom: none; padding-bottom: 0; } /* Custom Redirects & User Listing */ body.post-type-wppb-ul-cpt #container_wppb_ul_faceted_settings thead, body.profile-builder_page_custom-redirects thead { display: none; } body.post-type-wppb-ul-cpt #container_wppb_ul_faceted_settings tbody tr, body.profile-builder_page_custom-redirects tbody tr { display: flex; flex-direction: row; flex-wrap: wrap; justify-content: space-between; align-items: center; border-bottom: 1px solid #c3c4c7; padding-bottom: 15px; } body.post-type-wppb-ul-cpt tbody tr td, body.profile-builder_page_custom-redirects tbody tr td { border: none; } body.post-type-wppb-ul-cpt tbody tr td.wck-content, body.profile-builder_page_custom-redirects tbody tr td.wck-content { flex-basis: 100%; } body.post-type-wppb-ul-cpt tbody tr td.wck-edit, body.post-type-wppb-ul-cpt tbody tr td.wck-delete, body.profile-builder_page_custom-redirects tbody tr td.wck-edit, body.profile-builder_page_custom-redirects tbody tr td.wck-delete { flex-basis: 40%; } body.post-type-wppb-ul-cpt tbody tr td.wck-content ul li, body.profile-builder_page_custom-redirects tbody tr td.wck-content ul li { display: flex; flex-wrap: wrap; gap: 10px; margin-bottom: 15px; } body.post-type-wppb-ul-cpt tbody tr td.wck-content ul li strong, body.profile-builder_page_custom-redirects tbody tr td.wck-content ul li strong { flex-basis: 35%; padding: 0; } body.post-type-wppb-ul-cpt tbody tr td.wck-content ul li pre, body.profile-builder_page_custom-redirects tbody tr td.wck-content ul li pre { flex-basis: 60%; padding: 0; width: auto; word-break: break-word; } /* Import/Export */ body.profile-builder_page_pbie-import-export .cozmoslabs-form-field-wrapper label { flex-basis: 120px; } body.profile-builder_page_pbie-import-export .cozmoslabs-form-field-wrapper input[type="file"] { flex-basis: 150px; flex-grow: 1; } /* Campaign Monitor */ body.profile-builder_page_profile-builder-campaign-monitor #wppb-cmi-page-api-key-input, body.profile-builder_page_profile-builder-campaign-monitor #wppb-cmi-page-client-selector-select { min-width: unset; flex-basis: 90% !important; } body.profile-builder_page_profile-builder-campaign-monitor #wppb-cmi-list-table-client-data thead th:nth-child(2) span { display: none; } /* AddOns */ #cl-add-ons-listing .wp-list-table .column-add_on { display: block; flex-basis: 100px !important; } #cl-add-ons-listing .wp-list-table .column-add_on:before, #cl-add-ons-listing .wp-list-table .column-icon .toggle-row { display: none; } }