.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,");
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;
}
}