File: /var/www/html/wp-content/plugins/jet-engine/assets/css/admin/pages.css
@charset "UTF-8";
.cx-vui-subtitle.has-help-link {
display: flex;
align-items: center;
justify-content: space-between;
flex-grow: 1;
}
.cx-vui-subtitle.has-help-link .jet-help-link {
margin: 0 0 0 15px;
font-size: 14px;
line-height: 18px;
text-decoration: none;
display: inline-flex;
align-items: center;
}
.cx-vui-subtitle.has-help-link .jet-help-link svg {
margin: -1px 4px 0 0;
}
.jet-engine-field-warning {
display: flex;
align-items: center;
margin: 0 5px 0 0;
font-size: 12px;
color: #C92C2C;
position: relative;
}
.jet-engine-field-warning svg path {
fill: #C92C2C;
}
.jet-engine-field-warning__tip {
position: absolute;
box-sizing: border-box;
bottom: 100%;
margin: 0 0 15px;
background: #fff;
padding: 5px 10px;
white-space: nowrap;
border-radius: 3px;
right: 0;
box-shadow: 0 3px 5px rgba(0, 0, 0, 0.05);
pointer-events: none;
opacity: 0;
transition: all 100ms linear;
}
.cx-vui-repeater-item__heading:hover .jet-engine-field-warning__tip {
opacity: 1;
margin-bottom: 10px;
}
.jet-engine-edit-page {
display: flex;
border-top: 1px solid #DCDCDD;
}
.jet-engine-edit-page__fields {
flex: 1 1 auto;
}
.jet-engine-edit-page__actions {
flex: 0 0 400px;
margin: 0 0 0 30px;
padding-top: 20px;
}
.rtl .jet-engine-edit-page__actions {
margin: 0 30px 0 0;
}
.jet-engine-edit-page__actions-buttons {
display: flex;
align-items: center;
justify-content: space-between;
}
.jet-engine-edit-page__actions-save {
flex: 0 0 65%;
}
.jet-engine-edit-page__actions-save svg {
margin: -3px 10px 0 0;
}
.rtl .jet-engine-edit-page__actions-save svg {
margin: -3px 0 0 10px;
}
.jet-engine-edit-page__actions-delete {
position: relative;
}
.jet-engine-edit-page__actions-delete .cx-vui-repeater-item__confrim-del,
.jet-engine-edit-page__actions-delete .cx-vui-repeater-item__cancel-del {
cursor: pointer;
}
.jet-engine-edit-page__actions-delete .cx-vui-repeater-item__confrim-del:hover,
.jet-engine-edit-page__actions-delete .cx-vui-repeater-item__cancel-del:hover {
text-decoration: none;
}
.jet-engine-edit-page__actions-panel {
position: -webkit-sticky;
position: sticky;
top: 40px;
}
.jet-engine-edit-page__actions-extra-settings {
margin-top: 30px;
}
.jet-engine-edit-page__actions-extra-settings .jet-engine-reverse-switcher {
display: block;
}
.jet-engine-edit-page__actions-extra-settings .jet-engine-reverse-switcher .cx-vui-component__control {
display: flex;
align-items: center;
gap: 10px;
}
.jet-engine-edit-page__actions-extra-settings .jet-engine-reverse-switcher .cx-vui-component__desc {
padding: 8px 0 0;
}
.jet-engine-edit-page--loading {
display: none;
}
.jet-engine-edit-page--loaded {
display: flex;
}
.jet-engine-edit-page__notice-error {
margin: 20px 0 0 0;
}
.jet-engine-edit-page__notice-error-content {
display: inline-flex;
padding: 10px 15px 10px 10px;
border-radius: 4px;
font-size: 13px;
line-height: 20px;
color: #fff;
background: #E49595;
}
.rtl .jet-engine-edit-page__notice-error-content {
padding: 10px 10px 10px 15px;
}
.jet-engine-edit-page__notice-error-content:before {
content: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHZpZXdCb3g9IjAgMCAxNiAxNiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJNOC43MTQ4OSAxMC4xMTM2VjYuNzE2MDVINy4yODUxMVYxMC4xMTM2SDguNzE0ODlaTTguNzE0ODkgMTMuNDcxNlYxMS43NzI4SDcuMjg1MTFWMTMuNDcxNkg4LjcxNDg5Wk0wIDE2TDggMEwxNiAxNkgwWiIgZmlsbD0id2hpdGUiLz48L3N2Zz4=);
margin: 1px 7px 0 0;
}
.rtl .jet-engine-edit-page__notice-error-content:before {
margin: 1px 0 0 7px;
}
.jet-engine-slug-error {
color: #C92C2C;
padding: 5px 0 0 0;
}
.jet-engine-title-link {
font-weight: 500;
text-decoration: none;
color: #007CBA;
}
.jet-engine-title-link:hover {
color: #00496e;
}
.jet-engine-description {
display: block;
margin-top: 5px;
}
.indent-top {
padding-top: 15px;
}
/*
.cx-vue-list-table {
.cell--name {
flex: 0 0 15%;
}
.cell--slug {
flex: 0 0 15%;
}
.cell--hash {
flex: 0 0 25%;
code {
font-size: 12px;
}
}
.cell--post_types {
flex: 0 0 15%;
}
.cell--show_on {
flex: 0 0 15%;
}
.cell--type {
flex: 0 0 15%;
}
.cell--actions {
flex: 0 0 15%;
}
}
*/
.cols-3 .list-table-heading__cell,
.cols-3 .list-table-item__cell {
width: 33%;
}
.cols-4 .list-table-heading__cell,
.cols-4 .list-table-item__cell {
width: 25%;
}
.cols-5 .list-table-heading__cell,
.cols-5 .list-table-item__cell {
width: 20%;
}
.cx-vui-popup__body {
max-height: calc(100vh - 64px);
box-sizing: border-box;
overflow: auto;
}
.list-table-item__cell.cell--hash {
overflow-x: auto;
}
.jet-engine-delete-item {
color: #C92C2C;
}
.jet-engine-help-list {
overflow: hidden;
border-radius: 6px;
}
.jet-engine-help-list-title {
margin: -10px 0 15px !important;
}
.jet-engine-help-list__item a {
display: flex;
padding: 12px 15px;
align-items: flex-start;
font-size: 15px;
line-height: 23px;
font-weight: 500;
text-decoration: none;
color: #007CBA;
border-top: 1px solid #ECECEC;
}
.jet-engine-help-list__item a :focus {
box-shadow: none;
}
.jet-engine-help-list__item a:hover {
background: #EDF6FA;
}
.jet-engine-help-list__item a svg {
margin: 3px 10px 0 0;
flex: 0 0 16px;
}
.rtl .jet-engine-help-list__item a svg {
margin: 3px 0 0 10px;
}
.jet-engine-help-list__item:first-child {
border-top: none;
}
.jet-engine-type-switcher {
display: flex;
}
.jet-engine-type-switcher-wrap {
display: flex;
justify-content: space-between;
align-items: center;
}
.jet-engine-type-switcher__item {
font-size: 13px;
line-height: 18px;
cursor: pointer;
opacity: 0.5;
}
.jet-engine-type-switcher__item.is-active {
opacity: 1;
}
.jet-engine-type-switcher .cx-vui-switcher {
margin: 0 10px;
}
.rtl .jet-engine-type-switcher .cx-vui-switcher .cx-vui-switcher__trigger {
left: auto;
right: 0;
}
.jet-engine-type-switcher .cx-vui-switcher.cx-vui-switcher--at-built-in .cx-vui-switcher__trigger {
left: calc(100% - 18px);
}
.rtl .jet-engine-type-switcher .cx-vui-switcher.cx-vui-switcher--at-built-in .cx-vui-switcher__trigger {
left: auto;
right: calc(100% - 18px);
}
.jet-engine-cb-trigger {
padding: 5px 0 0 10px;
}
.rtl .jet-engine-cb-trigger {
padding: 5px 10px 0 0;
}
.jet-engine-cb-trigger a {
text-decoration: none;
border-bottom: 1px dashed currentColor;
}
.jet-engine-cb-trigger a:focus {
box-shadow: none;
outline: none;
}
.jet-engine-cb-list,
.jet-engine-cb-args {
width: 600px;
max-width: 60vw;
}
.jet-engine-cb-list.is-fullwidth,
.jet-engine-cb-args.is-fullwidth {
width: 100%;
max-width: 80vw;
}
.jet-engine-cb-list__label,
.jet-engine-cb-args__label {
padding: 0 0 10px;
}
.jet-engine-cb-list__item,
.jet-engine-cb-args__item {
padding: 7px 0;
}
.jet-engine-cb-list__item code,
.jet-engine-cb-args__item code {
background: #ececec;
border: 1px solid #ececec;
cursor: pointer;
}
.jet-engine-cb-list__item code:hover,
.jet-engine-cb-args__item code:hover {
color: #007CBA;
border-color: #007CBA;
}
.jet-engine-cb-list__item-alt,
.jet-engine-cb-args__item-alt {
padding: 4px 0;
}
.jet-engine-cb-list__item-alt code,
.jet-engine-cb-args__item-alt code {
background: #ececec;
border: 1px solid #ececec;
}
.jet-engine-cb-list .cx-vui-component,
.jet-engine-cb-args .cx-vui-component {
padding: 10px 0;
}
.jet-engine-cb-list .cx-vui-component__desc,
.jet-engine-cb-args .cx-vui-component__desc {
font-size: 12px;
line-height: 16px;
}
.jet-engine-nested-item.cx-vui-repeater-item {
margin-left: 30px;
}
.rtl .jet-engine-nested-item.cx-vui-repeater-item {
margin-left: 0;
margin-right: 30px;
}
.jet-engine-conditional-field div.cx-vui-tooltip {
width: 100px;
opacity: 0;
transform: translateY(-10px);
transition: all 150ms linear;
pointer-events: none;
}
.jet-engine-conditional-field:hover .cx-vui-tooltip {
opacity: 1;
transform: translateY(0);
}
.jet-engine-conditional-field--active:before {
content: "✓";
position: absolute;
top: -7px;
right: -7px;
font-size: 12px;
line-height: 1;
font-weight: 700;
color: #46B450;
}
.jet-engine-conditional-field--invalid:before {
content: "✘";
position: absolute;
top: -7px;
right: -7px;
font-size: 12px;
line-height: 1;
font-weight: 700;
color: #ff0000;
}
.jet-engine-accent-text,
.jet-engine-condition-field-name {
color: #007CBA;
}
.jet-engine-condition-field-value {
font-weight: 500;
font-style: normal;
color: #007CBA;
margin: 0 0 0 10px;
}
.rtl .jet-engine-condition-field-value {
margin: 0 10px 0 0;
}
.jet-engine-condition-popup .cx-vui-popup__content > .cx-vui-component {
padding-left: 0;
padding-right: 0;
}
.jet-engine-filters-panel {
display: flex;
flex-wrap: wrap;
align-items: flex-end;
gap: 20px;
padding: 20px;
}
.jet-engine-filters-panel.cx-vui-panel {
margin-bottom: 20px;
}
.jet-engine-filters-panel .cx-vui-component {
flex-direction: column;
flex: 1 0;
gap: 10px;
padding: 0;
min-width: 150px;
}
.jet-engine-filters-panel .cx-vui-component + .cx-vui-component {
border-top: 0;
}
@media (min-width: 1200px) {
.jet-engine-filters-panel .cx-vui-button {
min-width: 150px;
}
}
.jet-engine-navigation {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
align-items: center;
gap: 20px;
}
.jet-engine-navigation:not(:first-child) {
margin-top: 20px;
}
.jet-engine-navigation:not(:last-child) {
margin-bottom: 20px;
}
.jet-engine-navigation__count {
color: #23282D;
}
.jet-engine-navigation__per-page {
align-items: center;
gap: 10px;
}
.jet-engine-navigation__per-page.cx-vui-component {
padding: 0;
}
.jet-engine-navigation__per-page .cx-vui-component__label {
font-size: 13px;
}
.jet-engine-navigation__per-page .cx-vui-input {
background-color: #f8f8f8;
}
.jet-engine-navigation .cx-vui-pagination .cx-vui-pagination-items {
margin: 0;
}
.jet-engine-navigation .cx-vui-pagination .cx-vui-pagination-item {
padding: 0;
margin: 0 2px;
font-size: 14px;
font-weight: 600;
color: #7B7E81;
border: none;
border-radius: 4px;
transition: 0.3s;
}
.jet-engine-navigation .cx-vui-pagination .cx-vui-pagination-item-active, .jet-engine-navigation .cx-vui-pagination .cx-vui-pagination-item:hover:not(.cx-vui-pagination-disabled) {
color: #fff;
background-color: #066ea2;
box-shadow: 0 4px 4px rgba(35, 40, 45, 0.2392156863);
}
.jet-engine-navigation .cx-vui-pagination .cx-vui-pagination-next svg,
.jet-engine-navigation .cx-vui-pagination .cx-vui-pagination-prev svg {
width: 6px;
height: 11px;
}
.jet-engine-navigation .cx-vui-pagination .cx-vui-pagination-next svg path,
.jet-engine-navigation .cx-vui-pagination .cx-vui-pagination-prev svg path {
transition: 0.3s;
}
.jet-engine-navigation .cx-vui-pagination .cx-vui-pagination-next:hover:not(.cx-vui-pagination-disabled) svg path,
.jet-engine-navigation .cx-vui-pagination .cx-vui-pagination-prev:hover:not(.cx-vui-pagination-disabled) svg path {
fill: #fff;
}