/*

Visual Builder

*/

@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700&display=swap');
@import "_icons.css";

.mfn-ui {
    --mfn-ui-background: #fff;

    --mfn-ui-sidebar-background: #f6f9fa;
    --mfn-ui-sidebar-panel-title: #304050;
    --mfn-ui-sidebar-menu-background: #fff;
    --mfn-ui-sidebar-menu-border: #e6e9f0;
    --mfn-ui-sidebar-menu-hover: #fbfbfc;

    --mfn-ui-text-color: #7987a2;
    --mfn-ui-text-color-2: #9ea8bb;
    --mfn-ui-text-color-3: #304050;
    --mfn-ui-heading: #304050;
    --mfn-ui-heading-arrow: rgba(0,0,0,.3);
    --mfn-ui-heading-arrow-active: rgba(0,0,0,.8);
    --mfn-ui-highlight: #72a5d8;
    --mfn-ui-link: #72a5d8;
    --mfn-ui-link-hover: #5388be;

    --mfn-ui-toolip: #304050;
    --mfn-ui-toolip-color: #fff;

    --mfn-ui-version: #b3bbc4;

    --mfn-ui-btn-bg: #edf1f5;
    --mfn-ui-btn-color: #304050;
    --mfn-ui-btn-bg-hover: #e0e8ef;
    --mfn-ui-btn-color-hover: #304050;
    --mfn-ui-btn-green-bg: #489c6d;
    --mfn-ui-btn-green-bg-hover: #388a5c;
    --mfn-ui-btn-blue-bg: #72a5d8;
    --mfn-ui-btn-blue-bg-hover: #5388be;
    --mfn-ui-btn-red-bg: #e16666;
    --mfn-ui-btn-red-bg-hover: #ca4e4e;
    --mfn-ui-btn-orange-bg: #FFB14E;
    --mfn-ui-btn-orange-bg-hover: #eb9e3a;

    --mfn-ui-option-btn-color: #304050;
    --mfn-ui-option-btn-bg: #f9f9f9;
    --mfn-ui-option-btn-bg-hover: #f4f4f4;
    --mfn-ui-option-btn-bg-sep: #ebeef1;
    --mfn-ui-option-btn-green-bg: #e0f8ea;
    --mfn-ui-option-btn-green-bg-hover: #edfff4;
    --mfn-ui-option-btn-blue-bg: #e2ecf9;
    --mfn-ui-option-btn-blue-bg-hover: #eef5fe;

    --mfn-ui-item-bg: #fff;
    --mfn-ui-item-border: #d3d5d8;
    --mfn-ui-item-section-bg: #d7f4e3;
    --mfn-ui-item-section-color: #304050;
    --mfn-ui-item-border-hover: #72a5d8;
    --mfn-ui-item-shadow-hover: rgba(97,100,102,0.05);
    --mfn-ui-item-border-hover-section: #489c6d;
    --mfn-ui-item-shadow-hover-section: rgba(72,156,109,0.1);

    --mfn-ui-label: #304050;
    --mfn-ui-input-bg: #fff;
    --mfn-ui-input-disabled-bg: #cedae6;
    --mfn-ui-input-disabled-color: rgba(48,64,80,.5);
    --mfn-ui-input-bg-readonly: #f9f9f9;
    --mfn-ui-input-border: #e4e9ee;
    --mfn-ui-input-color: #304050;
    --mfn-ui-input-placeholder-color: #304050;
    --mfn-ui-range-slider-bg: rgba(168, 188, 208, 0.15);
    --mfn-ui-range-slider-handle: #fff;
    --mfn-ui-range-slider-unit: #304050;
    --mfn-ui-input-label-bg: #f9f9f9;
    --mfn-ui-input-label-color: rgba(48,64,80,.6);
    --mfn-ui-input-label-link-color: #304050;
    --mfn-ui-input-label-color-hover: #fff;
    --mfn-ui-input-label-bg-hover: #72a5d8;
    --mfn-ui-input-label-border-hover: #72a5d8;
    --mfn-ui-input-hover-border: #72a5d8;
    --mfn-ui-input-focus-border: #72a5d8;
    --mfn-ui-input-focus-color: #304050;
    --mfn-ui-input-focus-shadow: rgba(114,165,216,0.25);
    --mfn-ui-input-error-border: #e69b94;
    --mfn-ui-input-error-shadow: rgba(223,103,91,0.25);

    --mfn-ui-typography-bg: #fff;
    --mfn-ui-typography-shadow: rgba(31,30,47,0.15);

    --mfn-ui-segmented-options-bg: #f9f9f9;
    --mfn-ui-segmented-options-border: #e4e9ee;
    --mfn-ui-segmented-options-color: #304050;
    --mfn-ui-segmented-options-bg-hover: #f4f4f4;
    --mfn-ui-segmented-options-bg-active: #72a5d8;
    --mfn-ui-segmented-options-border-active: #72a5d8;
    --mfn-ui-segmented-options-color-active: #fff;

    --mfn-ui-visual-options-bg: rgba(114, 165, 216, 0.04);
    --mfn-ui-visual-options-bg-hover: rgba(114, 165, 216, 0.07);

    --mfn-ui-checkboxes-title: #304050;
    --mfn-ui-checkboxes-title-label: #929daa;
    --mfn-ui-checkboxes-input: #d2dae1;
    --mfn-ui-checkboxes-input-active: #72a5d8;
    --mfn-ui-checkboxes-bar-hover: rgba(114,165,216,0.07);

    --mfn-ui-sft-nav-bg: rgba(100, 158, 185, 0.07);
    --mfn-ui-sft-nav-tab-color: #304050;
    --mfn-ui-sft-nav-tab-bg-hover: rgba(255,255,255,.3);
    --mfn-ui-sft-nav-tab-bg-active: #72a5d8;
    --mfn-ui-sft-nav-tab-color-active: #fff;

    --mfn-ui-panel-icon-bg: #e3f1ff;
    --mfn-ui-panel-heading-bg: #ecf2f5;

    --mfn-ui-modal-overlay: rgba(25,37,48,.9);
    --mfn-ui-modal-bg: #fff;
    --mfn-ui-modal-content-bg: #f2f6fa;
    --mfn-ui-modal-border: #eceff5;
    --mfn-ui-modal-icon-bg: #e3f1ff;
    --mfn-ui-modal-list-bg: rgba(114, 165, 216, 0.04);
    --mfn-ui-modal-list-color: #304050;
    --mfn-ui-modal-list-bg-hover: rgba(114, 165, 216, 0.07);

    --mfn-ui-revisions-list-icon-bg: #e3f1ff;
    --mfn-ui-revisions-list-border: #d3d5d8;
    --mfn-ui-revisions-list-bg: rgba(114, 165, 216, 0.04);
    --mfn-ui-revisions-list-bg-hover: rgba(114, 165, 216, 0.07);

    --mfn-ui-settings-list-bg: rgba(114, 165, 216, 0.07);
    --mfn-ui-settings-list-border: rgba(0, 0, 0, 0.07);

    --mfn-ui-dropdown-bg: #fff;
    --mfn-ui-dropdown-border: #eceff5;
    --mfn-ui-dropdown-link: #7987a2;
    --mfn-ui-dropdown-link-hover: #304050;
    --mfn-ui-dropdown-link-hover-bg: #fbfbfc;
    --mfn-ui-dropdown-resolution-bg: #f4f4f7;

    --mfn-ui-contextmenu-bg: #fff;
    --mfn-ui-contextmenu-header-bg: #304050;
    --mfn-ui-contextmenu-header-color: #fff;
    --mfn-ui-contextmenu-border: #eceff5;
    --mfn-ui-contextmenu-link: #7987a2;
    --mfn-ui-contextmenu-link-hover: #304050;
    --mfn-ui-contextmenu-link-hover-bg: #fbfbfc;
    --mfn-ui-contextmenu-delete-link: #e16666;

    --mfn-ui-border-1: #eceff5;
    --mfn-ui-border-2: #d3d5d8;
    --mfn-ui-border-opacity-6: rgba(0,0,0,.06);

    --mfn-ui-sidebar-switcher-bg: #eff3f5;
    --mfn-ui-sidebar-switcher-bg-hover: #dfe7eb;
    --mfn-ui-sidebar-resizer: #eaeaea;

    --mfn-ui-pills-field-bg: rgba(114,165,216,0.15);
    --mfn-ui-pills-field-color: #304050;
    --mfn-ui-pills-field-bg-hover: rgba(114,165,216,0.25);

    --mfn-ui-preloader: #F7F7F7;
    --mfn-ui-preloader-color: #656565;
    --mfn-ui-preloader-dot1: #b7b7b7;
    --mfn-ui-preloader-dot2: #e2e2e2;
    --mfn-ui-preloader-grayscale: 1;
    --mfn-ui-preloader-opacity: 0.36;

    --mfn-ui-navigator-tree-color: #304050;
    --mfn-ui-navigator-tree-label-color: #929daa;
    --mfn-ui-navigator-tree-label-bg: rgba(255,255,255,.3);
    --mfn-ui-navigator-tree-icon-bg: #e3f1ff;
    --mfn-ui-navigator-tree-border: #e4e9ee;
    --mfn-ui-navigator-tree-hover-bg: #f4f4f4;
    --mfn-ui-navigator-tree-active-bg: #72a5d8;
    --mfn-ui-navigator-tree-active-color: #fff;
    --mfn-ui-navigator-tree-active-icon-bg: #8FB5E3;
    --mfn-ui-navigator-tree-wrap-bg: #fafcfc;
    --mfn-ui-navigator-tree-section-id: rgba(255,255,255,.7);

    --mfn-ui-shortcuts-bg-hover: rgba(114,165,216,.1);
    --mfn-ui-shortcuts-key-color: #304050;
    --mfn-ui-shortcuts-key-bg: #fff;
    --mfn-ui-shortcuts-key-color-hover: #fff;
    --mfn-ui-shortcuts-key-bg-hover: #72a5d8;

    --mfn-ui-global-styles-listing-class-color: #304050;
    --mfn-ui-global-styles-listing-code-color: #304050;
    --mfn-ui-global-styles-listing-code-bg: #fff;
    --mfn-ui-global-styles-listing-hover-bg: #f4f4f4;

    --mfn-ui-order-field-bg: #f5f9fd;
    --mfn-ui-order-field-border: rgba(114,165,216,0.1);
    --mfn-ui-order-field-color: #304050;
    --mfn-ui-order-field-active: #72a5d8;

    --mfn-ui-another-pages-heading: #304050;
    --mfn-ui-another-pages-bg-hover: rgba(0,0,0,.05);
    --mfn-ui-another-pages-icon-bg: rgba(0,0,0,.1);
    --mfn-ui-another-pages-icon-border: #57565a;
    --mfn-ui-another-pages-link-color: #fff;
    --mfn-ui-another-pages-link-color-hover: #fff;
    --mfn-ui-another-pages-link-bg: #304050;
    --mfn-ui-another-pages-link-bg-hover: #72a5d8;

    --mfn-ui-style-label-color: rgba(48,64,80,.3);
    --mfn-ui-style-label-border: rgba(48,64,80,.1);

    --mfn-ui-alert-bg: #e3f1ff;
    --mfn-ui-alert-color: #304050;

    --mfn-ui-class-color: #6F53BE;
    --mfn-ui-class-bg: rgba(83,186,190,.1);
    --mfn-ui-class-border: rgba(83,186,190,.4);

    --mfn-ui-conditional-logic-color: #FFB14E;
    --mfn-ui-conditional-logic-color-rgb: 255, 177, 78;
    --mfn-ui-conditional-logic-label-bg: #FFF1E0;

    --mfn-ui-badge-color1: #fff;
    --mfn-ui-badge-color2: #304050;

}

.mfn-dev-ui .mfn-ui{
    --mfn-ui-sidebar-width: 360px;
}

.mfn-default-ui .mfn-ui{
    --mfn-ui-sidebar-width: 420px;
}

.mfn-ui-dark {
    --mfn-ui-background: #2d2c2f;

    --mfn-ui-sidebar-background: #2d2c2f;
    --mfn-ui-sidebar-panel-title: #fff;
    --mfn-ui-sidebar-menu-background: #363538;
    --mfn-ui-sidebar-menu-border: #242326;
    --mfn-ui-sidebar-menu-hover: #3f3e42;

    --mfn-ui-text-color: #7F7D84;
    --mfn-ui-text-color-2: #69676F;
    --mfn-ui-text-color-3: #fff;
    --mfn-ui-heading: #bdbcc6;
    --mfn-ui-heading-arrow: rgba(255,255,255,.3);
    --mfn-ui-heading-arrow-active: rgba(255,255,255,.8);
    --mfn-ui-highlight: #72a5d8;
    --mfn-ui-link: #72a5d8;
    --mfn-ui-link-hover: #A5D2FF;

    --mfn-ui-toolip: #171618;
    --mfn-ui-toolip-color: #fff;

    --mfn-ui-version: #7F7D84;

    --mfn-ui-btn-bg: #3f3e42; /* 38373a */
    --mfn-ui-btn-color: #fff;
    --mfn-ui-btn-bg-hover: #48474b; /* 424144 */
    --mfn-ui-btn-color-hover: #fff;
    --mfn-ui-btn-green-bg: #388a5c;
    --mfn-ui-btn-green-bg-hover: #489c6d;
    --mfn-ui-btn-blue-bg: #5388be;
    --mfn-ui-btn-blue-bg-hover: #72a5d8;
    --mfn-ui-btn-red-bg: #DB5754;
    --mfn-ui-btn-red-bg-hover: #FA706D;

    --mfn-ui-option-btn-color: #fff;
    --mfn-ui-option-btn-bg: #38373a;
    --mfn-ui-option-btn-bg-hover: #424144;
    --mfn-ui-option-btn-bg-sep: #4a484d;
    --mfn-ui-option-btn-green-bg: #555559;
    --mfn-ui-option-btn-green-bg-hover: #606066;
    --mfn-ui-option-btn-blue-bg: #595b7a;
    --mfn-ui-option-btn-blue-bg-hover: #686b8f;

    --mfn-ui-item-bg: #363538;
    --mfn-ui-item-border: #57565a;
    --mfn-ui-item-section-bg: #48484b;
    --mfn-ui-item-section-color: #ffffff;
    --mfn-ui-item-border-hover: #72a5d8;
    --mfn-ui-item-shadow-hover: rgba(97,100,102,0.05);
    --mfn-ui-item-border-hover-section: #489c6d;
    --mfn-ui-item-shadow-hover-section: rgba(72,156,109,0.1);

    --mfn-ui-label: #fff;
    --mfn-ui-input-bg: #151516;
    --mfn-ui-input-disabled-bg: rgba(125,129,142,.5);
    --mfn-ui-input-disabled-color: rgba(255,255,255,.5);
    --mfn-ui-input-bg-readonly: #2d2c2f;
    --mfn-ui-input-border: #4a484d;
    --mfn-ui-input-color: #bdbcc6;
    --mfn-ui-input-placeholder-color: #bdbcc6;
    --mfn-ui-range-slider-bg: rgba(114, 165, 216, 0.15);
    --mfn-ui-range-slider-handle: #2d2c2f;
    --mfn-ui-range-slider-unit: #bdbcc6;
    --mfn-ui-input-label-bg: #4a484d;
    --mfn-ui-input-label-color: #bdbcc6;
    --mfn-ui-input-label-link-color: #fff;
    --mfn-ui-input-label-color-hover: #fff;
    --mfn-ui-input-label-bg-hover: #72a5d8;
    --mfn-ui-input-label-border-hover: #72a5d8;
    --mfn-ui-input-hover-border: #72a5d8;
    --mfn-ui-input-focus-border: #72a5d8;
    --mfn-ui-input-focus-color: #bdbcc6;
    --mfn-ui-input-focus-shadow: rgba(114,165,216,0.25);
    --mfn-ui-input-error-border: #e69b94;
    --mfn-ui-input-error-shadow: rgba(223,103,91,0.25);

    --mfn-ui-typography-bg: #363538;
    --mfn-ui-typography-shadow: rgba(0,30,47,0.15);

    --mfn-ui-segmented-options-bg: #3c3b3e;
    --mfn-ui-segmented-options-border: #4a484d;
    --mfn-ui-segmented-options-color: #bdbcc6;
    --mfn-ui-segmented-options-bg-hover: #444346;
    --mfn-ui-segmented-options-bg-active: #5388be;
    --mfn-ui-segmented-options-border-active: #5388be;
    --mfn-ui-segmented-options-color-active: #fff;

    --mfn-ui-visual-options-bg: rgba(255, 255, 255, 0.04);
    --mfn-ui-visual-options-bg-hover: rgba(255, 255, 255, 0.07);

    --mfn-ui-checkboxes-title: #bdbcc6;
    --mfn-ui-checkboxes-title-label: #9ea8bb;
    --mfn-ui-checkboxes-input: #bdbcc6;
    --mfn-ui-checkboxes-input-active: #72a5d8;
    --mfn-ui-checkboxes-bar-hover: #414043;

    --mfn-ui-sft-nav-bg: rgba(255, 255, 255, 0.03);
    --mfn-ui-sft-nav-tab-color: #bdbcc6;
    --mfn-ui-sft-nav-tab-bg-hover: rgba(255,255,255,0.03);
    --mfn-ui-sft-nav-tab-bg-active: #72a5d8;
    --mfn-ui-sft-nav-tab-color-active: #fff;

    --mfn-ui-panel-icon-bg: #3f3e41;
    --mfn-ui-panel-heading-bg: #3f3e42;

    --mfn-ui-modal-overlay: rgba(21,21,21,.9);
    --mfn-ui-modal-bg: #363538;
    --mfn-ui-modal-content-bg: rgba(0,0,0,.1);
    --mfn-ui-modal-border: #242326;
    --mfn-ui-modal-icon-bg: #3f3e41;
    --mfn-ui-modal-list-bg: rgba(255, 255, 255, 0.04);
    --mfn-ui-modal-list-color: #fff;
    --mfn-ui-modal-list-bg-hover: rgba(255, 255, 255, 0.07);

    --mfn-ui-revisions-list-icon-bg: #383841;
    --mfn-ui-revisions-list-border: #555458;
    --mfn-ui-revisions-list-bg: rgba(255, 255, 255, 0.04);
    --mfn-ui-revisions-list-bg-hover: rgba(255, 255, 255, 0.07);

    --mfn-ui-settings-list-bg: rgba(0, 0, 0, 0.3);
    --mfn-ui-settings-list-border: rgba(255,255,255,.08);

    --mfn-ui-dropdown-bg: #363538;
    --mfn-ui-dropdown-border: #4a484d;
    --mfn-ui-dropdown-link:#bdbcc5;
    --mfn-ui-dropdown-link-hover: #dedee2;
    --mfn-ui-dropdown-link-hover-bg: #414043;
    --mfn-ui-dropdown-resolution-bg: rgba(0,0,0,.2);

    --mfn-ui-contextmenu-bg: #363538;
    --mfn-ui-contextmenu-header-bg: #2d2c2f;
    --mfn-ui-contextmenu-header-color: #fff;
    --mfn-ui-contextmenu-border: #4a484d;
    --mfn-ui-contextmenu-link: #bdbcc5;
    --mfn-ui-contextmenu-link-hover: #dedee2;
    --mfn-ui-contextmenu-link-hover-bg: #414043;
    --mfn-ui-contextmenu-delete-link: #e16666;

    --mfn-ui-border-1: #242326;
    --mfn-ui-border-2: #57565a;
    --mfn-ui-border-opacity-6: rgba(0,0,0,.35);

    --mfn-ui-sidebar-switcher-bg: #2d2c2f;
    --mfn-ui-sidebar-switcher-bg-hover: #363538;
    --mfn-ui-sidebar-resizer: #212022;

    --mfn-ui-pills-field-bg: rgba(114,165,216,0.3);
    --mfn-ui-pills-field-color: #fff;
    --mfn-ui-pills-field-bg-hover: rgba(114,165,216,0.4);

    --mfn-ui-preloader: #1E1E1F;
    --mfn-ui-preloader-color: #fff;
    --mfn-ui-preloader-dot1: #81E0FF;
    --mfn-ui-preloader-dot2: #0089F7;
    --mfn-ui-preloader-grayscale: 0;
    --mfn-ui-preloader-opacity: 1;

    --mfn-ui-navigator-tree-color: #bdbcc6;
    --mfn-ui-navigator-tree-label-color: #bdbcc6;
    --mfn-ui-navigator-tree-label-bg: rgba(0,0,0,.2);
    --mfn-ui-navigator-tree-icon-bg: #3f3e41;
    --mfn-ui-navigator-tree-border: #4a484d;
    --mfn-ui-navigator-tree-hover-bg: #444346;
    --mfn-ui-navigator-tree-active-bg: #72a5d8;
    --mfn-ui-navigator-tree-active-color: #fff;
    --mfn-ui-navigator-tree-active-icon-bg: #5481AF;
    --mfn-ui-navigator-tree-wrap-bg: #363538;
    --mfn-ui-navigator-tree-section-id: rgba(255,255,255,.5);

    --mfn-ui-shortcuts-bg-hover: rgba(255,255,255,.05);
    --mfn-ui-shortcuts-key-color: #bdbcc6;
    --mfn-ui-shortcuts-key-bg: rgba(0,0,0,.2);
    --mfn-ui-shortcuts-key-color-hover: #fff;
    --mfn-ui-shortcuts-key-bg-hover: #72a5d8;

    --mfn-ui-global-styles-listing-class-color: #fff;
    --mfn-ui-global-styles-listing-code-color: #bdbcc6;
    --mfn-ui-global-styles-listing-code-bg: rgba(0,0,0,.2);
    --mfn-ui-global-styles-listing-hover-bg: #444346;

    --mfn-ui-order-field-bg: #1c1b1d;
    --mfn-ui-order-field-border: rgba(255,255,255,0.1);
    --mfn-ui-order-field-color: #fff;
    --mfn-ui-order-field-active: #72a5d8;

    --mfn-ui-another-pages-heading: #fff;
    --mfn-ui-another-pages-icon-bg: rgba(255,255,255,.1);
    --mfn-ui-another-pages-icon-border: #57565a;
    --mfn-ui-another-pages-bg-hover: rgba(255,255,255,.05);
    --mfn-ui-another-pages-link-color: #fff;
    --mfn-ui-another-pages-link-color-hover: #fff;
    --mfn-ui-another-pages-link-bg: rgba(0,0,0,.3);
    --mfn-ui-another-pages-link-bg-hover: #72a5d8;

    --mfn-ui-style-label-color: rgba(255,255,255,.3);
    --mfn-ui-style-label-border: rgba(255,255,255,.1);

    --mfn-ui-alert-bg: #313339;
    --mfn-ui-alert-color: #fff;

    --mfn-ui-conditional-logic-color: #FFB14E;
    --mfn-ui-conditional-logic-color-rgb: 255, 177, 78;
    --mfn-ui-conditional-logic-label-bg: #4b423a;

    --mfn-ui-badge-color1: #fff;
    --mfn-ui-badge-color2: #171618;

}

.mfn-ui .mfn-bebuilder-iframe-error{ display: block; box-sizing: border-box; max-width: 100%; width: 60%; left: 0; right: 0; position: absolute; margin: 0 auto; text-align: center; top: 50%; transform: translateY(-50%); }
.mfn-ui .mfn-bebuilder-iframe-error h3 { margin-bottom: 12px !important; color: #fff; }
.mfn-ui .mfn-bebuilder-iframe-error p { color: #7F7D84; }
.mfn-ui .mfn-bebuilder-iframe-error p strong { color: #fff; font-weight: 600; border-bottom: 1px solid; padding-bottom: 2px; }

/* PBL BE SECTIONS WRAPS */
body.mfn-template-section #mfn-vb-sidebar .menu-page,
body.mfn-template-section #mfn-vb-sidebar .menu-options,
body.mfn-template-wrap #mfn-vb-sidebar .menu-page,
body.mfn-template-wrap #mfn-vb-sidebar .menu-options,
body.mfn-template-wrap #mfn-vb-sidebar .btn-navigator-switcher,
body.mfn-template-wrap #mfn-vb-sidebar .menu-sections{display:none!important}

body.mfn-template-section .mfn-option-dropdown .dropdown-wrapper a.mfn-dropdown-item[data-filter="panel-export-import-single-page"],
body.mfn-template-section .mfn-option-dropdown .dropdown-wrapper a.mfn-dropdown-item[data-filter="panel-export-import-presets"]{display:none!important}

body.mfn-template-wrap .mfn-option-dropdown .dropdown-wrapper a.mfn-dropdown-item[data-filter="panel-export-import-templates"],
body.mfn-template-wrap .mfn-option-dropdown .dropdown-wrapper a.mfn-dropdown-item[data-filter="panel-export-import-single-page"],
body.mfn-template-wrap .mfn-option-dropdown .dropdown-wrapper a.mfn-dropdown-item[data-filter="panel-export-import-presets"]{display:none!important}

body.mfn-template-section .import-options #mfn-import-type,
body.mfn-template-section .templates-options #mfn-import-template-type{display:none!important}
body.mfn-template-section .import-options .mfn-import-button,
body.mfn-template-section .templates-options .mfn-import-template-button{width:100%;justify-content:center}
body.mfn-template-section .import-options,
body.mfn-template-section .templates-options{flex-wrap:wrap}

body.mfn-template-wrap .import-options #mfn-import-type{display:none!important}
body.mfn-template-wrap .import-options .mfn-import-button{width:100%;justify-content:center}
body.mfn-template-wrap .import-options{flex-wrap:wrap}
body.mfn-template-wrap .mfn-contextmenu.mfn-context-menu-section .mfn-contextmenu-delete{ display: none !important; }
body.mfn-template-wrap .mfn-contextmenu.mfn-context-menu-wrap .mfn-context-li-clone, body.mfn-template-wrap .mfn-contextmenu.mfn-context-menu-wrap .mfn-context-li-copy, body.mfn-template-wrap .mfn-contextmenu.mfn-context-menu-wrap .mfn-context-li-paste{ display: none !important; }

body.mfn-template-section .global-sections-import-info{font-size:90%;line-height:160%}
body:not(.mfn-template-section) .global-sections-import-info{display:none}


.mfn-contextmenu.mfn-context-menu-global .mfn-context-li-copy, .mfn-contextmenu.mfn-context-menu-global .mfn-context-li-paste, .mfn-contextmenu.mfn-context-menu-global .mfn-context-li-clone{ display: none; }

.mfn-ui .mfn-navigator ul.navigator-tree li.navigator-wrap.toggle-disabled .navigator-add-item,
.mfn-ui .mfn-navigator ul.navigator-tree li.navigator-wrap.toggle-disabled .navigator-arrow{ display: none; }

body.mfn-template-section #mfn-vb-sidebar .global_sections { display: none !important }
body.mfn-template-section #mfn-vb-sidebar .global_wraps { display: none !important }

body.mfn-template-wrap #mfn-vb-sidebar .global_wraps { display: none !important }

.mfn-contextmenu[hide-ui='section'] .mfn-context-copy,
.mfn-contextmenu[hide-ui='section'] .mfn-context-paste,
.mfn-contextmenu[hide-ui='section'] .mfn-contextmenu-delete{display: none !important}

.sidebar-panel.mfn-global-wrap-edit .panel-edit-item{ padding-top:0px !important}
.sidebar-panel.mfn-global-wrap-edit .sidebar-panel-content-tabs {display: none !important}
.sidebar-panel.mfn-global-wrap-edit .modalbox-card-content{display:none !important}
.sidebar-panel.mfn-global-wrap-edit .modalbox-card-advanced{display:block !important}
.sidebar-panel.mfn-global-wrap-edit .modalbox-card-advanced .mfn-form-row{display: none}
.sidebar-panel.mfn-global-wrap-edit .modalbox-card-advanced .mfn-form-row#global_wraps_select{display: block}

.sidebar-panel.mfn-global-section-edit .panel-edit-item{ padding-top:0px !important}
.sidebar-panel.mfn-global-section-edit .sidebar-panel-content-tabs {display: none !important}
.sidebar-panel.mfn-global-section-edit .modalbox-card-content{display:none !important}
.sidebar-panel.mfn-global-section-edit .modalbox-card-advanced{display:block !important}
.sidebar-panel.mfn-global-section-edit .modalbox-card-advanced .mfn-form-row{display: none}
.sidebar-panel.mfn-global-section-edit .modalbox-card-advanced .mfn-form-row#global_sections_select{display: block}

html .sidebar-panel.mfn-global-wrap-edit .modalbox-card-content .wrap{ display:none !important; }

.mfn-visualbuilder .sidebar-panel-content ul.prebuilt-sections-list.global-sections li .desc { background-color: transparent; }
.mfn-visualbuilder .sidebar-panel-content ul.prebuilt-sections-list li.active { border: 1px solid var(--mfn-ui-item-border-hover-section); }
.mfn-visualbuilder .sidebar-panel-content ul.prebuilt-sections-list li.active .desc .mfn-insert-global-section { padding-left:10px; }
.mfn-visualbuilder .sidebar-panel-content ul.prebuilt-sections-list li.active .desc .mfn-insert-global-section .mfn-icon-add { display: none; }

.mfn-visualbuilder .sidebar-panel-content ul.prebuilt-sections-list li.category-header, .mfn-visualbuilder .sidebar-panel-content ul.prebuilt-sections-list li.category-footer{display: none;}

.mfn-visualbuilder.mfn-vb-tmpl-header .sidebar-panel-content ul.prebuilt-sections-list li:not(.category-header){ display: none; }
.mfn-visualbuilder.mfn-vb-tmpl-footer .sidebar-panel-content ul.prebuilt-sections-list li:not(.category-footer){ display: none; }

.mfn-visualbuilder.mfn-vb-tmpl-header .sidebar-panel-content ul.prebuilt-sections-list li.category-header{ display: block; }
.mfn-visualbuilder.mfn-vb-tmpl-footer .sidebar-panel-content ul.prebuilt-sections-list li.category-footer{ display: block; }

.mfn-ui .mfn-btn-fw {
  width: 100%;
  box-sizing: border-box;
  justify-content: center;
}

/* LUKAS */

.mfn-hidden-form-row { visibility: hidden !important; height: 0; }
.mfn-hidden-form-row .form-content { border-bottom: 0; }

.mfn-ui .mfn-form .mfn-form-row.mfn_template_type{ display: none; }
.mfn-ui .mfn-form .mfn-form-row.mfn-field-visible-shop-archive-tmpl{ display: none; }
.mfn-ui .mfn-form .mfn-form-row.query_post_type_page, .mfn-ui .mfn-form .mfn-form-row.query_post_type_page_exclude{ display: none !important; }

.mfn-ui .mfn-form .mfn-placeholder-inherited-rwd input:not(:focus), .mfn-ui .mfn-form .mfn-placeholder-inherited-rwd select:not(:focus){ color: #7acccc !important; }
.mfn-ui .mfn-form .mfn-placeholder-inherited-rwd .segmented-options ul li.active a{ background-color: #1f9999; border-color: #1f9999; }
.mfn-ui .mfn-form .mfn-placeholder-inherited-rwd .visual-options ul li.active a .mfn-icon{ box-shadow: inset 0 0 0 2px #1f9999; }
.mfn-ui .mfn-form .mfn-placeholder-inherited-rwd .range-slider .ui-slider .ui-slider-handle { border-color: #1f9999 !important; }

.mfn-ui-dark .mfn-form .mfn-placeholder-inherited-rwd input:not(:focus), .mfn-ui-dark .mfn-form .mfn-placeholder-inherited-rwd select:not(:focus){ color: #2B6666 !important; }
.mfn-ui-dark .mfn-form .mfn-placeholder-inherited-rwd .segmented-options ul li.active a{ background-color: #2B6666; border-color: #2B6666; }
.mfn-ui-dark .mfn-form .mfn-placeholder-inherited-rwd .visual-options ul li.active a .mfn-icon{ box-shadow: inset 0 0 0 2px #2B6666; }
.mfn-ui-dark .mfn-form .mfn-placeholder-inherited-rwd .range-slider .ui-slider .ui-slider-handle { border-color: #2B6666 !important; }

.mfn-ui .mfn-form .mfn-placeholder-inherited-class input:not(:focus), .mfn-ui .mfn-form .mfn-placeholder-inherited-class select:not(:focus){ color: rgba(151,124,228,.6) !important; }
.mfn-ui .mfn-form .mfn-placeholder-inherited-class .segmented-options ul li.active a{ background-color: var(--mfn-ui-class-color); border-color: var(--mfn-ui-class-color); }
.mfn-ui .mfn-form .mfn-placeholder-inherited-class .visual-options ul li.active a .mfn-icon{ box-shadow: inset 0 0 0 2px var(--mfn-ui-class-color); }
.mfn-ui .mfn-form .mfn-placeholder-inherited-class .range-slider .ui-slider .ui-slider-handle { border-color: var(--mfn-ui-class-color) !important; }

.mfn-form .mfn-placeholder-inherited-std input:not(:focus){ color: rgba(48,64,80, 0.16) !important; }
.mfn-ui-dark .mfn-form .mfn-placeholder-inherited-std input:not(:focus){ color: rgba(255,255,255,.2) !important; }

.mfn-form .mfn-placeholder-inherited-std input:not(:focus){ color: rgba(48,64,80, 0.16) !important; }

.mfn-reset-margin-placeholders [data-id="css_advanced_margin"] .mfn-placeholder-inherited-std input { transition: unset; }
.mfn-reset-margin-placeholders [data-id="css_advanced_margin"] .mfn-placeholder-inherited-std input:not(:focus),
.mfn-reset-margin-placeholders [data-id="css_advanced_margin"] .mfn-placeholder-inherited-std input::placeholder { color: transparent !important; }

/*.mfn-ui .mfn-form .mfn-form-row:not(.mfn-reset-allowed) .mfn-reset-val-icon{ display: none; }
*/
body:not(.mfn-user-role-administrator) .mfn-ui .mfn-form .mfn-form-row.mfn-editor-min-access{ display: none; }

.mfn-ui.mfn-vb-template.mfn-vb-tmpl-shop-archive .mfn-form .mfn-form-row.mfn-field-visible-shop-archive-tmpl, .mfn-ui.mfn-vb-template.mfn-vb-tmpl-archive-product .mfn-form .mfn-form-row.mfn-field-visible-shop-archive-tmpl{ display: block; }

.mfn-df-row{ display: block; position: relative; padding-right: 40px; }
.mfn-df-row.clone{ display: none; }
.mfn-dynamic-form .df-remove{ position: absolute; top: 50%; right: 0; transform: translateY(-50%); }
.mfn-dynamic-form .mfn-df-row{ margin-bottom: 10px; }
.mfn-dynamic-form .df-row-inputs{ display: flex; justify-content: space-between; }
.mfn-dynamic-form .df-row-inputs .df-input:first-child { position: relative; flex: 0 0 140px; background-color: var(--mfn-ui-input-bg); color: var(--mfn-ui-input-color); padding-left: 30px; font-weight: 500; }
.mfn-dynamic-form .df-row-inputs .df-input:first-child {
    background-image: url('data:image/svg+xml;charset=US-ASCII,%3Csvg%20width%3D%2220%22%20height%3D%2220%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M5%206l5%205%205-5%202%201-7%207-7-7%202-1z%22%20fill%3D%22%23555%22%2F%3E%3C%2Fsvg%3E'),
    url('../svg/options/add.svg');
    background-repeat: no-repeat, no-repeat;
    background-position: right 5px top 55%, 10px center;
    background-size: 16px, 20px;
}
.mfn-dynamic-form .df-row-inputs .df-input.minus:first-child {
    background-image: url('data:image/svg+xml;charset=US-ASCII,%3Csvg%20width%3D%2220%22%20height%3D%2220%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M5%206l5%205%205-5%202%201-7%207-7-7%202-1z%22%20fill%3D%22%23555%22%2F%3E%3C%2Fsvg%3E'),
    url('../svg/options/minus.svg');
    background-repeat: no-repeat, no-repeat;
    background-position: right 5px top 55%, 10px center;
    background-size: 16px, 20px;
}
.mfn-dynamic-form .df-row-inputs .df-input{ flex-grow: 1; flex-basis: 0; }
.mfn-dynamic-form .df-row-inputs .df-input.df-input-opt{ display: none; }
.mfn-dynamic-form .df-row-inputs .df-input.df-input-opt.show{ display: inline-flex; }
.mfn-dynamic-form.mfn-form .df-row-inputs .mfn-form-control {  margin: 0 2px; }

.mfn-ui .mfn-form .CodeMirror{border:1px solid #e5e5e5;background:#f2f6fa;z-index:0; font-family: Courier, monospace;resize: vertical;}
.CodeMirror-lint-tooltip{z-index:9999!important}
.CodeMirror.preventClick{position:relative}
.CodeMirror.preventClick:after{background:rgba(0,0,0,.1);position:absolute;content:'';width:100%;height:100%;left:0;top:0;z-index:10}

html.wp-toolbar{padding:0!important}

.mfn-ui .mfn-form .form-group .editor-content{
  clear: both;
}
.mfn-ui .editor-content .mfn-tooltip-sc-editor{
  display: none;
}
#Wrapper, #Header_creative{
  display: none;
}
#Side_slide{
  display: none;
}
.mfn-vb-dragger{
  display: block; position: fixed; z-index:10;width:auto!important;height:auto!important;padding:8px 25px 8px 40px;background-color:#72a5d8;color:#fff;border-radius:3px;
}
.mfn-vb-tmpl-header .mfn-vb-dragger{ padding:3px 12px 3px 40px; font-size: 12px; }
.CodeMirror-wrap pre{
  word-break: break-all;
}
.mfn-ui-loading .mfn-ui.mfn-visualbuilder .sidebar-wrapper{
  display: none;
}
.mfn-ui-loading .mfn-ui.mfn-visualbuilder .preview-wrapper{
  margin-left: 0;
}
#mfn-sidebar-resizer{
  position: absolute;
  top: 0;
  left: 100%;
  z-index: 21;
  background-color: transparent;
  height: 100%;
  width: 5px;
  transition: 0.3s;
  -webkit-transition: 0.3s;
  cursor: col-resize;/*
  background-position: center;
  background-repeat: no-repeat;
  background-size: 0;
  background-image: url(../svg/editor/resize.svg);*/
}
#mfn-sidebar-resizer:hover{
    /*background-color: var(--mfn-ui-sidebar-resizer);*/
    width: 5px;
  }
/*
#mfn-sidebar-resizer:hover{
  background-color: var(--mfn-ui-sidebar-resizer);
  width: 20px;
  background-size: 80% auto;
}
*/
.resizing-active #mfn-sidebar-resizer:before{
  position: absolute;
  top: 0;
  left: -50vw;
  width: 150vw;
  height: 100%;
  display: block;
  content: "";
}
.mfn-ui .mfn-history-btn.inactive{
  pointer-events: none;
}
.mfn-ui  .mfn-history-btn.inactive span{
  opacity: 0.3;
}
.mfn-ui-loading .mfn-visualbuilder .sidebar-wrapper{
  display: none;
}
.mfn-ui-loading .mfn-visualbuilder .preview-wrapper{
  margin-left: 0;
}
.sidebar-wrapper canvas{
  display: none;
}

.sidebar-panel .columns, .sidebar-panel .column{
  float: none;
  margin: 0 0 15px 0;
}


.frameOverlay{
  height: 90%;
 width: 100%;
 position: absolute;
 top: 0;
 left: 0;
 display: block;
}


.mfn-contextmenu{ position: fixed; top: 100px; left: 100px; display: none; width: 200px; font-size: 14px; box-sizing: border-box; padding: 10px; background-color: var(--mfn-ui-contextmenu-bg); border: 1px solid var(--mfn-ui-contextmenu-border); box-shadow: 0px 1px 2px rgba(31,30,47,0.1), 0px 0px 20px rgba(31,30,47,0.03); border-radius: 3px; z-index: 9999; overflow: hidden; }
.mfn-contextmenu .mfn-context-header{ background-color: var(--mfn-ui-contextmenu-header-bg); color: var(--mfn-ui-contextmenu-header-color); margin: -10px -10px 10px; padding: 7px 15px; }
.mfn-contextmenu ul{ list-style-type: none; padding: 0; margin: 0; }
.mfn-contextmenu ul li a{display:flex;align-items:center;padding:5px 10px;color:var(--mfn-ui-contextmenu-link)!important;border-radius:3px;white-space:nowrap;text-decoration:none;cursor:pointer;break-inside:avoid}
.mfn-contextmenu ul li a.mfn-context-inactive{ opacity: 0.35; pointer-events: none; }
.mfn-contextmenu ul li a:not(.mfn-context-inactive):hover{color:var(--mfn-ui-contextmenu-link-hover);background-color:var(--mfn-ui-contextmenu-link-hover-bg)}
.mfn-contextmenu ul li a .mfn-icon{display:inline-block;width:20px;height:20px;border-radius:3px;text-indent:-9999px;margin-right:5px;opacity:1;background-repeat:no-repeat;background-size:22px;background-position:center center}
.mfn-contextmenu.mfn-builder-area-contextmenu ul li.mfn-contextmenu-copystyle,
.mfn-contextmenu.mfn-builder-area-contextmenu ul li.mfn-contextmenu-navigator { border-top: 1px solid var(--mfn-ui-contextmenu-border); margin-top: 6px; padding-top: 6px; }
.mfn-contextmenu.mfn-builder-area-contextmenu ul li.mfn-contextmenu-delete { border-top: 1px solid var(--mfn-ui-contextmenu-border); margin-top: 6px; padding-top: 6px; }
.mfn-contextmenu.mfn-builder-area-contextmenu ul li.mfn-contextmenu-delete a { color: #e16666 !important; }
.mfn-contextmenu.mfn-builder-area-contextmenu ul li.mfn-contextmenu-delete a:hover { background-color:#fff9f9; }
.mfn-contextmenu .mfn-contextmenu-tools{ display: flex ; width: 100%; gap: 3px; margin: 0 0 10px 0; border-bottom: 1px solid var(--mfn-ui-contextmenu-border); padding-bottom: 10px; }
.mfn-contextmenu .mfn-contextmenu-tools a.mfn-option-btn{ display: flex; flex-grow: 1; justify-content: center; margin: 0; }

.mfn-contextmenu[data-edited="Section"] .mfn-contextmenu-tools .mfn-context-resize-minus, .mfn-contextmenu[data-edited="Section"] .mfn-contextmenu-tools .mfn-context-resize-plus{ display: none; }

/* Preloader */
.mfn-preloader { display: none; flex-direction: column; font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif; width: 100%; height: 100%; position: fixed; left: 0; top: 0; z-index: 9999; background-color:var(--mfn-ui-preloader); justify-content: center; align-items: center; }
.mfn-preloader .mfn-preloader-icon { width: 210px; height: 210px; margin-top: -50px; overflow: hidden; }
.mfn-preloader img{ max-width: 210px; min-width: 100px; margin: 0 auto 30px auto; display: block; }
.mfn-ui-light .mfn-preloader .mfn-preloader-icon { filter: grayscale(var(--mfn-ui-preloader-grayscale)); opacity: var(--mfn-ui-preloader-opacity); }
.mfn-preloader .loading-text { color: var(--mfn-ui-preloader-color); margin-top: -20px; font-size: 16px; line-height: 24px; font-weight: 500; }
.mfn-preloader .loading-text .dots{ position: relative; margin-left: 10px; animation: dotsLoading 1s infinite linear alternate; animation-delay:.5s}
.mfn-preloader .loading-text .dots,
.mfn-preloader .loading-text .dots:before,
.mfn-preloader .loading-text .dots:after { display: inline-block; width: 4px; height: 4px; border-radius: 5px; background-color:var(--mfn-ui-preloader-dot2); color:#fff; }
.mfn-preloader .loading-text .dots:before,
.mfn-preloader .loading-text .dots:after{ content: "";  position: absolute; top: 0; }
.mfn-preloader .loading-text .dots:before{left: -8px;  animation: dotsLoading 1s infinite alternate; animation-delay: 0}
.mfn-preloader .loading-text .dots:after{left: 8px;  animation: dotsLoading 1s infinite alternate; animation-delay: 1s}

@keyframes dotsLoading{
    0% {
        background-color:var(--mfn-ui-preloader-dot1)
    }
    50%,100% {
        background-color:var(--mfn-ui-preloader-dot2)
    }
}
.mfn-preloader-active .mfn-preloader { display: flex; }

.mfn-ui .mfn-form .social-icons .social-wrapper{width:100%;max-width:500px}
.mfn-ui .mfn-form .social-icons .social-wrapper li{display:flex;align-items:center;min-height:44px}
.mfn-ui .mfn-form .social-icons .drag{display:flex;align-items:center;margin-left:-25px;margin-right:5px;opacity:0;transition:opacity .2s ease-in-out; color: var(--mfn-ui-text-color-1)}
.mfn-ui .mfn-form .social-icons li:hover .drag{opacity:.5;cursor:ns-resize}
.mfn-ui .mfn-form .social-icons li:hover .drag:hover{opacity:1}
.mfn-ui .mfn-form .social-icons .label{display:flex;align-items:center;width:100px;margin-right:20px;color:var(--mfn-ui-checkboxes-title)}
.mfn-ui .mfn-form .social-icons .label i{margin-right:5px}

/*TABS*/


.mfn-ui .mfn-form .tabs .tabs-wrapper{width:100%;margin:0}
.mfn-ui .mfn-form .tabs .tabs-wrapper li { margin-bottom: 6px; }
.mfn-ui .mfn-form .tabs .tab .tab-header{display:flex;justify-content:space-between;align-items:center;background-color:rgba(114,165,216,0.07);padding:7px;border-radius:3px;cursor:ns-resize}
.mfn-ui .mfn-form .tabs .tab .tab-header .title{margin:0 0 0 9px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width: 210px;}
.mfn-ui .mfn-form .tabs .tab .tab-header .title:has(img) { line-height: 0; }
.mfn-ui .mfn-form .tabs .tab .tab-header .title:has(img) img { border-radius: 3px; }
.mfn-ui .mfn-form .tabs .tab .tab-header .title:has(.mfn-icon-video) { display: flex; align-items: center; gap:10px; }
.mfn-ui .mfn-form .tabs .tab .tab-header .title .mfn-tab-video-title { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; width: 100%; }
.mfn-ui .mfn-form .tabs .tab .tab-header .title .mfn-icon-video { display: inline-flex; flex-shrink: 0; width: 52px; height: 38px; background-size: 34px;background-position: center; background-repeat: no-repeat; border-radius: 3px; background-color: rgba(114,165,216,0.2); }
.mfn-ui .mfn-form .tabs .tab .tab-header .mfn-tab-hide{display:none}
.mfn-ui .mfn-form .tabs .tab .tab-header .mfn-tab-clone{margin-left:auto}
.mfn-ui .mfn-form .tabs .tab .tab-content{display:none;padding:7px 0}
.mfn-ui .mfn-form .tabs .tab .tab-content .mfn-tabs-row{width:100%;margin: 13px 0 0 0; display: block;}
.mfn-ui .mfn-form .tabs .tab .tab-content .mfn-tabs-row .form-control:not(.has-icon){width: 100%; margin: 0;}
.mfn-ui .mfn-form .tab .tab-content .form-content{padding: 0; margin: 0;}
.mfn-ui .mfn-form .tabs .tab.show .tab-header .mfn-tab-show{display:none}
.mfn-ui .mfn-form .tabs .tab.show .tab-header .mfn-tab-hide{display:block}
.mfn-ui .mfn-form .tabs .tab.show .tab-content{display:block}
.mfn-ui .mfn-form .tabs .tab.default{display:none}
.mfn-ui .mfn-form .tabs a.mfn-button-add{display:inline-block;padding:5px 10px 5px 30px;background-image:url(../svg/options/add.svg);background-size:22px;background-position:left 5px center;background-repeat:no-repeat;border-radius:3px;margin-top:5px}
.mfn-ui .mfn-form .tabs .tab.show .tab-content label{ text-transform: capitalize; }

/*GALLERY*/


.mfn-ui .mfn-form .browse-image  { }
.mfn-ui .mfn-form .browse-image .selected-image { width: 100%; margin-top: 20px; line-height: 0; background: url(../img/transparency.png); border-radius: 3px; text-align: center; }
.mfn-ui .mfn-form .browse-image .selected-image img { max-width: 100%; max-height: 100%; }
.mfn-ui .mfn-form .lottie .browse-image .selected-image,
.mfn-ui .mfn-form .browse-image.empty .selected-image,
.mfn-ui .mfn-form .browse-image.empty .mfn-button-delete { display: none; }

.mfn-ui .mfn-form .browse-image.multi { display: block; width: 100%; margin-right: 0; }
.mfn-ui .mfn-form .browse-image.multi .browse-options { margin-bottom: 20px; }
.mfn-ui .mfn-form .browse-image.multi .mfn-button-upload { display: inline-block; padding: 0 15px; margin-right: 5px; height: 42px; line-height: 42px; border: 1px solid var(--mfn-ui-input-border); text-decoration: none; background-color: var(--mfn-ui-input-label-bg); color:var(--mfn-ui-input-label-color); border-radius: 3px; }
.mfn-ui .mfn-form .browse-image.multi .mfn-button-upload:hover { background: var(--mfn-ui-input-label-bg-hover); border-color: var(--mfn-ui-input-label-border-hover); color: var(--mfn-ui-input-label-color-hover); }
.mfn-ui .mfn-form .browse-image.multi .mfn-button-delete-all { display: inline-block; padding: 5px 10px 5px 30px; background-image: url(../svg/options/delete.svg); background-size: 22px; background-position: left 5px center; background-repeat: no-repeat; border-radius: 3px; margin-top: 5px; }
.mfn-ui .mfn-form .browse-image.multi .gallery-container { width: 100%; clear: both; margin: 0; }
.mfn-ui .mfn-form .browse-image.multi .gallery-container li { display: flex; margin: 0 15px 15px 0; width: 120px; height: 120px; position: relative; line-height: 0; background: url(../img/transparency.png); border-radius: 3px; float: left; justify-content: center; align-items: center; }
.mfn-ui .mfn-form .browse-image.multi .gallery-container li img { cursor: move; }
.mfn-ui .mfn-form .browse-image.multi .gallery-container li .mfn-button-delete { position: absolute; right: 5px; top: 5px; }
.mfn-ui .mfn-form .browse-image.multi.empty .browse-options { margin-bottom: 0 }
.mfn-ui .mfn-form .browse-image.multi.empty .mfn-button-delete-all { display: none }

.mfn-ui .mfn-form .media_carousel_ids .browse-image.multi .mfn-button-upload{ width: 100%; box-sizing: border-box; margin-right: 0; text-align: center;}
.mfn-ui .mfn-form .media_carousel_ids .browse-image.multi .mfn-button-delete-all{ display: none; }
.mfn-ui .mfn-form .media_carousel_ids .browse-image.multi .browse-options{ margin-bottom: 0; }

.mfn-ui .mfn-form .browse-image.mfn-upload-field-format-id .mfn-form-control{ display: none; }
.mfn-ui .mfn-form .browse-image.mfn-upload-field-format-id .mfn-button-delete{ position: relative; height: auto; top:0; right:0;}
.mfn-ui .mfn-form .browse-image.mfn-upload-field-format-id .mfn-button-delete .mfn-icon-delete{ width: 36px; height: 36px; }
.mfn-ui .mfn-form .browse-image.mfn-upload-field-format-id .form-control{ flex: 0 0 42px; }
.mfn-ui .mfn-form .browse-image.mfn-upload-field-format-id.empty .form-control{ display: none; }
.mfn-ui .mfn-form .browse-image.mfn-upload-field-format-id .browse-image-single{ flex-grow: 1; }
.mfn-ui .mfn-form .browse-image.mfn-upload-field-format-id .browse-image-single a span.label{ border-radius:3px; border-width:1px; }












/* Use clearfix class on parent to clear nested columns, or wrap each row of columns in a <div class="row"> */

.clearfix:before,.clearfix:after{content:'\0020';display:block;overflow:hidden;visibility:hidden;width:0;height:0}
.clearfix:after{clear:both}
.clearfix{zoom:1}

/*
Typography
Buttons
Option Buttons
*/

.mfn-ui { background-color: var(--mfn-ui-background); color: var(--mfn-ui-text-color); font-size: 13px; line-height: 24px; font-family: 'Poppins', sans-serif; }
.mfn-ui.loading .mfn-wrapper{opacity:0}

/* Typography */

.mfn-ui h1,.mfn-ui h2,.mfn-ui h3,.mfn-ui h4,.mfn-ui h5,.mfn-ui h6{margin:0 0 20px}
.mfn-ui h1{color:var(--mfn-ui-heading);font-size:27px;line-height:33px;font-weight:400}
.mfn-ui h2{color:var(--mfn-ui-heading);font-size:24px;line-height:30px;font-weight:400}
.mfn-ui h3{color:var(--mfn-ui-heading);font-size:21px;line-height:27px;font-weight:600}
.mfn-ui h4{color:var(--mfn-ui-heading);font-size:18px;line-height:24px;font-weight:500}
.mfn-ui h5{color:var(--mfn-ui-heading);font-size:15px;line-height:26px;font-weight:500}
.mfn-ui h6{color:var(--mfn-ui-heading);font-size:14px;line-height:26px;font-weight:600; letter-spacing: 0px;}

.mfn-ui p{font-size:14px;line-height:26px;margin:0 0 20px}

.mfn-ui code{background-color:rgba(0,0,0,.035);font-size:85%;color:var(--mfn-ui-heading);letter-spacing:1px;word-wrap:break-word;padding:3px 5px;border-radius:3px}

.mfn-ui a{color:var(--mfn-ui-link);}
.mfn-ui a:hover{color:var(--mfn-ui-link-hover);}
.mfn-ui a:focus{box-shadow:unset}

/* Buttons */

.mfn-ui .mfn-btn { display: inline-flex;  align-items: center; vertical-align: middle; border: 0; cursor: pointer; border-radius: 3px; padding: 8px 25px; font-size: inherit; line-height: 26px; margin: 0 2px 15px; font-weight: 500; text-decoration: none; -webkit-appearance: none;  }
.mfn-ui .mfn-btn.btn-only-icon { padding: 8px 10px; }
.mfn-ui .mfn-btn .btn-wrapper { display: flex; }
.mfn-ui .mfn-btn .mfn-icon { display: inline-block; width: 26px; height: 26px; }
.mfn-ui .mfn-btn.btn-icon-left .mfn-icon { margin-right: 10px; }
.mfn-ui .mfn-btn.btn-icon-right .mfn-icon { margin-left: 10px; }

.mfn-ui .mfn-btn.btn-wide { padding-left: 50px; padding-right: 50px; }

.mfn-ui .mfn-btn.btn-small { padding: 8px 15px;; font-size: 13px; line-height: 24px; }
.mfn-ui .mfn-btn.btn-small.btn-only-icon { padding: 15px 10px; }
.mfn-ui .mfn-btn.btn-small .mfn-icon { width: 24px; height: 24px; }

.mfn-ui .mfn-btn.btn-large { padding: 15px 50px; font-size: 15px; line-height: 28px; }
.mfn-ui .mfn-btn.btn-large.btn-only-icon { padding: 15px 10px; }
.mfn-ui .mfn-btn.btn-large .mfn-icon { width: 28px; height: 28px; }

  .mfn-ui .mfn-btn { background-color: var(--mfn-ui-btn-bg); color: var(--mfn-ui-btn-color); }
  .mfn-ui .mfn-btn:hover { background-color:var(--mfn-ui-btn-bg-hover); color: var(--mfn-ui-btn-color-hover); }

  .mfn-ui .mfn-btn-green { background-color: var(--mfn-ui-btn-green-bg); color: #fff; }
  .mfn-ui .mfn-btn-green:hover { background-color:var(--mfn-ui-btn-green-bg-hover); color: #fff; }

  .mfn-ui .mfn-btn-blue { background-color: var(--mfn-ui-btn-blue-bg); color: #fff; }
  .mfn-ui .mfn-btn-blue:hover { background-color: var(--mfn-ui-btn-blue-bg-hover); color: #fff; }

  .mfn-ui .mfn-btn-navy { background-color: #283746; color: #fff; }
  .mfn-ui .mfn-btn-navy:hover { background-color:#202e3c; color: #fff; }

  .mfn-ui .mfn-btn-red { background-color: var(--mfn-ui-btn-red-bg); color: #fff; }
  .mfn-ui .mfn-btn-red:hover { background-color: var(--mfn-ui-btn-red-bg-hover); color: #fff; }

  .mfn-ui .mfn-btn-orange { background-color: var(--mfn-ui-btn-orange-bg); color: #fff; }
  .mfn-ui .mfn-btn-orange:hover { background-color: var(--mfn-ui-btn-orange-bg-hover); color: #fff; }

  .mfn-ui .mfn-btn-blank { background-color: transparent; color: var(--mfn-ui-btn-color); }
  .mfn-ui .mfn-btn-blank:hover { background-color:var(--mfn-ui-btn-bg-hover); color: var(--mfn-ui-btn-color-hover); }

  .mfn-ui .mfn-btn-blank2 { background-color: transparent; color: #9ca5ae; }
  .mfn-ui .mfn-btn-blank2:hover { background-color:#f9fbfc; color: #9ca5ae; }

/* Option buttons */

.mfn-ui a.mfn-option-btn { display: block; float: left; height: 24px; margin-left: 2px; color: var(--mfn-ui-option-btn-color); background-color: var(--mfn-ui-option-btn-bg); border-radius: 3px; }
.mfn-ui a.mfn-option-btn:first-child { margin-left: 0; }
.mfn-ui a.mfn-option-btn:hover{ background-color: var(--mfn-ui-option-btn-bg-hover);}
.mfn-ui a.mfn-option-btn .mfn-icon { display: block; float: left; width: 24px; height: 24px; background-size: 22px; background-position: center; background-repeat: no-repeat; }
.mfn-ui a.mfn-option-btn .text { display: block; float: left;  height: 24px; line-height: 24px; font-size: 12px; }
.mfn-ui a.mfn-option-btn.mfn-option-text { padding: 0 10px; }
.mfn-ui a.mfn-option-btn.btn-icon-left { padding-left: 5px; }
.mfn-ui a.mfn-option-btn.btn-icon-right { padding-right: 5px; }
.mfn-ui span.mfn-option-sep { width: 1px; background: var(--mfn-ui-option-btn-bg-sep); margin: 0 10px; }

.mfn-ui a.mfn-option-btn.btn-medium { height: 30px; }
.mfn-ui a.mfn-option-btn.btn-medium .mfn-icon { width: 30px; height: 30px; background-size: 22px; }
.mfn-ui a.mfn-option-btn.btn-medium .text { height: 30px; line-height: 30px; font-size: 14px; font-size: 13px; }
.mfn-ui a.mfn-option-btn.btn-medium.mfn-option-text { padding: 0 12px; }
.mfn-ui a.mfn-option-btn.btn-medium.btn-icon-left { padding-left: 6px; }
.mfn-ui a.mfn-option-btn.btn-medium.btn-icon-right { padding-right: 6px; }

.mfn-ui a.mfn-option-btn.btn-large { height: 36px; }
.mfn-ui a.mfn-option-btn.btn-large .mfn-icon { width: 36px; height: 36px; background-size: 26px; }
.mfn-ui a.mfn-option-btn.btn-large .text { height: 36px; line-height: 36px; font-size: 14px; }
.mfn-ui a.mfn-option-btn.btn-large.mfn-option-text { padding: 0 15px; }
.mfn-ui a.mfn-option-btn.btn-large.btn-icon-left { padding-left: 7px; }
.mfn-ui a.mfn-option-btn.btn-large.btn-icon-right { padding-right: 7px; }

.mfn-ui .mfn-option-dropdown { display: block; float: left; position: relative; margin-left: 2px; z-index: 1; cursor:initial}
.mfn-ui .mfn-option-dropdown .dropdown-wrapper { position:absolute;top:100%;right:0; display: none; min-width:200px;box-sizing:border-box;padding:15px;background-color:var(--mfn-ui-dropdown-bg);border:1px solid var(--mfn-ui-dropdown-border);border-radius:3px; }
.mfn-ui .mfn-option-dropdown.dropdown-large .dropdown-wrapper { width:300px; transform: translateX(calc(-50% + 13px)); right: auto; }
.mfn-ui .mfn-option-dropdown.dropdown-megamenu .dropdown-wrapper { width:540px; right: auto; column-count: 3; column-gap: 5px; }
.mfn-ui .mfn-option-dropdown:hover .dropdown-wrapper { display: block;}
.mfn-ui .mfn-option-dropdown .dropdown-wrapper h6 { margin-bottom: 10px; padding: 0 10px; }
.mfn-ui .mfn-option-dropdown .dropdown-wrapper i{  padding-left: 10px; font-style: italic; }
.mfn-ui .mfn-option-dropdown .dropdown-wrapper a.mfn-dropdown-item{display:flex; align-items: center; padding:5px 10px;color:var(--mfn-ui-dropdown-link) !important;border-radius:3px;white-space:nowrap; text-decoration: none; cursor: pointer; }
.mfn-ui .mfn-option-dropdown .dropdown-wrapper a:hover.mfn-dropdown-item{color:var(--mfn-ui-dropdown-link-hover) !important;background-color:var(--mfn-ui-dropdown-link-hover-bg);}
.mfn-ui .mfn-option-dropdown .dropdown-wrapper a.mfn-dropdown-item.active { color:var(--mfn-ui-dropdown-link-hover) !important; }
.mfn-ui .mfn-option-dropdown .dropdown-wrapper .mfn-dropdown-divider{height:0; margin: 6px 0; overflow:hidden;border-top:1px solid var(--mfn-ui-dropdown-border)}
.mfn-ui .mfn-option-dropdown .dropdown-wrapper p { margin-bottom: 12px; }
.mfn-ui .mfn-option-dropdown .dropdown-wrapper p .label { color: #304050; }
.mfn-ui .mfn-option-dropdown .dropdown-wrapper p .custom_class { color: #606d86; display: inline-block; margin: 1px; background: #f3f7fc; padding: 2px 5px; border-radius: 3px; }
.mfn-ui .mfn-option-dropdown .dropdown-wrapper .mfn-icon { display: inline-block; width: 20px; height: 20px; border-radius: 3px; text-indent: -9999px; margin-right: 5px; opacity: 1; background-repeat: no-repeat; background-size: 22px; background-position: center center; }
.mfn-ui .mfn-option-dropdown .dropdown-wrapper .mfn-icon.inactive { opacity: .5; }
.mfn-ui .mfn-option-dropdown .dropdown-wrapper .background-image { width: 100%; height: 120px; border: 1px solid #ebedef; margin-bottom: 15px; background:url(../img/transparency.png);; border-radius: 3px;}
.mfn-ui .mfn-option-dropdown .dropdown-wrapper .inner-grid { display: flex; }
.mfn-ui .mfn-option-dropdown .dropdown-wrapper .inner-grid .column { flex-grow: 1; }
.mfn-ui .mfn-option-dropdown .dropdown-wrapper .inner-grid .column p { display: flex; align-items: center; margin-bottom: 6px; }
.mfn-ui .mfn-option-dropdown .dropdown-wrapper .inner-grid .column p.background-color .color-preview { width: 20px; height: 20px; border-radius: 3px; margin-right: 5px; }
.mfn-ui .mfn-option-dropdown .res {  font-size: 11px; line-height: 11px; background-color: var(--mfn-ui-dropdown-resolution-bg); color: var(--mfn-ui-text-color); padding: 5px; border-radius: 3px; margin: 0 5px; }


body:not(.mfn-presets-enabled) .mfn-ui .mfn-option-dropdown .dropdown-wrapper a.mfn-dropdown-item.mfn-export-import-opt.mfn-export-import-opt-presets{ display: none; }

.mfn-ui .mfn-option-dropdown-back-wordpress .dropdown-wrapper{ top: initial; left: 0; bottom: 90%; padding: 5px;}
.mfn-ui .mfn-option-dropdown-back-wordpress{ margin: 0; background-image: url('../svg/menu/arrow-back-wordpress.svg'); background-position: top right; background-repeat: no-repeat;}

.mfn-ui.mfn-ui-dark .mfn-option-dropdown-back-wordpress{ background-image: url('../_dark/svg/menu/arrow-back-wordpress.svg'); }

.mfn-ui .mfn-option-dropdown-back-wordpress:hover{ background-image: none; }

hr{display: block; border: none; width: 100%; margin: 30px 0; height: 1px; background-color: var(--mfn-ui-input-border);}

/* Presets */

body:not(.mfn-presets-enabled) .mfn-ui .mfn-presets-list{ display: none; }
.mfn-ui .mfn-presets-list ul.dropdown-wrapper { max-height: 70vh; max-width: 250px; overflow: auto; }
.mfn-ui .mfn-presets-list ul.dropdown-wrapper li { position: relative; }
.mfn-ui .mfn-presets-list ul.dropdown-wrapper li .mfn-dropdown-item { padding-right: 35px; white-space: unset; }
.mfn-ui .mfn-presets-list ul.dropdown-wrapper li .mfn-preset-remove { position: absolute; right: 0; top: 50%; transform: translateY(-50%); display: none; opacity: .5; }
.mfn-ui .mfn-presets-list ul.dropdown-wrapper li:hover .mfn-preset-remove { display: block; }
.mfn-ui .mfn-presets-list ul.dropdown-wrapper li:hover .mfn-preset-remove:hover { opacity: 1; }
.mfn-ui .mfn-presets-list .preset-action-button { width: 100%; margin: 10px 0 0; box-sizing: border-box; justify-content: center; }
.mfn-ui .mfn-presets-list .preset-action-button[data-tooltip]:before { max-width: 150px; }

.mfn-element-fields-wrapper[data-item="blockquote"] .dropdown-wrapper { left: 0; right: auto; }

.mfn-ui a.mfn-option-btn { color: var(--mfn-ui-option-btn-color); background-color: var(--mfn-ui-option-btn-bg); }
.mfn-ui a.mfn-option-btn:hover{ background-color:var(--mfn-ui-option-btn-bg-hover);}

.mfn-ui a.mfn-option-green { background-color: var(--mfn-ui-option-btn-green-bg); }
.mfn-ui a.mfn-option-green:hover { background-color: var(--mfn-ui-option-btn-green-bg-hover); }

.mfn-ui a.mfn-option-grey { background-color: #edeef1; }
.mfn-ui a.mfn-option-grey:hover { background-color: #f7f8fa; }

.mfn-ui a.mfn-option-blue { background-color: var(--mfn-ui-option-btn-blue-bg); }
.mfn-ui a.mfn-option-blue:hover { background-color: var(--mfn-ui-option-btn-blue-bg-hover); }

.mfn-ui a.mfn-option-navy { background-color: #283746; color: #fff; }
.mfn-ui a.mfn-option-navy:hover { background-color:#202e3c; color: #fff; }

.mfn-ui a.mfn-option-blank { background-color: transparent; color: var(--mfn-ui-option-btn-color); }
.mfn-ui a:hover.mfn-option-blank { background-color:var(--mfn-ui-option-btn-bg-hover); color: var(--mfn-ui-option-btn-color); }

.mfn-ui a.mfn-option-blank-dark { background-color: transparent; color: #304050; }
.mfn-ui a:hover.mfn-option-blank-dark { background-color:#f4f4f4; color: #304050; }

.mfn-ui-dark a.mfn-option-blank-dark { background-color: transparent; color: #fff; }
.mfn-ui-dark a:hover.mfn-option-blank-dark { background-color:rgba(227,241,255,.05); color: #fff; }

/* Button classes / Loading / Disabled */
.mfn-ui .mfn-btn.loading,
.mfn-ui a.mfn-option-btn.loading,
.mfn-ui .mfn-option-dropdown a.mfn-dropdown-item.loading,
.mfn-ui .mfn-field-loading.type { position: relative; }
.mfn-ui .mfn-btn.loading:after,
.mfn-ui a.mfn-option-btn.loading:after,
.mfn-ui a.mfn-dropdown-item.loading:after,
.mfn-ui .mfn-field-loading.type:after { content: ""; opacity: .5; display: block; position: absolute; left: 50%; top: 50%; margin: -10px 0 0 -10px; width: 20px; height: 20px; background-image: url(../svg/others/loading.svg) !important; background-repeat: no-repeat; background-position: center; background-size: 20px; background-color: transparent; }
.mfn-ui a.mfn-option-btn.loading:after { width: 16px; height: 16px; background-size: 16px; margin: -8px 0 0 -8px; }
.mfn-ui a.mfn-dropdown-item.loading:after { left: auto; right: 10px; }
.mfn-ui .mfn-btn.loading .btn-wrapper,
.mfn-ui a.mfn-option-btn.loading .text,
.mfn-ui .mfn-field-loading.type .form-content,
.mfn-ui a.mfn-option-btn.loading .mfn-icon { visibility: hidden; }

.mfn-ui .mfn-btn.disabled { background-color: var(--mfn-ui-input-disabled-bg); color: var(--mfn-ui-input-disabled-color); }

.mfn-ui a.mfn-option-btn.disabled { opacity: 0.3; }

.mfn-ui a.mfn-option-btn.disabled,
.mfn-ui .mfn-btn.disabled,
.mfn-ui a.mfn-dropdown-item.disabled { pointer-events: none; cursor: not-allowed; }

.mfn-form-row.mfn-field-loading.type { pointer-events: none; } /* Query loop Default / Query loop */

/* Tooltip */
.mfn-ui [data-tooltip]{ position: relative; text-decoration: none; }
.mfn-ui [data-tooltip]:hover:before, [data-tooltip]:focus:before { opacity: 1; transform: translate(-50%, -10px); }
.mfn-ui [data-tooltip]:hover:after, [data-tooltip]:focus:after { opacity: 1; transform: translate(-50%, -10px) rotate(45deg); }
.mfn-ui [data-tooltip]:before { content: attr(data-tooltip); position: absolute; z-index: 11;text-align: center; text-indent: 0; bottom: 100%; left: 50%; padding: 6px 12px; color: var(--mfn-ui-toolip-color); background-color: var(--mfn-ui-toolip); font-size: 12px; line-height: 20px; opacity: 0; transform: translate(-50%, 0); pointer-events: none; border-radius: 3px; box-shadow: 0 0 15px rgba(0, 0, 0, 0.15); }
.mfn-ui [data-tooltip]:after { position: absolute; z-index: 3; display: block; bottom: 100%; left: 50%; content: ''; width: 10px; height: 10px; border-radius: 2px; background-color: var(--mfn-ui-toolip); margin-bottom: -4px; transform: translate(-50%, 0) rotate(45deg); opacity: 0; pointer-events: none; }
.mfn-ui [data-tooltip]:before { max-width: 250px; width: 100%; width: max-content; }

.mfn-ui [data-tooltip][data-position="bottom"]:before { transform: translate(-50%, 0); top: 100%; bottom: auto; }
.mfn-ui [data-tooltip][data-position="bottom"]:hover:before { opacity: 1; }
.mfn-ui [data-tooltip][data-position="bottom"]:hover:before,[data-tooltip][data-position="bottom"]:focus:before { transform: translate(-50%, 10px); }
.mfn-ui [data-tooltip][data-position="bottom"]:after { transform: translate(-50%, 0) rotate(45deg); top: 100%; bottom: auto; }
.mfn-ui [data-tooltip][data-position="bottom"]:hover:after,[data-tooltip][data-position="bottom"]:focus:after { transform: translate(-50%, 10px) rotate(45deg); margin-top: -4px; }

.mfn-ui [data-tooltip][data-position="left"]:before { transform: translate(0, -50%); left: auto; bottom: auto; right: 100%; top: 50%; }
.mfn-ui [data-tooltip][data-position="left"]:hover:before,[data-tooltip][data-position="left"]:focus:before { transform: translate(-10px, -50%); }
.mfn-ui [data-tooltip][data-position="left"]:after { transform: translate(5px, -5px) rotate(45deg); left: auto; bottom: auto; right: 100%; top: 50%; }
.mfn-ui [data-tooltip][data-position="left"]:hover:after,[data-tooltip][data-position="left"]:focus:after { transform: translate(-60%, -5px) rotate(45deg); }

.mfn-ui [data-tooltip][data-position="right"]:before { transform: translate(0, -50%); left: 100%; bottom: auto; right: auto; top: 50%; }
.mfn-ui [data-tooltip][data-position="right"]:hover:before,[data-tooltip][data-position="right"]:focus:before { transform: translate(10px, -50%); }
.mfn-ui [data-tooltip][data-position="right"]:after { transform: translate(-5px, -5px) rotate(45deg); left: 100%; bottom: auto; right: auto; top: 50%; }
.mfn-ui [data-tooltip][data-position="right"]:hover:after,[data-tooltip][data-position="right"]:focus:after { transform: translate(60%, -5px) rotate(45deg); }

/* Content editor */
.mfn-ui .html-editor .editor-header { display: flex; border-bottom: 1px solid var(--mfn-ui-border-1); padding: 0 0 10px; flex-wrap: wrap; }
.mfn-ui .html-editor .editor-header .mfn-content-buttons { flex-basis: 100%; }
.mfn-ui .html-editor .editor-header .mfn-content-buttons .mfn-option-dropdown { z-index: 5; }
.mfn-ui .html-editor .editor-header .mfn-content-buttons .dropdown-megamenu .dropdown-wrapper { column-count: 2; width: 308px; box-sizing: border-box; }
.mfn-ui .html-editor .editor-header .mfn-content-buttons .dropdown-megamenu .dropdown-wrapper a.mfn-dropdown-item { padding: 5px; }
.mfn-ui  .mfn-type-item.blockquote .html-editor .editor-header .mfn-option-dropdown .dropdown-wrapper { left: 0; right: auto; }
.mfn-ui .html-editor.disabled .editor-header{display:none}
.mfn-ui .html-editor .editor-content .mfn-form-control { width: 100%; height: 100%; padding: 20px; background-color: #f2f6fa; font-weight: 400; border-radius: 0; border: 0; }
.mfn-ui .html-editor .editor-content .mfn-form-control:hover { color: #304050; }
.mfn-ui .html-editor .editor-content .mfn-form-control:focus { box-shadow: 0 0 0 0; }
.mfn-ui .mfn-form-row-overlay .html-editor .editor-content .CodeMirror:after { content: ""; display: block; width: 100%; height: 100%; position: absolute; left: 0; top: 0; z-index: 2; }

/* Table builder */
.mfn-ui .html-editor .editor-header{position: relative;}

.mfn-ui .editor-header .mfn-table-creator-btn { position: static; }
.mfn-ui .editor-header .mfn-table-creator-btn .mfn-table-creator{display:none; }
.mfn-ui .editor-header .mfn-table-creator-btn.focus .mfn-table-creator{display:block; position: absolute;z-index: 99999; left:  0; top: 100%; padding:14px;background-color:var(--mfn-ui-dropdown-bg);border:1px solid var(--mfn-ui-border-1);border-radius:3px; }
.mfn-ui .editor-header .mfn-table-creator-btn.focus .mfn-table-creator tr td,
.mfn-ui .editor-header .mfn-table-creator-btn.focus .mfn-table-creator tr th{padding: 10px 0 10px 20px !important; cursor:pointer; border-radius: 3px; background-color: #e8edf2; border: 1px solid var(--mfn-ui-dropdown-bg); width:unset !important;}
.mfn-ui .editor-header .mfn-table-creator-btn.focus .mfn-table-creator tr td.mfn-table-hovered,
.mfn-ui .editor-header .mfn-table-creator-btn.focus .mfn-table-creator tr th.mfn-table-hovered{background-color: #72a5d8;}

/* Color picker */
.mfn-ui .editor-header .mfn-color-tooltip-picker{display:none; position: absolute; z-index: 99999; margin-top: 65px; left:0px; background: transparent}
.mfn-ui .editor-header .mfn-color-tooltip-picker.focus{display:block}
.mfn-ui .editor-header .mfn-color-tooltip-picker.focus .mfn-row .form-content{border-bottom: unset;}
.mfn-ui .editor-header .mfn-color-tooltip-picker.focus .color-picker-clear{display:none}
.mfn-ui .editor-header .mfn-color-tooltip-picker.focus .wp-picker-container.wp-picker-active{z-index:-1 !important;}

.mfn-ui .column.content .mfn-color-tooltip-picker { background-color: var(--mfn-ui-dropdown-bg); border: 1px solid var(--mfn-ui-dropdown-border); border-radius: 3px; padding: 15px; }
.mfn-ui .column.content .mfn-color-tooltip-picker .mfn-form-row,
.mfn-ui .column.content .mfn-color-tooltip-picker .form-content { padding-bottom: 0; margin-bottom: 0; }
.mfn-ui .column.content .mfn-color-tooltip-picker .color-picker-group { flex-wrap: wrap; }
.mfn-ui .column.content .mfn-color-tooltip-picker .form-control { width: calc(100% - 50px); }
.mfn-ui .column.content .mfn-color-tooltip-picker .wp-picker-container { position: static; }
.mfn-ui .column.content .mfn-color-tooltip-picker .wp-picker-container .wp-color-result { position: absolute; top: 0; }
.mfn-ui .column.content .mfn-color-tooltip-picker .wp-picker-container.wp-picker-active { z-index: 2 !important; }

/* Tooltip for shortcode editor */
.mfn-ui .editor-content .mfn-tooltip-sc-editor{display:none; background-color:#304050; padding: 4px; border-radius: 3px; z-index:99999;}
.mfn-ui .editor-content .mfn-tooltip-sc-editor:after { position: absolute; z-index: 99998; display: block; top: -4px; left: 50%; content: ''; width: 10px; height: 10px; border-radius: 2px; background-color: #304050; transform: translate(-50%, 0) rotate(45deg); }
.mfn-ui .editor-content .mfn-tooltip-sc-editor a.mfn-option-btn.mfn-option-blank { background-color:rgba(255,255,255,.03); }
.mfn-ui .editor-content .mfn-tooltip-sc-editor a:hover.mfn-option-btn.mfn-option-blank { background-color:rgba(255,255,255,.08); }

/* Alert */
.mfn-ui .mfn-alert { display: flex; align-items: center; flex-direction: column; margin-bottom: 20px; border-radius: 3px; padding: 15px 20px 20px; background-color: var(--mfn-ui-alert-bg); }
.mfn-ui .mfn-alert .alert-icon { display: block; width: 36px; height: 36px; border-radius: 100%; background-color: var(--mfn-ui-alert-bg); flex-shrink: 0; background-size: 26px; background-position: center; background-repeat: no-repeat; }
.mfn-ui .mfn-alert .alert-content { color:var(--mfn-ui-alert-color); text-align: center; margin: 5px 0 10px; }
.mfn-ui .mfn-alert .alert-content p { font-size: 12px; line-height: 1.5; }
.mfn-ui .mfn-alert .alert-content p:last-child { margin: 0; }
.mfn-ui .mfn-alert .alert-options { flex-shrink: 0; }
.mfn-ui .mfn-help-info a { display: flex; align-items: center; justify-content: center; text-decoration: none; color: var(--mfn-ui-text-color); }
.mfn-ui .mfn-help-info a:hover { text-decoration: underline; }
.mfn-ui .mfn-help-info .mfn-icon { width: 36px; height: 36px; background-repeat:no-repeat;background-size: 26px;background-position:center; }

/* Templates list */
.mfn-ui ul.mfn-items-list { margin: 0 0 20px; }
.mfn-ui ul.mfn-items-list li { display: inline-block; text-align: center; margin: 0; }
.mfn-ui ul.mfn-items-list li a { display: block; margin: 5px; padding: 20px; box-sizing: border-box; color: var(--mfn-ui-modal-list-color); text-align: center; text-decoration: none; background-color: var(--mfn-ui-modal-list-bg); border-radius: 3px; }
.mfn-ui ul.mfn-items-list li a h5 { margin-bottom: 5px; }
.mfn-ui ul.mfn-items-list li a p { color: var(--mfn-ui-text-color); margin: 0; }
.mfn-ui ul.mfn-items-list li a:hover { background-color: var(--mfn-ui-modal-list-bg-hover); }
.mfn-ui ul.mfn-items-list li.active a  { box-shadow: inset 0 0 0 2px rgba(114, 165, 216, 1); }

/* Shadows */
.mfn-ui .mfn-shadow-1 { -webkit-box-shadow: 0px 2px 4px rgba(31,30,47,0.03); box-shadow: 0px 2px 4px rgba(31,30,47,0.03); }

/* Modal */
body.mfn-modal-open{overflow:hidden} /* Dodac do body */

.mfn-ui .mfn-modal { display: none; box-sizing: content-box; position: fixed; left: 0; top: 0; width: 100%; height: 100%; background: var(--mfn-ui-modal-overlay); z-index: 9991;  }
.mfn-ui .mfn-modal.show { display: block; }
.mfn-ui .mfn-modalbox { position: fixed; left: 50%; top: 50%; width: 1200px; height: 650px; margin-left:-600px;margin-top:-325px; z-index: 9992; border-radius: 3px; background-color: var(--mfn-ui-modal-bg); border: 1px solid var(--mfn-ui-modal-border);  color: var(--mfn-ui-text-color); font-size: 14px; line-height: 26px;  }
.mfn-ui .modal-small .mfn-modalbox { width: 500px; height: 500px; margin-left:-250px;margin-top:-250px; }
.mfn-ui .modal-confirm .mfn-modalbox { width: 400px; height: auto; margin-left:-200px; margin-top: 0; transform:translateY(-50%); }
.mfn-ui .modal-confirm.mfn-modal-600 .mfn-modalbox {width: 600px;}
.mfn-ui .modal-confirm.mfn-modal-700 .mfn-modalbox {width: 700px;}
.mfn-ui .modal-confirm.mfn-modal-600, .mfn-ui .modal-confirm.mfn-modal-700{ z-index: 990 }
.mfn-ui .mfn-modal-900 .mfn-modalbox{ width: 900px;margin-left:-450px;}
.mfn-ui .mfn-modalbox, .mfn-ui .mfn-modalbox h2, .mfn-ui .mfn-modalbox h3, .mfn-ui .mfn-modalbox h4, .mfn-ui .mfn-modalbox h5, .mfn-ui .mfn-modalbox h6 { font-family: 'Poppins', sans-serif; }

.mfn-ui .mfn-modalbox .modalbox-header { display: flex; align-items: center; justify-content: space-between; min-height: 50px; padding: 10px 20px; border-bottom: 1px solid var(--mfn-ui-modal-border); }
.mfn-ui .mfn-modalbox .modalbox-content { padding: 20px; overflow: auto; box-sizing: border-box; height: calc(100% - 71px); }
.mfn-ui .has-footer .modalbox-content { height: calc(100% - 154px); }
.mfn-ui .mfn-modalbox .modalbox-footer { display: flex; align-items: center; justify-content: space-between; border-top: 1px solid var(--mfn-ui-border-1); padding: 20px; }
.mfn-ui .mfn-modalbox .modalbox-footer a.mfn-btn { margin: 0; }
.mfn-ui .mfn-modalbox .options-group { margin: 0 10px; }
.mfn-ui .mfn-modalbox .options-group:first-child { margin-left: 0; }
.mfn-ui .mfn-modalbox .options-group:last-child { margin-right: 0; }
.mfn-ui .mfn-modalbox .options-group.right{margin-left:auto}

.mfn-ui .mfn-modalbox .modalbox-title-group { display: flex; align-items: center; }
.mfn-ui .mfn-modalbox .modalbox-title-group .modalbox-icon { display: block; flex-shrink: 0; width: 36px; height: 36px; margin-right: 10px; border-radius: 100%; background-color: var(--mfn-ui-modal-icon-bg); background-size: 26px; background-position: center; background-repeat: no-repeat; }
.mfn-ui .mfn-modalbox .modalbox-title-group .modalbox-desc {}
.mfn-ui .mfn-modalbox .modalbox-title-group .modalbox-desc .modalbox-title { margin-bottom: 0; color:var(--mfn-ui-heading); font-size: 18px; line-height: 24px; font-weight: 500; }
.mfn-ui .mfn-modalbox .modalbox-title-group .modalbox-desc .modalbox-subtitle { margin-bottom: 0; }

.mfn-ui .mfn-modalbox ul.modalbox-tabs { display: flex; margin: -10px 0; }
.mfn-ui .mfn-modalbox ul.modalbox-tabs li { display: inline-block; margin: 0; cursor:pointer; }
.mfn-ui .mfn-modalbox ul.modalbox-tabs li a{ display: block; position: relative; color:var(--mfn-ui-text-color); text-decoration: none; padding: 22px 15px; }
.mfn-ui .mfn-modalbox ul.modalbox-tabs li a:after { content: ""; display: none; position: absolute; left: 0; bottom: 0;width: 100%; height: 3px; background: #72a5d8; border-radius: 2px 2px 0 0; }
.mfn-ui .mfn-modalbox ul.modalbox-tabs li:hover a,
.mfn-ui .mfn-modalbox ul.modalbox-tabs li.active a { color:#72a5d8; }
.mfn-ui .mfn-modalbox ul.modalbox-tabs li:hover a:after,
.mfn-ui .mfn-modalbox ul.modalbox-tabs li.active a:after { display: block; }

.mfn-ui .mfn-modalbox ul.modalbox-items { margin: 0 0 15px; }
.mfn-ui .mfn-modalbox ul.modalbox-items li { float: left; margin: 0; width: 10%; }
.mfn-ui .mfn-modalbox ul.modalbox-items li a { display: block; text-align: center; position: relative; margin: 5px; padding: 10px 5px; text-decoration: none; background-color: #fff; border: 1px dashed var(--mfn-ui-border-2); border-radius: 3px; box-sizing: border-box; }
.mfn-ui .mfn-modalbox ul.modalbox-items li a .mfn-icon { display: block; margin: 0 auto; width: 40px; height: 40px; opacity: .4; background-size: 40px; margin-bottom: 5px; background-position: center; background-repeat: no-repeat; }
.mfn-ui .mfn-modalbox ul.modalbox-items li a .title { display: block; color: #304050; font-size: 12px; white-space: nowrap; overflow: hidden; }
.mfn-ui .mfn-modalbox ul.modalbox-items li a:hover { border-color: #72a5d8; border-style: solid; box-shadow: 0px 0px 4px 2px rgba(97,100,102,0.05); }
.mfn-ui .mfn-modalbox ul.modalbox-items li a:hover .mfn-icon { opacity: 1; }

.mfn-ui .mfn-modalbox ul.modalbox-sections { margin: 0; column-count: 3; column-gap: 10px; }
.mfn-ui .mfn-modalbox ul.modalbox-sections li { padding: 10px; margin: 0 0 10px; width: 100%; background-color: #fff; border: 1px dashed var(--mfn-ui-border-2); border-radius: 3px; box-sizing: border-box; display: inline-block; }
.mfn-ui .mfn-modalbox ul.modalbox-sections li:hover { border: 1px dashed #489c6d; box-shadow: 0px 0px 4px 2px rgba(72,156,109,0.1) }
.mfn-ui .mfn-modalbox ul.modalbox-sections li .photo { line-height: 0; }
.mfn-ui .mfn-modalbox ul.modalbox-sections li .photo img { max-width: 100%; width: 100%; }
.mfn-ui .mfn-modalbox ul.modalbox-sections li .desc { display: flex; justify-content: space-between; align-items: center; background-color: #d7f4e3; padding: 7px 7px 7px 10px; border-radius: 0 0 3px 3px; }
.mfn-ui .mfn-modalbox ul.modalbox-sections li .desc h6 { margin: 0; font-weight: 500; }
.mfn-ui .mfn-modalbox ul.modalbox-sections li .desc .mfn-btn-insert { margin-left: auto; }

.mfn-ui .modal-classes-listing .modalbox-content { padding: 32px 20px 20px; }
.mfn-ui .mfn-modalbox ul.mfn-global-styles-listing > li { display: flex; gap: 15px; padding: 20px 0; }
.mfn-ui .mfn-modalbox ul.mfn-global-styles-listing > li:first-child { padding-top: 0; }
.mfn-ui .mfn-modalbox ul.mfn-global-styles-listing > li:not(:last-child) { border-bottom: 1px solid var(--mfn-ui-navigator-tree-border); }
.mfn-ui .mfn-modalbox ul.mfn-global-styles-listing li .title-group { display: flex; align-items: center; flex-shrink: 0; gap: 10px; width: 200px; }
.mfn-ui .mfn-modalbox ul.mfn-global-styles-listing li .title-group .mfn-icon { display: block; flex-shrink: 0; width: 36px; height: 36px; border-radius: 100%; background-color: var(--mfn-ui-modal-icon-bg); background-size: 26px; background-position: center; background-repeat: no-repeat; }
.mfn-ui .mfn-modalbox ul.mfn-global-styles-listing li .title-group h5 { margin: 0; text-transform: capitalize; }
.mfn-ui .mfn-modalbox ul.mfn-global-styles-listing li ul { flex-grow: 1; }
.mfn-ui .mfn-modalbox ul.mfn-global-styles-listing li ul li { display: flex; align-items: center; gap: 30px; padding: 10px 15px; border-radius: 3px; }
.mfn-ui .mfn-modalbox ul.mfn-global-styles-listing li ul li .mfn-class-name-wrapper { display: flex; align-items: center; flex-grow: 1; gap: 10px; }
.mfn-ui .mfn-modalbox ul.mfn-global-styles-listing li ul li .mfn-class-name-wrapper .mfn-class-title { color: var(--mfn-ui-global-styles-listing-class-color) }
.mfn-ui .mfn-modalbox ul.mfn-global-styles-listing li ul li .mfn-class-name-wrapper .mfn-class-rename { opacity: 0; }
.mfn-ui .mfn-modalbox ul.mfn-global-styles-listing li ul li:hover .mfn-class-name-wrapper .mfn-class-rename { opacity: 1; }
.mfn-ui .mfn-modalbox ul.mfn-global-styles-listing li ul li .mfn-class-name-wrapper .mfn-class-code { font-family: 'Courier New', Courier, monospace; display: inline-block; margin-left: auto; font-size: 12px; font-weight: 300; border-radius: 4px; line-height: 1; padding: 7px 9px; color: var(--mfn-ui-global-styles-listing-code-color); background-color: var(--mfn-ui-global-styles-listing-code-bg);  border: 1px solid var(--mfn-ui-modal-border); }
.mfn-ui .mfn-modalbox ul.mfn-global-styles-listing li ul li .modal-classes-listing-tools { flex-shrink: 0; }
.mfn-ui .mfn-modalbox ul.mfn-global-styles-listing li ul li:hover { background-color: var(--mfn-ui-global-styles-listing-hover-bg); }

/*  Display conditions */
.modal-display-conditions .mfn-modalbox .modalbox-content { background: var(--mfn-ui-modal-content-bg);; padding: 40px 10% 20px; text-align: center; }
.modal-display-conditions .mfn-modalbox .modalbox-content .display-conditions { width: 60px; height: 60px; display: inline-block; margin-bottom: 15px; background-image: url(../../../muffin-options/svg/others/display-conditions.svg); background-size: 60px; background-position: center; }
.modal-display-conditions .mfn-modalbox .modalbox-content .mfn-dynamic-form { margin: 0 10%; }
.mfn-ui .mfn-conditions-dates { display: flex; flex-wrap: wrap; gap: 15px 10px; justify-content: center; margin-top: 15px; }
.mfn-ui .mfn-conditions-dates > h3 { width: 100%; margin: 0; }
.mfn-ui .mfn-conditions-dates .mfn-publication-opt-input { display: inline-flex; align-items: center; gap: 10px; }
.mfn-ui .mfn-conditions-dates .mfn-publication-opt-input label { flex-shrink: 0; }
.mfn-ui .mfn-conditions-dates .mfn-publication-opt-wrapper { display: flex; align-items: center; gap: 10px; }
.mfn-ui .mfn-conditions-dates .mfn-publication-opt-wrapper .mfn-checkbox { margin-right: 10px; margin-top: -2px; }
.mfn-ui .mfn-conditions-dates .mfn-publication-opt-wrapper:not(.mfn-opt-active) .mfn-publication-opt-input { opacity: .4; pointer-events: none; }

    /* Add shortcode */
    .mfn-ui .modal-add-shortcode .mfn-isc-builder{ display: none !important; }
    .mfn-ui .modal-add-shortcode .color-picker-group .has-colorpicker { width: 0; margin: 0; padding: 0; }

    /* Confirm */
    .mfn-ui .modal-confirm {}
    .mfn-ui .modal-confirm .modalbox-content { padding: 40px 20px; text-align: center;  }
    .mfn-ui .mfn-modal.modal-confirm .modalbox-content .icon { width: 80px; height: 80px; display: inline-block; margin-bottom: 15px; }
    .mfn-ui .mfn-modal.modal-confirm .modalbox-content h3 { margin-bottom: 10px; color:var(--mfn-ui-heading); font-size: 21px; line-height: 27px; font-weight: 600; }
    .mfn-ui .mfn-modal.modal-confirm .modalbox-content .mfn-btn { margin-bottom: 0; }
    /* .mfn-ui .mfn-modal.modal-confirm .modalbox-content .mfn-btn ~ .mfn-btn { margin-top: 5px; } */
    .mfn-ui .mfn-modal.modal-confirm .modalbox-footer { justify-content: center !important; }

    /* Select icon */
    .mfn-ui .modal-select-icon {z-index: 9999;}
    .mfn-ui .modal-select-icon ul.mfn-items-list li { width: 10%; }
    .mfn-ui .modal-select-icon ul.mfn-items-list li a { padding: 5px !important; }
    .mfn-ui .modal-select-icon ul.mfn-items-list p { font-size: 12px; white-space: nowrap; overflow: hidden; }
    .mfn-ui .modal-select-icon ul.mfn-items-list .mfn-icon { display: block; height: 50px; line-height: 50px; }
    .mfn-ui .modal-select-icon ul.mfn-items-list .mfn-icon > i { color: var(--mfn-ui-modal-list-color); font-size: 22px; }
    .mfn-ui .modal-select-icon .modalbox-search { margin-left: auto !important; display: flex; }
    .mfn-ui .modal-select-icon .modalbox-search .form-control { max-width: 180px; }
    .mfn-ui .modal-select-icon .modalbox-search .form-control:first-child { margin-right: 10px; }

  /* Select icon */
  .modal-select-icon {}
  .modal-select-icon ul.mfn-items-list li { width: 10%; }
  .modal-select-icon ul.mfn-items-list li a { padding: 5px !important; }
  .modal-select-icon ul.mfn-items-list p { font-size: 12px; white-space: nowrap; overflow: hidden; }
  .modal-select-icon ul.mfn-items-list .mfn-icon { display: block; height: 50px; line-height: 50px; }
  .modal-select-icon ul.mfn-items-list .mfn-icon > i { color: #304050; font-size: 22px; }
  .modal-select-icon .modalbox-search { margin-left: auto !important; display: flex; }
  .modal-select-icon .modalbox-search .form-control { max-width: 180px; }
  .modal-select-icon .modalbox-search .form-control:first-child { margin-right: 10px; }

/*  Shortcuts */
.modal-shortcuts .mfn-modalbox .modalbox-content { background: var(--mfn-ui-modal-content-bg); padding: 40px 40px 20px; text-align: center; }
.modal-shortcuts .modalbox-content > h5 { margin: 20px 0 40px; }
.modal-shortcuts .shortcuts-wrapper { display: flex; position: relative; }
.modal-shortcuts .shortcuts-wrapper:after { content: ""; display: block; position: absolute; left: 50%; top: 0; width: 1px; height: 100%; background-color: var(--mfn-ui-modal-border); }
.modal-shortcuts ul.shortcuts-list { flex: 1; margin: 10px 4%; }
.modal-shortcuts ul.shortcuts-list li.header { font-size: 13px; letter-spacing: 3px; font-weight: 600; }
.modal-shortcuts ul.shortcuts-list li.header .command { color: var(--mfn-ui-text-color); letter-spacing: 0; font-weight: 400; }
.modal-shortcuts ul.shortcuts-list li { display: flex; align-items: center; justify-content: space-between; padding: 10px 15px; font-size: 14px; color: var(--mfn-ui-heading); border-radius: 4px; }
.modal-shortcuts ul.shortcuts-list li .keys { font-size: 12px; color: var(--mfn-ui-text-color); }
.modal-shortcuts ul.shortcuts-list li .keys .key { display: inline-block; margin: 0 2px; font-size: 11px; font-weight: 300; border-radius: 4px; line-height: 1; padding: 7px 9px; color: var(--mfn-ui-shortcuts-key-color); background-color: var(--mfn-ui-shortcuts-key-bg);  border: 1px solid var(--mfn-ui-modal-border); }
.modal-shortcuts ul.shortcuts-list li .keys .or { display: inline-block; margin: 0 10px; }
.modal-shortcuts ul.shortcuts-list li:not(.header):hover{ background-color: var(--mfn-ui-shortcuts-bg-hover); }
.modal-shortcuts ul.shortcuts-list li:not(.header):hover .keys .key { color: var(--mfn-ui-shortcuts-key-color-hover); background-color: var(--mfn-ui-shortcuts-key-bg-hover); border-color: var(--mfn-ui-shortcuts-key-bg-hover); }

.modal-header-sticky .mfn-btn ~ .mfn-btn { margin-top: 7px; }

.mfn-ui .mfn-modal-locker{ z-index: 9999; }

/* Navigator */

.mfn-navigator-dragging:before{ content: ""; display: block; position: fixed; right:0; z-index:88; background-color: var(--mfn-ui-highlight); opacity: .7; border-radius: 500px 0 0 500px; width: 20px; height: 100vh; display: block; animation: be_nav_dragging 1s;}
.mfn-navigator-dragging.mfn-navigator-dragging-end:before{width: 0; animation: be_nav_dragging_end 0.3s;}
@keyframes be_nav_dragging {
    0% { width: 0; }
    100% { width: 20px; }
}
@keyframes be_nav_dragging_end {
    0% { width: 20px; }
    100% { width: 0; }
}

.mfn-ui .mfn-navigator { display: none; width: 260px; z-index: 9991; margin-left: 0; margin-top: 0; box-sizing: border-box; }
.mfn-navigator-active .mfn-ui .mfn-navigator { display: block; height: auto; }

.mfn-navigator-fixed .mfn-ui .mfn-navigator,
.mfn-ui.mfn-navigator-placeholder .mfn-navigator{ right: 0; left: initial !important; height: 100vh; z-index: 999;}

.mfn-navigator-fixed:not(.mfn-dev-ui) .mfn-ui .mfn-navigator,
body:not(.mfn-dev-ui) .mfn-ui.mfn-navigator-placeholder .mfn-navigator { top: 0 !important; }

.mfn-default-ui.mfn-navigator-fixed.mfn-preview-mode .mfn-navigator,
body.mfn-default-ui.mfn-preview-mode .mfn-ui.mfn-navigator-placeholder .mfn-navigator{ top: 60px !important; height: calc(100vh - 60px);}
.mfn-default-ui.mfn-navigator-fixed.mfn-preview-mode .mfn-navigator .modalbox-content { max-height: calc(100vh - 121px); }
.mfn-default-ui.mfn-preview-mode .mfn-navigator-dragging:before { top: 60px; height: calc(100vh - 60px); }

.mfn-navigator-fixed.mfn-navigator-active .mfn-ui #mfn-preview-wrapper{ padding-right: 260px; }

.mfn-ui .mfn-navigator:before { cursor: move; }
.mfn-ui .mfn-navigator .modalbox-header { cursor: move; padding: 5px 15px; }
.mfn-ui .mfn-navigator .modalbox-header .modalbox-title-group .modalbox-desc .modalbox-title { font-size: 15px; }
.mfn-ui .mfn-navigator .modalbox-content { padding:15px; position: relative; max-height: calc(90vh - 61px); min-height: 200px; height: auto; }
.mfn-navigator-fixed .mfn-navigator .modalbox-content { max-height: calc(100vh - 61px); }
.mfn-ui .mfn-navigator ul{ position: relative;}
.mfn-ui .mfn-navigator ul.navigator-tree li { position: relative; width: 100%; padding-top: 10px; padding-bottom: 5px;}
.mfn-ui .mfn-navigator ul.navigator-tree li:not(.active){ max-height: 23px; overflow: hidden;}

.mfn-ui .mfn-navigator:not(.mfn-navigator-toggled-all) ul.navigator-tree li:not(.active) > ul > li > a{ opacity: 0; pointer-events: none; }
.mfn-ui .mfn-navigator ul.navigator-tree li > a { display: flex; position: relative; align-items: center; padding: 0 10px; line-height: 22px; color: var(--mfn-ui-navigator-tree-color); text-decoration: none; transition: 0.3s; z-index: 4; box-sizing: border-box; width: 100%;}
.mfn-ui .mfn-navigator ul.navigator-tree li a span.navigator-link-label{ text-overflow: ellipsis; max-width: 100px; white-space: nowrap; overflow: hidden; display: block; position: relative; z-index: 2;}
.mfn-ui .mfn-navigator ul.navigator-tree li > a:hover ~ ul { background-color:  var(--mfn-ui-navigator-tree-hover-bg); cursor: grab; position: relative;}
.mfn-ui .mfn-navigator ul.navigator-tree li > a:hover ~ ul:after{ content: ""; background-color:  var(--mfn-ui-navigator-tree-hover-bg); position: absolute; top: 100%; left: 0; height: 5px; width: 100%}
.mfn-ui .mfn-navigator ul.navigator-tree li.hover { background-color:  var(--mfn-ui-navigator-tree-hover-bg); }
.mfn-ui .mfn-navigator ul.navigator-tree li.ui-sortable-helper > a {cursor: grabbing;}

/*.mfn-ui .mfn-navigator ul.navigator-tree li a.active-element { background-color: var(--mfn-ui-navigator-tree-active-bg); color: var(--mfn-ui-navigator-tree-active-color); }*/
.mfn-ui .mfn-navigator ul.navigator-tree li a.active-element{ color: var(--mfn-ui-navigator-tree-active-color); }
.mfn-ui .mfn-navigator ul.navigator-tree li a.active-element:after { content: ""; position: absolute; top: -10px; height: 42px; left: 0; width: 100%; background-color: var(--mfn-ui-navigator-tree-active-bg); z-index: -1; }

.mfn-ui .mfn-navigator ul.navigator-tree li .nav-item-tools { display: inline-flex; align-items: center; position: absolute; right: 5px; top: 5px; z-index:5; }
.mfn-ui .mfn-navigator ul.navigator-tree li .nav-item-tools > *:not(:last-child) { margin-right: 2px; }
.mfn-ui .mfn-navigator ul.navigator-tree li .nav-item-tools .mfn-icon { display: block; opacity: .7; width: 18px; height: 18px; background-size: 18px; background-position: center; background-repeat: no-repeat; }
.mfn-ui .mfn-navigator ul.navigator-tree li .nav-item-tools .mfn-nav-responsive-icon { position: relative; }
.mfn-ui .mfn-navigator ul.navigator-tree li .nav-item-tools .mfn-nav-responsive-icon:after { content: ""; width: 1px; height: 18px; background-color: var(--mfn-ui-navigator-tree-color); position: absolute; left: 9px; top: 0; transform: rotate(-45deg); }
.mfn-ui .mfn-navigator ul.navigator-tree li > ul { padding-top: 32px; margin-top: -32px; z-index: 1; }
.mfn-ui .mfn-navigator ul.navigator-tree li ul{ padding-left: 15px; min-height: 4px;}
/*.mfn-ui .mfn-navigator ul.navigator-tree li ul li{ display: none; }
.mfn-ui .mfn-navigator ul.navigator-tree li.active > ul > li{ display: block;}*/
.mfn-ui .mfn-navigator ul.navigator-tree li.active > ul{ padding-top: 37px; }


.mfn-ui .mfn-navigator ul.navigator-tree li.ui-sortable-helper{ background-color: var(--mfn-ui-navigator-tree-hover-bg); opacity: 0.6; z-index: 10; left: 15px; width: calc(100% - 15px); max-height: 27px; overflow: hidden;}

/*.mfn-ui .mfn-navigator ul.navigator-tree li:first-child{ margin-top: 5px; }
.mfn-ui .mfn-navigator ul.navigator-tree li:last-child{ margin-bottom: 5px; }*/

.mfn-ui .mfn-navigator.mfn-sortable-modules-started ul.navigator-tree li > ul{ z-index: 10; }
.mfn-ui .mfn-navigator.mfn-sortable-modules-started ul.navigator-tree li.navigator-section:not(.active){ overflow: hidden; }

/*.mfn-ui .mfn-navigator.mfn-sortable-modules-started ul.navigator-tree li ul{ position: relative; top: -37px; }*/

.mfn-ui .mfn-navigator ul.navigator-tree .ui-sortable-placeholder{ display: list-item; width:100%; height: 27px; outline: 1px dashed var(--mfn-ui-heading-arrow); outline-offset: -1px; visibility: visible !important;}
.mfn-ui .mfn-navigator ul.navigator-tree li.hover > ul > .ui-sortable-placeholder{ outline: none; border-top: 1px dashed var(--mfn-ui-heading-arrow)}

.mfn-ui .mfn-navigator ul.navigator-tree li a .navigator-add-item { display: block; opacity: .7; width: 26px; height: 26px; margin-left: auto; background-size: 22px; background-position: center; background-repeat: no-repeat; background-image: url(../svg/options/add.svg); }
.mfn-ui .mfn-navigator ul.navigator-tree li a .navigator-add-item:hover { opacity: 1; transition: opacity .3s ease-in-out; }
.mfn-ui .mfn-navigator ul.navigator-tree li a .navigator-size-label { background-color: var(--mfn-ui-navigator-tree-label-bg); color: var(--mfn-ui-navigator-tree-label-color); font-size: 10px; line-height: 1; padding: 5px; border-radius: 3px; margin-left: 5px; }
.mfn-ui .mfn-navigator ul.navigator-tree li a.active-element .navigator-size-label { color: var(--mfn-ui-navigator-tree-active-color); }
.mfn-ui .mfn-navigator ul.navigator-tree li a .navigator-section-id { color: var(--mfn-ui-navigator-tree-label-color); font-size: 12px; margin-left: 5px; }
.mfn-ui .mfn-navigator ul.navigator-tree li a:hover .navigator-section-id,
.mfn-ui .mfn-navigator ul.navigator-tree li a.active-element .navigator-section-id { color: var(--mfn-ui-navigator-tree-section-id); }

.mfn-ui .mfn-navigator ul.navigator-tree li.navigator-section { font-weight: 500; font-size: 13px; border-bottom: 1px solid var(--mfn-ui-navigator-tree-border); }
.mfn-ui .mfn-navigator ul.navigator-tree li.navigator-section > a:before { content: ""; display: block; width: 24px; height: 22px; margin-right: 3px; margin-left: -6px; background-size: 20px; background-position: center; background-repeat: no-repeat; background-image: url(../svg/editor/folder.svg); }
.mfn-ui .mfn-navigator ul.navigator-tree li.navigator-section.active > a:before { background-image: url(../svg/editor/folder-open.svg); }

.mfn-ui .mfn-navigator ul.navigator-tree li.navigator-wrap { font-size: 13px; font-weight: 400; }
.mfn-ui .mfn-navigator ul.navigator-tree li.navigator-wrap > a { padding-right: 35px; }
.mfn-ui .mfn-navigator ul.navigator-tree li.navigator-wrap > li:not(:last-child) { border-bottom: 1px solid var(--mfn-ui-navigator-tree-border); }

.mfn-ui .mfn-navigator ul.navigator-tree li.navigator-item > a { text-transform: capitalize; }
.mfn-ui .mfn-navigator ul.navigator-tree li.navigator-item > a .mfn-icon { display: block; flex-shrink: 0; width: 20px; height: 20px; margin-right: 10px; border-radius: 100%; background-color: var(--mfn-ui-navigator-tree-icon-bg); background-size: 16px; background-position: center; background-repeat: no-repeat; }
.mfn-ui .mfn-navigator ul.navigator-tree li.navigator-item > a.active-element .mfn-icon { background-color: var(--mfn-ui-navigator-tree-active-icon-bg); }

.mfn-ui .mfn-navigator ul.navigator-tree li.navigator-section > .nav-item-tools .navigator-arrow,
.mfn-ui .mfn-navigator ul.navigator-tree li.navigator-wrap > .nav-item-tools .navigator-arrow { color: var(--mfn-ui-heading-arrow); cursor: pointer; display: flex; align-items: center; justify-content: center; width: 30px; height: 30px; /*position: absolute; right: 5px; top: 50%; transform: translateY(-50%); transition: all 0.3s ease-in-out;*/ }
.mfn-ui .mfn-navigator ul.navigator-tree li.navigator-section.active > .nav-item-tools .navigator-arrow,
.mfn-ui .mfn-navigator ul.navigator-tree li.navigator-wrap.active > .nav-item-tools .navigator-arrow { transform: rotate(180deg); color: var(--mfn-ui-heading-arrow-active); }

.mfn-ui .mfn-navigator .navigator-search .mfn-form-control { border-width: 0 0 1px 0; padding: 10px 15px 10px 40px; border-radius: 0; background-size: 22px;  background-position: 12px 11px; background-repeat: no-repeat; background-color: transparent; background-image: url(../svg/options/search.svg); }
.mfn-ui .mfn-navigator .navigator-search .mfn-form-control:focus { box-shadow: 0 0 0 0; }

.mfn-navigator-toggled-all ul.navigator-tree li { /*display: block !important;*/ max-height: 1220px !important; }
.mfn-navigator-toggled-all .navigator-arrow { display: none !important; }

/* Forms */

.mfn-ui .mfn-form {}
.mfn-ui .mfn-form .mfn-form-row { margin: 0 0 10px 0; position: relative; }
.mfn-ui .mfn-form .mfn-is-modified:not(.toggled_header):before { content: ""; z-index: 10; display: block; width: 5px; height: 5px; position: absolute; top: 0; right: -12px; border-radius: 50px; background-color: var(--mfn-ui-segmented-options-bg-active); }
.mfn-ui .mfn-form .row-header.toggled_header.mfn-is-modified h5:before{ color: var(--mfn-ui-segmented-options-bg-active); }
.mfn-ui .mfn-form .mfn-form-row.toggle_fields.typography .mfn-toggle-fields-wrapper .typography.mfn-is-modified:before{ display: none; }
.mfn-ui .mfn-form .mfn-form-row.mfn-deprecated { filter: saturate(0.2); opacity: 0.5; }
.mfn-ui .mfn-form .mfn-form-row.subtitle { margin-bottom: 10px; padding: inherit; color: inherit; font-size: inherit; font-weight: inherit; line-height: inherit; }
.mfn-ui .mfn-form .row-header-title { background-color: var(--mfn-ui-panel-heading-bg); margin: 0 -20px 10px -20px; padding: 10px 20px; font-size: 14px; }
.mfn-ui .mfn-form .row-header-title .row-column { padding: 0; }
.mfn-ui .mfn-form .row-header-title .row-header-title { margin: 0; }
.mfn-ui .mfn-form .mfn-builder-subheader .row-header-title { display: flex; align-items: center; margin: 20px 0; font-size: 14px; padding: 6px 15px; background-color: var(--mfn-ui-panel-heading-bg); color: var(--mfn-ui-sidebar-panel-title); border-radius: 3px; }
.mfn-ui .mfn-form .mfn-builder-subheader .row-header-title:before { content: ""; display: inline-flex; width: 6px; height: 6px; border-radius: 2px; background-color: var(--mfn-ui-highlight); margin-right: 10px; }

.mfn-ui .mfn-form .mfn-form-row.button.right { float: unset; } /*button.right float fix */


.mfn-ui .mfn-form fieldset { border: 0; margin: 0; padding: 0}
/* .mfn-ui .mfn-form label { display: block; color: var(--mfn-ui-label); margin-bottom: 3px;  }
.mfn-ui .mfn-form label { display: flex; align-items: center; color: var(--mfn-ui-label); margin-bottom: 3px;  } */
.mfn-ui .mfn-form:not(#mfn-yoastseo-form) label{ display: flex; align-items: center; color: var(--mfn-ui-label); margin-bottom: 3px;  }

.mfn-ui .mfn-form .mfn-field-switcher > label{ display: none !important; }

.mfn-ui .mfn-form .mfn-field-switcher .mfn_input_wrapper{ display: flex; align-items: center; color: var(--mfn-ui-label); gap: 10px; }

.mfn-ui .mfn-form .form-control { position: relative; }

.mfn-ui .mfn-form .form-content { padding-bottom: 10px; border-bottom: 1px dashed var(--mfn-ui-border-1); position: relative; }
.mfn-ui .mfn-form .mfn-form-row:last-child > .form-content { border-bottom: 0; padding-bottom: 0; }
.mfn-ui .mfn-form .form-content-full-width { flex-wrap: wrap; }
.mfn-ui .mfn-form .form-content-full-width  .form-group { width: 100%; margin: 0; }
.mfn-ui .mfn-form .form-content-full-width  .desc-group { width: 100%; margin-top: 10px; display: flex; }

.mfn-ui .mfn-form .form-group { display: flex; flex-wrap: wrap; flex-shrink: 0; position: relative; margin-bottom: 5px; }
.mfn-ui .mfn-form .form-group.order-field .tabs-wrapper .tab .title{ text-transform:capitalize; }
.mfn-ui .mfn-form .form-group-vb .mfn-form-control { margin-bottom: 5px; } /* Margin fix for no div.form-group */
.mfn-ui .mfn-form .form-group .form-control { width: 1%; min-width: 0; flex: 1 1 auto; }
.mfn-ui .mfn-form .narrow .form-control{width:100px;flex:unset}
.mfn-ui .mfn-form .form-group .break { flex-basis: 100%; height: 0; }
.mfn-ui .mfn-form .desc-group { display: flex; align-items: center; }
.mfn-ui .mfn-form .desc-group .description { display: block; color: var(--mfn-ui-text-color-1); line-height: 18px; font-size: 12px; }
.mfn-ui .mfn-form .desc-group .description b { color: var(--mfn-ui-heading); }

.mfn-ui .mfn-form .desc-group ul { display: block; list-style: none;  width: 100%; margin: 0 0 10px 0; flex-wrap: wrap; }
.mfn-ui .mfn-form .desc-group ul li { position: relative; margin-bottom: 5px; padding-left: 20px; }
.mfn-ui .mfn-form .desc-group ul li:before { content: ""; display: block; width: 6px; height: 6px; background: #72a5d8; box-shadow: 0 0 0 3px rgba(114, 165, 216, 0.25); border-radius: 100%; position: absolute; left: 0; top: 10px; }
.mfn-ui .mfn-form .desc-group ul li:first-child { padding-left: 0;  }
.mfn-ui .mfn-form .desc-group ul li:first-child:before { display: none; }

.mfn-ui .mfn-form .has-icon a.mfn-option-btn { position: absolute; top: 6px; }
.mfn-ui .mfn-form .has-icon-left a.mfn-option-btn { left: 6px; }
.mfn-ui .mfn-form .has-icon-right a.mfn-option-btn { right: 6px; z-index: 10; }
.mfn-ui .mfn-form .has-icon-left .mfn-form-control { padding-left: 40px; }
.mfn-ui .mfn-form .has-icon-right .mfn-form-control { padding-right: 40px; }
.mfn-ui .mfn-form .image.is_dynamic_data .has-icon-right .mfn-form-control { padding-right: 65px; }

.mfn-ui .mfn-form .multiple-inputs .form-control { flex: inherit; display: flex; width: auto; }
.mfn-ui .mfn-form .multiple-inputs.equal-full-inputs .form-control{flex-grow: 1; width: 10px;}
.mfn-ui .mfn-form .multiple-inputs .field { position: relative; margin-right: -1px; }
.mfn-ui .mfn-form .isLinked .field.disableable { cursor: not-allowed; }
.mfn-ui .mfn-form .multiple-inputs .field:after { content: attr(data-key); display: block; text-align: center; font-size: 10px; text-transform: uppercase }
.mfn-ui .mfn-form .multiple-inputs .mfn-form-input { width: 60px; padding-left: 5px; padding-right: 5px; text-align: center; border-radius: 0; }
.mfn-ui .mfn-form .multiple-inputs.equal-full-inputs .form-control .mfn-form-input{ width: 100%; }
.mfn-ui .mfn-form .multiple-inputs .mfn-form-input:hover,
.mfn-ui .mfn-form .multiple-inputs .mfn-form-input:focus { z-index: 1; position: relative; }
.mfn-ui .mfn-form .multiple-inputs .field:first-child .mfn-form-input { border-radius: 3px 0 0 3px !important;}
.mfn-ui .mfn-form .multiple-inputs .form-group{flex: 0 0 100%; }
.mfn-ui .mfn-form .multiple-inputs .form-group .mfn-form-input{text-align: left;}


.mfn-ui .mfn-form .multiple-inputs.separated-fields, .mfn-ui .mfn-form .mfn-form-row.border-radius .multiple-inputs, .mfn-ui .mfn-form .mfn-form-row.border-width .multiple-inputs{ flex-grow: 1; }
.mfn-ui .mfn-form .multiple-inputs.separated-fields .form-control, .mfn-ui .mfn-form .mfn-form-row.border-radius .multiple-inputs .form-control, .mfn-ui .mfn-form .mfn-form-row.border-width .multiple-inputs .form-control{ width: min-content; }
.mfn-ui .mfn-form .multiple-inputs.separated-fields .field, .mfn-ui .mfn-form .mfn-form-row.border-radius .multiple-inputs .field, .mfn-ui .mfn-form .mfn-form-row.border-width .multiple-inputs .field{ flex-grow: 1; transition: 0.5s; }
.mfn-ui .mfn-form .multiple-inputs.separated-fields .field .mfn-form-input, .mfn-ui .mfn-form .mfn-form-row.border-radius .multiple-inputs .field .mfn-form-input, .mfn-ui .mfn-form .mfn-form-row.border-width .multiple-inputs .field .mfn-form-input{ width: 100%; }
.mfn-ui .mfn-form .multiple-inputs.separated-fields .field, .mfn-ui .mfn-form .mfn-form-row.border-radius .multiple-inputs .field, .mfn-ui .mfn-form .mfn-form-row.border-width .multiple-inputs .field{ width: calc(100% / 4); }
.mfn-ui .mfn-form .multiple-inputs.separated-fields.mfn-field-active .field.focused, .mfn-ui .mfn-form .mfn-form-row.border-radius .multiple-inputs.mfn-field-active .field.focused, .mfn-ui .mfn-form .mfn-form-row.border-width .multiple-inputs.mfn-field-active .field.focused{ width: calc(100% - 150px) }

.mfn-ui .mfn-form .checkboxes ul{margin:0}
.mfn-ui .mfn-form .checkboxes ul li{display:block;position:relative;line-height:20px;border-radius:3px;padding:7px 15px 7px 43px;margin-bottom:6px;cursor:pointer}
.mfn-ui .mfn-form .checkboxes ul li:after{content:"";display:none;position:absolute;top:6px;left:11px;background-image:url(../svg/options/check-blue.svg);width:24px;height:24px;background-size:20px;background-position:center;background-repeat:no-repeat}
.mfn-ui .mfn-form .checkboxes ul li:before{content:"";display:block;position:absolute;width:16px;height:16px;left:13px;top:7px;border-radius:3px;border:2px solid var(--mfn-ui-checkboxes-input);}
.mfn-ui .mfn-form .checkboxes ul li .title{color:var(--mfn-ui-checkboxes-title)}
.mfn-ui .mfn-form .checkboxes ul li .title span{display:block;font-size:12px;font-weight:400;color:var(--mfn-ui-checkboxes-title-label);}
.mfn-ui .mfn-form .checkboxes ul li .mfn-form-checkbox{display:none}
.mfn-ui .mfn-form .checkboxes ul li.active{background-color:var(--mfn-ui-checkboxes-bar-hover);}
.mfn-ui .mfn-form .checkboxes ul li.active:after{display:block}
.mfn-ui .mfn-form .checkboxes ul li.active:before{border-color:var(--mfn-ui-checkboxes-input-active)}
.mfn-ui .mfn-form .checkboxes ul li:hover{background-color:var(--mfn-ui-checkboxes-bar-hover);}

    /* Deprecated */
    .mfn-ui .mfn-form .checkboxes.pseudo ul li:nth-child(7) { margin-top: 10px; }
    .mfn-ui .mfn-form .checkboxes.pseudo ul li:nth-child(7) .title,
    .mfn-ui .mfn-form .checkboxes.pseudo ul li:nth-child(8) .title,
    .mfn-ui .mfn-form .checkboxes.pseudo ul li:nth-child(9) .title,
    .mfn-ui .mfn-form .checkboxes.pseudo ul li:nth-child(10) .title { opacity: .5; }
    .mfn-ui .mfn-form .checkboxes.pseudo ul li:nth-child(7) .title:after,
    .mfn-ui .mfn-form .checkboxes.pseudo ul li:nth-child(8) .title:after,
    .mfn-ui .mfn-form .checkboxes.pseudo ul li:nth-child(9) .title:after,
    .mfn-ui .mfn-form .checkboxes.pseudo ul li:nth-child(10) .title:after { content: "OLD"; font-size: 11px; margin-left: 5px; top: -3px; position: relative; opacity: .5; }

.mfn-ui .mfn-form .checkboxes.invert ul li{background-color:rgba(114,165,216,0.07)}
.mfn-ui .mfn-form .checkboxes.invert ul li:after{display:block}
.mfn-ui .mfn-form .checkboxes.invert ul li:before{border-color:#72a5d8}
.mfn-ui .mfn-form .checkboxes.invert ul li.active{background-color:transparent}
.mfn-ui .mfn-form .checkboxes.invert ul li.active:after{display:none}
.mfn-ui .mfn-form .checkboxes.invert ul li.active:before{border-color:#d2dae1}

.mfn-ui .mfn-form .visual-options {}
.mfn-ui .mfn-form .visual-options ul { margin: 0; display: flex; flex-wrap: wrap; }
.mfn-ui .mfn-form .visual-options ul li { max-width: 33.333%; flex: 0 0 33.333%; margin: 0 0 10px 0; text-align: center; padding: 0 5px; box-sizing: border-box; position: relative;}
.mfn-ui .mfn-form .visual-options ul li input[type="checkbox"] { position: absolute; top: -1000px; left: -1000px; pointer-events: none;}
.mfn-ui .mfn-form .short .visual-options ul li { height: 130px; }
.mfn-ui .mfn-form .small .visual-options ul li { height: 140px; width: 90px; }
.mfn-ui .mfn-form .positioning-options.visual-options ul li { margin: 5px 0; padding: 0 3px; }
.mfn-ui .mfn-form .positioning-options.visual-options ul li { max-width: 15.6%; flex: 0 0 15.6%; height: auto; }
.mfn-ui .mfn-form .positioning-options.visual-options ul li a .mfn-icon { padding: 5px; margin-bottom: 0; }
.mfn-ui .mfn-form .positioning-options.visual-options ul li a .label { display: none; }
.mfn-ui .mfn-form .visual-options ul li a { display: block; text-align: center; text-decoration: none; }
.mfn-ui .mfn-form .visual-options ul li a .mfn-icon { background-color: var(--mfn-ui-visual-options-bg); border-radius: 3px; margin-bottom: 10px; padding: 15px; box-sizing: border-box; line-height: 0; }
.mfn-ui .mfn-form .visual-options ul li a .mfn-icon img { max-width: 60px; }
.mfn-ui .mfn-form .visual-options ul li a .label { display: block; color: var(--mfn-ui-heading); font-weight: 500; line-height: 1.4em; font-size: 12px; }
.mfn-ui .mfn-form .visual-options ul li a .label span { display: block; color: var(--mfn-ui-text-color-2); font-size: 12px; }
.mfn-ui .mfn-form .visual-options ul li a:hover .mfn-icon { background-color: var(--mfn-ui-visual-options-bg-hover); }
.mfn-ui .mfn-form .visual-options ul li.active a .mfn-icon { box-shadow: inset 0 0 0 2px rgba(114, 165, 216, 1); background-color: var(--mfn-ui-visual-options-bg-hover); }
.mfn-ui .mfn-form .visual-options ul li input[type="checkbox"] { display: none; }

.mfn-ui .mfn-form .popup_position .positioning-options.visual-options ul li{ max-width:33.333%; flex: 0 0 33.333% }
.mfn-ui .mfn-form .sidemenu_position .positioning-options.visual-options ul li{ max-width:33.333%; flex: 0 0 33.333% }
.mfn-ui .mfn-form .sidemenu_content_position .positioning-options.visual-options ul li{ max-width:25%; flex: 0 0 25% }

.mfn-ui .mfn-form .range-slider { align-items: center; }
.mfn-ui .mfn-form .range-slider .form-control { flex: initial; width: auto; }
.mfn-ui .mfn-form .range-slider .mfn-form-control { width: 75px; }
.mfn-ui .mfn-form .range-slider .range{font-size:12px; line-height: 14px; text-align:right;color: #929daa;}
.mfn-ui .mfn-form .range-slider .sliderbar_input{width:65px!important;float:left;margin-right:15px}
.mfn-ui .mfn-form .range-slider .ui-slider{ flex: 1 1 auto; position:relative;text-align:left;background-color: var(--mfn-ui-range-slider-bg);border-width:0;z-index:1; min-width:50px; margin: 0 15px;}
.mfn-ui .mfn-form .range-slider .ui-slider .ui-slider-handle{ width: 6px; height: 6px; background:var(--mfn-ui-range-slider-handle); border: 6px solid var(--mfn-ui-input-focus-border) !important; position: absolute; z-index: 2; cursor: default; border: none; outline: none; border-radius: 100%; transition:transform .3s ease-in-out; cursor: pointer; }
.mfn-ui .mfn-form .range-slider .ui-slider .ui-state-hover,
.mfn-ui .mfn-form .range-slider .ui-slider .ui-state-active{border-color:#6497ca !important; transform: scale(1.2);}
.mfn-ui .mfn-form .range-slider .ui-slider .ui-slider-range{background:rgba(114, 165, 216, .85);position:absolute;z-index:1;font-size:.7em;display:block;border:0;background-position:0 0}
.mfn-ui .mfn-form .range-slider .ui-slider-horizontal{height:12px;border-radius:6px}
.mfn-ui .mfn-form .range-slider .ui-slider-horizontal .ui-slider-handle{top:-3px;margin-left:-9px}
.mfn-ui .mfn-form .range-slider .ui-slider-horizontal .ui-slider-range{top:0;height:100%}
.mfn-ui .mfn-form .range-slider .ui-slider-horizontal .ui-slider-range-min{left:0;border-radius:6px}
.mfn-ui .mfn-form .range-slider .ui-slider-horizontal .ui-slider-range-max{right:0}
.mfn-ui .mfn-form .sliderbar-units .form-content { position: relative; }

.mfn-ui .mfn-form .has-switch{float:left;margin-right:15px;border-radius:30px;display:inline-block;cursor:pointer;overflow:hidden;position:relative;text-align:left;width:80px;z-index:1;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;-o-user-select:none;user-select:none}
.mfn-ui .mfn-form .has-switch > div{width:162%;position:relative;top:0}
.mfn-ui .mfn-form .has-switch > div.switch-animate{-webkit-transition:left .25s ease-out;-moz-transition:left .25s ease-out;-o-transition:left .25s ease-out;transition:left .25s ease-out;-webkit-backface-visibility:hidden}
.mfn-ui .mfn-form .has-switch > div.switch-off{left:-63%}
.mfn-ui .mfn-form .has-switch > div.switch-off label{background-color:#999;border-color:#bbb;-webkit-box-shadow:-1px 0 0 rgba(255,255,255,0.5);-moz-box-shadow:-1px 0 0 rgba(255,255,255,0.5);box-shadow:-1px 0 0 rgba(255,255,255,0.5)}
.mfn-ui .mfn-form .has-switch > div.switch-on{left:0}
.mfn-ui .mfn-form .has-switch > div.switch-on label{background-color:#72a5d8}
.mfn-ui .mfn-form .has-switch input[type=checkbox]{display:none}
.mfn-ui .mfn-form .has-switch span{cursor:pointer;font-size:14px!important;font-weight:600!important;float:left;height:29px;line-height:19px!important;padding-bottom:6px;padding-top:5px;position:relative;text-align:center;width:50%;z-index:1;margin:0!important;color:#fff!important;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;-webkit-transition:.25s ease-out;-moz-transition:.25s ease-out;-o-transition:.25s ease-out;transition:.25s ease-out;-webkit-backface-visibility:hidden}
.mfn-ui .mfn-form .has-switch span.switch-left{border-radius:30px 0 0 30px;background-color:#8eb7e0;border-left:1px solid transparent}
.mfn-ui .mfn-form .has-switch span.switch-right{border-radius:0 30px 30px 0;background-color:#bbb;color:#fff;text-indent:7px}
.mfn-ui .mfn-form .has-switch span.switch-right [class*=fui-]{text-indent:0}
.mfn-ui .mfn-form .has-switch label{border:4px solid #8eb7e0;border-radius:50%;float:left;height:21px;position:relative;vertical-align:middle;width:21px;z-index:100;margin:0 -15px 0 -14px;padding:0;-webkit-transition:.25s ease-out;-moz-transition:.25s ease-out;-o-transition:.25s ease-out;transition:.25s ease-out;-webkit-backface-visibility:hidden}

.mfn-ui .mfn-form .has-addons {}
.mfn-ui .mfn-form .has-addons a { text-decoration: none; }
.mfn-ui .mfn-form .has-addons span.label { display: block; padding: 0 15px; min-width: 14px; height: 34px; line-height: 34px; text-align: center; border-style: solid; border-color: var(--mfn-ui-input-border); background-color: var(--mfn-ui-input-label-bg); color: var(--mfn-ui-input-label-color); }
.mfn-ui .mfn-form .has-addons a span.label { background-color: var(--mfn-ui-input-label-bg); color:var(--mfn-ui-input-label-link-color);}
.mfn-ui .mfn-form .has-addons a:hover span.label,
.mfn-ui .mfn-form .has-addons.isLinked a span.label,
.mfn-ui .mfn-form .has-addons.isInset a span.label { background: var(--mfn-ui-input-label-bg-hover); border-color: var(--mfn-ui-input-label-border-hover); color: var(--mfn-ui-input-label-color-hover); }
.mfn-ui .mfn-form .has-addons .form-control-addon {}
.mfn-ui .mfn-form .has-addons .form-control-addon .mfn-form-control { background-color: #f9f9f9; }
.mfn-ui .mfn-form .has-addons .form-control-addon .mfn-form-select { padding-right: 30px; }
.mfn-ui .mfn-form .form-addon-prepend span.label { border-radius: 3px 0 0 3px; border-width: 1px 0px 1px 1px; }
.mfn-ui .mfn-form .form-addon-append span.label { border-radius: 0 3px 3px 0; border-width: 1px 1px 1px 0px; }
.mfn-ui .mfn-form .has-addons-prepend .mfn-form-control { border-top-left-radius: 0; border-bottom-left-radius: 0; }
.mfn-ui .mfn-form .has-addons-append .mfn-form-control { border-top-right-radius: 0; border-bottom-right-radius: 0; }
.mfn-ui .mfn-form .form-addon-prepend,
.mfn-ui .mfn-form .form-addon-append {}

.mfn-ui .mfn-form .typography .form-control { flex: inherit; width: auto; padding-bottom: 26px; position: relative; }
.mfn-ui .mfn-form .typography .form-control:after { content: attr(data-key); display: block; position: absolute; left: 0; bottom: 0; font-size: 11px; text-transform: uppercase; white-space: nowrap; }
.mfn-ui .mfn-form .typography .form-control-font { max-width: 200px; margin-right: 10px; }
.mfn-ui .mfn-form .typography .form-addon-append { margin-right: 10px; }
.mfn-ui .mfn-form .typography input[type="number"] { width: 70px; }
.mfn-ui .mfn-form .typography .font-family .form-control { width: 100%; }

.mfn-ui .mfn-form .color-picker .color-picker-group{display:flex; align-items: flex-start; width: 100%;}
.mfn-ui .mfn-form .color-picker .form-control{ flex: inherit; width: 100%; }
.mfn-ui .mfn-form .color-picker .form-addon-prepend { background-image: url(../img/transparency.png); }
.mfn-ui .mfn-form .color-picker a span.label.light,
.mfn-ui .mfn-form .color-picker a:hover span.label.light{color:#304050}
.mfn-ui .mfn-form .color-picker a span.label.dark,
.mfn-ui .mfn-form .color-picker a:hover span.label.dark{color:#fff}

.mfn-ui .mfn-form .color-picker .wp-picker-container{position:absolute}
.mfn-ui .mfn-form .color-picker .wp-picker-container.wp-picker-active{z-index:2}
.mfn-ui .mfn-form .color-picker .wp-color-result{width:50px;height:44px;padding:0;margin:0;opacity:0}
.mfn-ui .mfn-form .color-picker .wp-picker-input-wrap{display:none}
.mfn-ui .mfn-form .color-picker .iris-alpha-slider{margin-right:-1px!important}
.mfn-ui .mfn-card:last-child .color-picker .wp-picker-holder { position: absolute; left: 0; bottom: calc(100% + 6px); }

.mfn-ui .mfn-form .color-picker.multi .color-picker-group{position:relative;width:100%;}
.mfn-ui .mfn-form .color-picker.multi .color-picker-group[data-key]{margin-bottom:30px}
.mfn-ui .mfn-form .color-picker.multi .color-picker-group:after{ content: attr(data-key); display: block; position: absolute; left: 50%; top: 100%;transform:translateX(-50%); font-size: 11px; text-transform: uppercase; white-space: nowrap; }

.mfn-ui .mfn-form .browse-image  { }
.mfn-ui .mfn-form .browse-image .selected-image { width: 100%; margin-top: 20px; line-height: 0; background: url(../img/transparency.png); border-radius: 3px; text-align: center; }
.mfn-ui .mfn-form .browse-image .selected-image img { max-width: 100%; max-height: 100%; }
.mfn-ui .mfn-form .browse-image.empty .selected-image,
.mfn-ui .mfn-form .browse-image.empty .mfn-button-delete { display: none; }

.mfn-ui .mfn-form .browse-icon .label .text { display: none; }
.mfn-ui .mfn-form .browse-icon.empty .label .text { display: inline; }
.mfn-ui .mfn-form .browse-icon.empty .label i { display: none; }
.mfn-ui .mfn-form .browse-icon.empty .mfn-button-delete { display: none; }

/*
.mfn-ui .mfn-form .visual-editor .wp-editor-container{border-color:#e4e9ee;box-shadow:unset}
.mfn-ui .mfn-form .visual-editor .mce-tinymce{box-shadow:unset}
.mfn-ui .mfn-form .visual-editor .mce-tinymce iframe{height:370px!important}
*/

/* Transforms */
.mfn-ui .mfn-form .transform_field{ display: block; width: 100%; }
.mfn-ui .mfn-form .transform_field .form-control { flex-wrap: wrap;}
.mfn-ui .mfn-form .transform_field .form-control .field { width: 100%;}
.mfn-ui .mfn-form .transform_field .field::after { margin-left: 75px; top: -10px; position: relative; }

.mfn-ui .mfn-form .visual-editor{opacity: 0; transition: 0.3s;}
.mfn-ui .mfn-form .visual-editor.mfn-initialized{opacity: 1;}

.mfn-ui .mfn-form .sidebar-add  {}
.mfn-ui .mfn-form .sidebar-add .added-sidebars { width: 100%; margin-top: 20px; }
.mfn-ui .mfn-form .sidebar-add .added-sidebars ul { margin: 0; }
.mfn-ui .mfn-form .sidebar-add .added-sidebars ul li { background-color: rgba(114, 165, 216, 0.07); color: var(--mfn-ui-segmented-options-color); position: relative; border-radius: 3px; padding: 7px 50px 7px 15px; margin-bottom: 6px; }
.mfn-ui .mfn-form .sidebar-add .added-sidebars ul li:last-child { margin-bottom: 0; }
.mfn-ui .mfn-form .sidebar-add .added-sidebars ul li a.mfn-option-btn { position: absolute; right: 7px; top: 50%; transform: translateY(-50%);  }
.mfn-ui .mfn-form .sidebar-add .added-sidebars ul li.default{display:none}
.mfn-ui .mfn-form .sidebar-add.empty .added-sidebars { display: none; }

.mfn-ui .mfn-form .mfn-sft{display: none;}
.mfn-ui .mfn-form .mfn-sft.mfn-tabs-fields-active{display: block;}
.mfn-ui .mfn-form .mfn-sft-nav { display: flex; list-style-type: none; background: var(--mfn-ui-sft-nav-bg); border-radius: 3px; padding: 4px 2px; margin-bottom: 20px; }
.mfn-ui .mfn-form .mfn-sft-nav li { flex: 1 0 auto; margin: 0 2px; text-align: center; cursor: pointer; }
.mfn-ui .mfn-form .mfn-sft-nav li a { display: block; color: var(--mfn-ui-sft-nav-tab-color); border-radius: 3px; padding: 6px 0; text-decoration: none; transition: background-color .5s easy-in-out }
.mfn-ui .mfn-form .mfn-sft-nav li:hover a { background: var(--mfn-ui-sft-nav-tab-bg-hover); }
.mfn-ui .mfn-form .mfn-sft-nav li.active a { background: var(--mfn-ui-sft-nav-tab-bg-active); color: var(--mfn-ui-sft-nav-tab-color-active); }

.mfn-ui .mfn-form .mfn-fields-switcher { width: 100%; }
.mfn-ui .mfn-form .mfn-fields-switcher .form-content { border-bottom: 0; padding-bottom: 5px; }
.mfn-ui .mfn-form .mfn-fields-switcher .segmented-options .form-control { width: 100%; }
.mfn-ui .mfn-form .mfn-fields-switcher .segmented-options li { flex: 1 0 auto; }
.mfn-ui .mfn-form .mfn-fields-switcher .segmented-options li a { text-align: center; background-color: transparent; border-width: 0 0 1px 0; border-radius: 0 !important; }
.mfn-ui .mfn-form .mfn-fields-switcher .segmented-options li a:hover,
.mfn-ui .mfn-form .mfn-fields-switcher .segmented-options li.active a { background-color: transparent; color: var(--mfn-ui-segmented-options-bg-active); }
.mfn-ui .mfn-form .mfn-fields-switcher .segmented-options li .img { display: inline-block; width: 32px; height: 32px; }
.mfn-ui .mfn-form .mfn-fields-switcher .segmented-options li.active a:after,
.mfn-ui .mfn-form .mfn-fields-switcher .segmented-options li.active a:before{top:calc(100% - 1px);left:50%;border:solid transparent;content:"";height:0;width:0;position:absolute;pointer-events:none}
.mfn-ui .mfn-form .mfn-fields-switcher .segmented-options li.active a:after{border-color:rgba(246,249,250,0);border-top-color:var(--mfn-ui-sidebar-background);border-width:5px;margin-left:-5px}
.mfn-ui .mfn-form .mfn-fields-switcher .segmented-options li.active a:before{border-color:rgba(114,165,216,0);border-top-color:var(--mfn-ui-segmented-options-border-active);border-width:6px;margin-left:-6px}
.mfn-ui .mfn-form .mfn-fields-switcher .visual-segmented-options li { width: 60px; }

.mfn-ui .mfn-form .mfn-fields-switcher .segmented-options li[data-tooltip="Default"] .img-default { background-image:url(../svg/others/bgtype-image.svg); }
.mfn-ui .mfn-form .mfn-fields-switcher .segmented-options li[data-tooltip="Gradient"] .img-gradient { background-image:url(../svg/others/bgtype-gradient.svg); }
.mfn-ui .mfn-form .mfn-fields-switcher .segmented-options li[data-tooltip="Video"] .img-video { background-image:url(../svg/others/bgtype-video.svg); }



.mfn-ui .mfn-form .backup-import {}
.mfn-ui .mfn-form .backup-import .backup-import-group p { margin-bottom: 10px; }
.mfn-ui .mfn-form .backup-import .backup-import-group .mfn-form-control { margin-bottom: 8px; }
.mfn-ui .mfn-form .backup-import .backup-import-group .mfn-btn { margin: 0 15px 0 0; }
.mfn-ui .mfn-form .backup-import .backup-import-group .warning{ color: #ce594e; }
.mfn-ui .mfn-form .backup-reset-step .mfn-btn { margin: 0 15px 0 0; }
.mfn-ui .mfn-form .backup-reset-step .warning{ color: #ce594e; }
.mfn-ui .mfn-form .backup-reset-step .mfn-form-control { margin-bottom: 8px; }

.mfn-ui .mfn-form .segmented-options .form-control { flex: inherit; width: auto; }
.mfn-ui .mfn-form .segmented-options ul { margin: 0; display: flex; width: 100%; }
.mfn-ui .mfn-form .segmented-options ul li { margin: 0; }
.mfn-ui .mfn-form .segmented-options ul hr { display: none; }
.mfn-ui .mfn-form .segmented-options ul li a { display: block; overflow: hidden; border: 1px solid var(--mfn-ui-segmented-options-border); text-decoration: none; color: var(--mfn-ui-segmented-options-color); background-color: var(--mfn-ui-segmented-options-bg); }
/*.mfn-ui .mfn-form .segmented-options ul li a .text { padding: 0 10px; font-size: 12px; line-height: 36px; }*/
.mfn-ui .mfn-form .segmented-options ul li a .text { display: inline-flex; align-items: center; text-align: center; padding: 0 8px; font-size: 12px; line-height: 11px; min-height: 36px; }
.mfn-ui .mfn-form .segmented-options div[data-option="column-visual"] ul li a .text { padding: 0 7px; }
.mfn-ui .mfn-form .segmented-options ul li a .mfn-icon { display: block;width: 36px; height: 36px; background-size: 22px; background-position: center; background-repeat: no-repeat; }
.mfn-ui .mfn-form .segmented-options [data-option="section-options"] ul li a .mfn-icon { background-size: 30px; }
.mfn-ui .mfn-form .segmented-options ul li:first-child a { border-radius: 3px 0 0 3px; }
.mfn-ui .mfn-form .segmented-options ul li:last-child a { border-radius: 0 3px 3px 0; }
.mfn-ui .mfn-form .segmented-options ul li:not(:first-child) a { border-left: 0; }
.mfn-ui .mfn-form .segmented-options ul li a:hover { background-color: var(--mfn-ui-segmented-options-bg-hover); }
.mfn-ui .mfn-form .segmented-options ul li.active a { background-color: var(--mfn-ui-segmented-options-bg-active); border-color: var(--mfn-ui-segmented-options-border-active); color: var(--mfn-ui-segmented-options-color-active); }
.mfn-ui .mfn-form .segmented-options ul li input[type="checkbox"] { display: none; }

.mfn-ui .mfn-form .segmented-options.invert ul li a { border-color: var(--mfn-ui-segmented-options-border-active); color: var(--mfn-ui-segmented-options-color-active); background-color: var(--mfn-ui-segmented-options-bg-active); }
.mfn-ui .mfn-form .segmented-options.invert ul li a:hover { background-color: var(--mfn-ui-segmented-options-bg-active); }
.mfn-ui .mfn-form .segmented-options.invert ul li.active a { background-color: var(--mfn-ui-segmented-options-bg); border-color: var(--mfn-ui-segmented-options-border); color: var(--mfn-ui-segmented-options-color); }

.mfn-ui .mfn-form .segmented-options-with-label { display: flex; align-items: center; justify-content: space-between; }
.mfn-ui .mfn-form .segmented-options-with-label .form-control { display: flex; justify-content: space-between; align-items: center; }
.mfn-ui .mfn-form .segmented-options-with-label h6 { margin: 0; font-weight: 400; }

.mfn-ui .mfn-form .layout_version { margin-bottom: 0; height: 1px; margin-top: -1px; z-index: 1; }
.mfn-ui .mfn-form .layout_version .form-label { display: none !important; } 
.mfn-ui .mfn-form .layout_version .form-group { justify-content: flex-end; }
.mfn-ui .mfn-form .layout_version .form-content { border-bottom: 0; padding-bottom: 0; }
.mfn-ui .mfn-form .layout_version .segmented-options { margin-bottom: 0; }
.mfn-ui .mfn-form .layout_version .segmented-options ul li.active { display: none; }
.mfn-ui .mfn-form .layout_version .segmented-options ul li a { background-color: transparent; border: 0; color: var(--mfn-ui-link); }
.mfn-ui .mfn-form .layout_version .segmented-options ul li a:hover { color: var(--mfn-ui-link-hover); }
.mfn-ui .mfn-form .layout_version .segmented-options ul li a .text { min-height: unset; padding: 0; }

.mfn-ui .mfn-form [data-item="list"] .segmented-options ul li a .text { padding: 0 6px; }

.mfn-ui .mfn-form .visual-segmented-options ul li {}
.mfn-ui .mfn-form .visual-segmented-options ul li a { line-height: 0; padding: 8px; }
.mfn-ui .mfn-form .visual-segmented-options ul li.active a { border-color: var(--mfn-ui-segmented-options-border-active); }
.mfn-ui .mfn-form .visual-segmented-options ul li .img { display: block; }
.mfn-ui .mfn-form .visual-segmented-options ul li .img svg { width: 26px; }
.mfn-ui .mfn-form .visual-segmented-options ul li[data-tooltip]:first-child:before{ transform: translate(-22px, 0);  }
.mfn-ui .mfn-form .visual-segmented-options ul li[data-tooltip]:first-child:hover:before{ transform: translate(-22px, -10px); }

.mfn-ui .visual-segmented-options ul li:not(.active) .img .cls-1 { stroke: #fff; }
.mfn-ui .visual-segmented-options ul li:not(.active) .img .cls-2 { fill: #fff; }


.mfn-ui .mfn-form .visual-segmented-options.active-tooltip-ready ul li.active[data-tooltip]:before { content: attr(data-tooltip-active); }


.mfn-ui .mfn-form .mfn-pills-field { box-sizing: border-box; padding: 6px; border: 1px solid var(--mfn-ui-input-border); color: var(--mfn-ui-input-color); background-color: var(--mfn-ui-input-bg); border-radius: 3px; font-size: 14px; line-height: 26px; }
.mfn-ui .mfn-form .mfn-pills-field.pills-focused {border-color: var(--mfn-ui-input-focus-border); color: var(--mfn-ui-input-focus-color); box-shadow: 0 0 0 2px var(--mfn-ui-input-focus-shadow); outline: none;}
.mfn-ui .mfn-form .mfn-pills-field:hover { border-color: var(--mfn-ui-input-hover-border); }
.mfn-ui .mfn-form .mfn-pills-field span{ background-color: var(--mfn-ui-pills-field-bg); color: var(--mfn-ui-pills-field-color); padding:1px 7px 1px 1px; margin: 2px; border-radius: 3px; display:inline-block}
.mfn-ui .mfn-form .mfn-pills-field span:hover { background-color: var(--mfn-ui-pills-field-bg-hover); }
.mfn-ui .mfn-form .mfn-pills-field span i {cursor:pointer;}
.mfn-ui .mfn-form .mfn-pills-field input{ border: 0 !important; width:auto; margin: 0 1px;}
.mfn-ui .mfn-form .mfn-pills-field .mfn-pills-input{max-width:99.99%!important;transition: width 0s;text-align:left; margin: 2px; min-width:150px; padding:0; border: 0; background-color: transparent; box-shadow: 0 0 0 0; outline: none; color: var(--mfn-ui-input-focus-color);}



.mfn-ui .mfn-form .dynamic_items_wrapper .dynamic_items_row{ display: flex;}
.mfn-ui .mfn-form .dynamic_items_wrapper .dynamic_items_row .di-input-wrapper{ display: none; margin-right: 5px; }
.mfn-ui .mfn-form .dynamic_items_wrapper .dynamic_items_row .di-input-wrapper.di-input-active{ display: block;}
.mfn-ui .mfn-form .dynamic_items_wrapper .dynamic_items_row .di-input-wrapper.di-input-rule{ display: block; width: 105px; max-width: 105px; flex-shrink: 0; flex-grow: 1; }
.mfn-ui .mfn-form .dynamic_items_wrapper .mfn-btn{margin: 0; padding: 5px 20px; width: 100%; box-sizing: border-box; justify-content: center;}

.mfn-ui .mfn-form .dynamic_items_wrapper .dynamic_items_preview{ display: flex; flex-wrap: wrap; list-style-type: none; margin: 0 0 5px 0; padding: 0; }
.mfn-ui .mfn-form .dynamic_items_wrapper .dynamic_items_preview li{ position: relative; cursor: move; display: flex; align-items: center; justify-content: center; margin: 0 5px 5px 0; padding: 10px; border: 1px solid var(--mfn-ui-input-border); border-radius: 3px; width: calc(33.3% - 5px); box-sizing: border-box; background: url(../img/transparency.png); }
.mfn-ui .mfn-form .dynamic_items_wrapper .dynamic_items_preview li:hover{ border-color: var(--mfn-ui-highlight);  }
.mfn-ui .mfn-form .dynamic_items_wrapper .dynamic_items_preview li img{ width: auto; height: auto; max-width: 80px; max-height: 80px; display: block; min-width: 40px; }
.mfn-ui .mfn-form .dynamic_items_wrapper .dynamic_items_preview li .mfn-button-delete{position: absolute; top: 5px; right: 5px; }


/* with button */

.mfn-ui .mfn-form .dynamic_items_wrapper.di-standard-with-button .dynamic_items_row.di-hidden-row{  display: none; }
.mfn-ui .mfn-form .dynamic_items_wrapper.di-standard-with-button .dynamic_items_row{  flex-wrap: wrap; }
.mfn-ui .mfn-form .dynamic_items_wrapper.di-standard-with-button .dynamic_items_row .di-input-wrapper{ display: block; width: 100%; margin: 0 0 10px 0; }

.mfn-ui .panel-settings .form-content { padding: 12px 0; border-bottom: 0; }
.mfn-ui .panel-settings .mfn-settings-form-section { margin-bottom: 20px; }
.mfn-ui .panel-settings .mfn-settings-form-section > h5 { font-size: 12px; line-height: 1.5; text-transform: uppercase; }
.mfn-ui .panel-settings .mfn-settings-form-section:not(:first-child) > h5 { margin-top: 20px; }
.mfn-ui .panel-settings .mfn-settings-form-fields-wrapper { padding: 0 12px; background-color: var(--mfn-ui-settings-list-bg); border-radius: 3px; }
.mfn-ui .panel-settings .mfn-settings-form-fields-wrapper .mfn-form-row { margin-bottom: 0; }
.mfn-ui .panel-settings .mfn-settings-form-fields-wrapper .mfn-form-row:not(:last-child) { border-bottom: 1px solid var(--mfn-ui-settings-list-border); }
.mfn-ui .panel-settings .mfn-form-row-group { border-bottom: 1px solid var(--mfn-ui-settings-list-border); }
.mfn-ui .panel-settings .mfn-form-row-group .mfn-row:not(:last-child) { margin-bottom: 0; border-bottom: 0; }
.mfn-ui .panel-settings .mfn-form-row-group .mfn-row:not(:first-child) .form-content { padding-left: 42px; padding-top: 0; }
.mfn-ui .panel-settings .mfn-form-row-group .mfn-form-row:nth-child(2) { margin-top: -12px; }
.mfn-ui .mfn-form .settings { display: flex; justify-content: space-between; align-items: center; }
.mfn-ui .mfn-form .settings > .mfn-icon { display: block; width: 36px; height: 36px; flex-shrink: 0; background-size: 26px; background-position: center; background-repeat: no-repeat; margin-right: 5px; }
.mfn-ui .mfn-form .settings .setting-label { flex: min-content; }
.mfn-ui .mfn-form .settings h5 { font-size: 13px; }
.mfn-ui .mfn-form .settings p { font-size: 12px; }
.mfn-ui .mfn-form .settings .setting-label h5,
.mfn-ui .mfn-form .settings .setting-label p,
.mfn-ui .mfn-form .settings .setting-label a { margin-bottom: 0; line-height: 1.4; }
.mfn-ui .mfn-form .settings .setting-label p .settings-info[data-tooltip]:before { max-width: 200px; }
.mfn-ui .mfn-form .settings .form-control { margin-left: auto; flex: inherit; width: auto; }
.mfn-ui .mfn-form .settings .form-control:has(.mfn-switch) { line-height: 1; }
.mfn-ui .mfn-form .settings .form-control .mfn-switch { margin-bottom: 0; }


.mfn-ui .mfn-form .settings-links { display: flex; margin: 0 -5px 10px; }
.mfn-ui .mfn-form .settings-links li { width: calc(50% - 10px); margin: 0 5px; }
.mfn-ui .mfn-form .settings-links li .mfn-icon { display: block; width: 36px; height: 36px; flex-shrink: 0; background-size: 36px; background-position: center; background-repeat: no-repeat; }
.mfn-ui .mfn-form .settings-links li p { margin: 0; }
.mfn-ui .mfn-form .settings-links li a { display: flex; flex-direction: column; align-items: center; background-color: var(--mfn-ui-revisions-list-bg); border-radius: 3px; padding: 8px; text-align: center; text-decoration: none; color: var(--mfn-ui-heading); }
.mfn-ui .mfn-form .settings-links li a:hover { background-color: var(--mfn-ui-revisions-list-bg-hover); }

.mfn-ui .mfn-form .CodeMirror { border: 1px solid #e5e5e5; }

.mfn-ui .mfn-form .mfn-preview .item{float:left;width:200px;position:relative;height:100px;overflow:hidden;padding-bottom:25px}
.mfn-ui .mfn-form .mfn-preview .item:after{content: attr(data-key); display: block; position: absolute; left: 50%; bottom: 0;transform:translateX(-50%); font-size: 11px; text-transform: uppercase; white-space: nowrap}
.mfn-ui .mfn-form .mfn-preview .mfn-button{display:block;float:left;position:absolute;top:calc(50% - 12px);left:50%;transform:translate(-50%, -50%);padding:12px 20px;background-color:#dbdddf;color:#626262;font-size:14px;line-height:14px;text-decoration:none;border:0 solid transparent;white-space:nowrap}
.mfn-ui .mfn-form .mfn-preview .mfn-button.hover{background-color:#cdcfd0;opacity:0}
.mfn-ui .mfn-form .mfn-preview .inner:hover .mfn-button.normal{opacity:0}
.mfn-ui .mfn-form .mfn-preview .inner:hover .mfn-button.hover{opacity:1}

.mfn-ui[data-buttons="custom"] ul.subheader-tabs li[data-attr="buttons-old"],
.mfn-ui[data-buttons="custom"] .mfn-card[data-attr="buttons-old"],
.mfn-ui[data-buttons="old"] ul.subheader-tabs li[data-attr="buttons-custom"],
.mfn-ui[data-buttons="old"] .mfn-card[data-attr="buttons-custom"]{display:none}

.mfn-ui .mfn-form .mfn-form-control{display:block;width:100%;max-width:100%; min-height: 30px; padding:5px 15px; box-sizing: border-box;border:1px solid var(--mfn-ui-input-border);color:var(--mfn-ui-input-color);background-color:var(--mfn-ui-input-bg);border-radius:3px;font-size:13px;line-height:24px;-moz-appearance:none;-webkit-appearance:none;margin:0}
.mfn-ui .mfn-form .mfn-form-control:hover{border-color:var(--mfn-ui-input-hover-border);}
.mfn-ui .mfn-form .mfn-form-control:focus{border-color:var(--mfn-ui-input-focus-border);color:var(--mfn-ui-input-focus-color);box-shadow:0 0 0 2px var(--mfn-ui-input-focus-shadow);outline:none}
.mfn-ui .mfn-form .mfn-form-control.error{border-color:var(--mfn-ui-input-error-border);box-shadow:0 0 0 2px var(--mfn-ui-input-error-shadow);}
.mfn-ui .mfn-form .mfn-form-control.readonly{pointer-events:none;background-color:var(--mfn-ui-input-bg-readonly);}
.mfn-ui .mfn-form .mfn-form-select{padding-right:30px; background-image: url(../svg/options/arrow-down.svg); background-repeat: no-repeat; background-position: right 5px top 50%; background-size: 22px; }
.mfn-ui .mfn-form .mfn-form-input[type="number"]{padding-right:10px;text-align:left}
.mfn-ui .mfn-form .mfn-form-control::-webkit-input-placeholder{color:var(--mfn-ui-input-placeholder-color);opacity:.3;font-weight:400}
.mfn-ui .mfn-form .mfn-form-control::-moz-placeholder{color:var(--mfn-ui-input-placeholder-color);opacity:.3;font-weight:400}
.mfn-ui .mfn-form .mfn-form-control:-ms-input-placeholder{color:var(--mfn-ui-input-placeholder-color);opacity:.3;font-weight:400}
.mfn-ui .mfn-form .mfn-form-control::-ms-input-placeholder{color:var(--mfn-ui-input-placeholder-color);opacity:.3;font-weight:400}
.mfn-ui .mfn-form .mfn-form-control::placeholder{color:var(--mfn-ui-input-placeholder-color);opacity:.3;font-weight:400}

.mfn-element-fields-wrapper .mfn-slider-input input.mfn-form-input.mfn-slider-input-initialized { cursor: col-resize; -webkit-user-select: none; -ms-user-select: none; user-select: none; }

/* Intro */

.mfn-ui .mfn-intro-overlay { position: fixed; top: 0; left: 0; height:100%; width:100%; z-index: 9997; background: rgba(25,37,48,.9); direction: ltr; }
.mfn-ui .mfn-intro-overlay .slick-slider{ display:block; margin: 0; box-sizing: border-box; position:relative; box-sizing:border-box;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-touch-callout:none;-khtml-user-select:none;-ms-touch-action:pan-y;touch-action:pan-y;-webkit-tap-highlight-color:transparent}
.mfn-ui .mfn-intro-overlay .mfn-intro-container{left: 50%; top: 50%; transform: translate(-50%, -50%); width: 580px; position:relative}
.mfn-ui .mfn-intro-overlay .mfn-intro-container a.close-button{ position: absolute; right: 10px; top: 10px; z-index: 9999; border-radius: 100%; background-color: rgba(255,255,255,.1); }
.mfn-ui .mfn-intro-overlay .mfn-intro-container a:hover.close-button{ background-color: rgba(255,255,255,.2); }
.mfn-ui .mfn-intro-overlay .mfn-intro-container .pic { width: 530px; height: 420px; background-image: url(../img/intro-slider/intro-slider.jpg); background-size: 100%; }
.mfn-ui .mfn-intro-overlay .mfn-intro-container .step-1 .pic { background-position: 0 0; }
.mfn-ui .mfn-intro-overlay .mfn-intro-container .step-2 .pic { background-position: 0 -420px; }
.mfn-ui .mfn-intro-overlay .mfn-intro-container .step-3 .pic { background-position: 0 -840px; }
.mfn-ui .mfn-intro-overlay .mfn-intro-container .step-4 .pic { background-position: 0 -1260px; }
.mfn-ui .mfn-intro-overlay .mfn-intro-container .step-5 .pic { background-position: 0 -1680px; }
.mfn-ui .mfn-intro-overlay .mfn-intro-container .step-6 .pic { background-position: 0 -2100px; }
.mfn-ui .mfn-intro-overlay .mfn-intro-container .desc { text-align: center; padding: 5px 5% 10px; }
.mfn-ui .mfn-intro-overlay .mfn-intro-container .desc .slide-number { font-size: 12px; color: #fff; opacity: .5; margin-bottom: 5px; }
.mfn-ui .mfn-intro-overlay .mfn-intro-container .desc h1,
.mfn-ui .mfn-intro-overlay .mfn-intro-container .desc h2 { color: #fff; margin-bottom: 10px !important; }
.mfn-ui .mfn-intro-overlay .mfn-intro-container .desc h1 sup { font-size: 65%; }
.mfn-ui .mfn-intro-overlay .mfn-intro-container .desc a.start-now { color: #fff; opacity: .5; text-decoration: none; border-bottom: 1px solid #fff; padding-bottom: 1px; }
.mfn-ui .mfn-intro-overlay .mfn-intro-container .desc a:hover.start-now { opacity: 1; }
.mfn-ui .mfn-intro-overlay .mfn-intro-container .slick-arrow{ display: block; width: 40px; height: 40px; border-radius: 40px; border: 0; cursor: pointer; background-color: #f9f9f9; background-size: 22px; background-position: center; background-repeat: no-repeat; overflow: hidden; text-indent: -9999px; position:absolute; z-index: 9999;}
.mfn-ui .mfn-intro-overlay .mfn-intro-container .slick-arrow.slick-disabled { display: none !important; }
.mfn-ui .mfn-intro-overlay .mfn-intro-container .slick-arrow:hover { background-color: #f4f4f4; }
.mfn-ui .mfn-intro-overlay .mfn-intro-container .slick-prev{left:-20px; top:45%; background-image: url(../svg/options/move-left.svg); }
.mfn-ui .mfn-intro-overlay .mfn-intro-container .slick-next{right:-20px; top:45%; background-image: url(../svg/options/move-right.svg); }


.mfn-ui .mfn-intro-overlay .slick-list{position:relative;display:block;overflow:hidden;margin:0;padding:0}
.mfn-ui .mfn-intro-overlay .slick-list:focus{outline:none}
.mfn-ui .mfn-intro-overlay .slick-list.dragging{cursor:pointer;cursor:hand}
.mfn-ui .mfn-intro-overlay .slick-slider .slick-track,.slick-slider .slick-list{-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);-o-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}
.mfn-ui .mfn-intro-overlay .slick-track{position:relative;top:0;left:0;display:block}
.mfn-ui .mfn-intro-overlay .slick-track:before,.slick-track:after{display:table;content:''}
.mfn-ui .mfn-intro-overlay .slick-track:after{clear:both}
.mfn-ui .mfn-intro-overlay .slick-loading .slick-track{visibility:hidden}
.mfn-ui .mfn-intro-overlay .slick-slide{display:none;float:left;height:100%;min-height:1px;outline:none; background-color: #535b72; padding: 25px; border-radius: 3px; }
.mfn-ui .mfn-intro-overlay [dir='rtl'] .slick-slide{float:right!important}
.mfn-ui .mfn-intro-overlay .slick-slide img{display:block;margin-left:auto;margin-right:auto;}
.mfn-ui .mfn-intro-overlay .slick-slide.slick-loading img{display:none}
.mfn-ui .mfn-intro-overlay .slick-slide.dragging img{pointer-events:none}
.mfn-ui .mfn-intro-overlay .slick-initialized .slick-slide{display:block}
.mfn-ui .mfn-intro-overlay .slick-loading .slick-slide{visibility:hidden}
.mfn-ui .mfn-intro-overlay .slick-vertical .slick-slide{display:block;height:auto;border:1px solid transparent}

/* ---------- BUILDER ---------- */

.mfn-visualbuilder{ position:relative; min-height: 100vh; }
.mfn-visualbuilder .sidebar-wrapper { display: flex; position: fixed; z-index: 1; left: 0; top: 0; height: 100%; width: var(--mfn-ui-sidebar-width); transition: left 1s ease-in-out; }
.mfn-visualbuilder .preview-wrapper { position: relative; margin-left: var(--mfn-ui-sidebar-width); line-height: 0; min-height: 100vh; overflow-y: hidden; overflow-x: auto; display: block; background-color: #151516; }

.mfn-visualbuilder .preview-wrapper iframe { width: 100%; max-width: 100%; min-height: 100vh; display: block; }
.mfn-preview-mode .mfn-visualbuilder .preview-wrapper iframe { min-height: calc(100vh - 46px); }
.mfn-default-ui.mfn-preview-mode .mfn-visualbuilder .preview-wrapper iframe { min-height: calc(100vh - 60px); }
.mfn-visualbuilder:not(.preview-laptop,.preview-tablet,.preview-mobile) .preview-wrapper iframe{ min-width: 1441px; }
.mfn-visualbuilder.preview-laptop .preview-wrapper iframe{ min-width: 970px; }

.mfn-visible-on-mobile-preview{ display: none; }
.preview-mobile .mfn-visible-on-mobile-preview{ display: block; }

/* Preview-footer */
.mfn-preview-footer { background-color: var(--mfn-ui-sidebar-background); position: absolute; left: 0; bottom: 0; width: 100%; z-index: 1; display: none; line-height: 1.5; padding: 1px 10px; box-sizing: border-box; border-left: 1px solid var(--mfn-ui-modal-border);border-top: 1px solid var(--mfn-ui-modal-border);}
.mfn-preview-footer.active { display: flex; }

.mfn-navigator-fixed.mfn-navigator-active .mfn-preview-footer  { max-width: calc(100% - 260px); }

/* Parent selector */
.parent-selector-tree { display: inline-flex; gap: 10px; align-items: center; font-size: 12px; list-style: none; }
.parent-selector-tree li { display: inline-flex; align-items: center; gap: 10px; }
.parent-selector-tree li:not(:last-child)::after { content: ">"; opacity: 0.5; }
.parent-selector-tree li a { color: var(--mfn-ui-text-color); text-decoration: none }
.parent-selector-tree li a:hover { color: var(--mfn-ui-link-hover);  text-decoration: underline; }
.parent-selector-tree li:last-child { opacity: .7; }
.parent-selector-tree .mfn-icon { display: block; float: left; width: 26px; height: 26px; background-size: 22px; background-position: center; background-repeat: no-repeat; }


/* Snackbar */
.mfn-snackbar { display: inline-flex; align-items: center; overflow: hidden; position: absolute; left: 40px; bottom: 40px; background: #2d2c2f; color: #dedee2; padding: 7px 20px 7px 7px; border-radius: 3px; font-size: 13px; line-height: 26px; }
.mfn-snackbar:after { content: ""; display: block; width: 100%; height: 3px; background-color: #72a5d8; position: absolute; left: 0; top: 0; animation: snackbar-time 5s forwards linear; }
.mfn-snackbar .mfn-icon { width: 36px; height: 36px; background-repeat:no-repeat;background-size: 26px;background-position:center; background-image:url(../_dark/svg/options/info.svg); margin-right: 3px; }
.mfn-snackbar .snackbar-message { margin-right: 15px; }
.mfn-snackbar .snackbar-action {}
.mfn-snackbar a { color: #bdbcc6; text-decoration: underline; }
.mfn-snackbar a:hover { color: #fff; }

.mfn-snackbar.mfn-snackbar-error{ background-color: #B42318; color: #fff; }
.mfn-snackbar.mfn-snackbar-error .mfn-icon{ background-image: url(../_dark/svg/options/alert-square.svg); }

@keyframes snackbar-time {
  from {width: 100%;}
  to {width: 0%;}
}

/* Switcher */
.mfn-visualbuilder #mfn-sidebar-switcher { display: block; width: 15px; height: 50px; position: absolute; cursor: pointer; top: 50%; transform: translateY(-50%); left: 100%; z-index: 20; text-align: center;  background-color: var(--mfn-ui-sidebar-switcher-bg); background-image: url(../svg/options/arrow-left.svg); background-position: center center; background-size: 18px; background-repeat: no-repeat; border-radius: 0px 3px 3px 0; transition: background-color .3s ease-in-out; }
.mfn-visualbuilder #mfn-sidebar-switcher:hover { background-color: var(--mfn-ui-sidebar-switcher-bg-hover); }
.mfn-visualbuilder.sidebar_hidden #mfn-sidebar-switcher { background-image: url(../svg/options/arrow-right.svg); }
.mfn-visualbuilder.sidebar_hidden .mfn-header { display: none !important; }

.mfn-visualbuilder.preview-laptop .preview-wrapper iframe,
.mfn-visualbuilder.preview-tablet .preview-wrapper iframe,
.mfn-visualbuilder.preview-mobile .preview-wrapper iframe { display: block; margin: 5vh auto; height: calc(90vh - 60px); min-height: auto !important; border-radius: 20px; background-color: #2D2C2F; background-image:url(../svg/others/browser.svg);background-repeat:no-repeat;background-position: 20px 20px; background-size: 40px; padding: 50px 5px 5px 5px; overflow: hidden; box-sizing: border-box; }
.mfn-visualbuilder.preview-desktop .preview-wrapper iframe { height: calc(100vh - 60px); min-height: auto; }
.mfn-visualbuilder.preview-tablet .preview-wrapper iframe { max-width: 959px; }
.mfn-visualbuilder.preview-laptop .preview-wrapper iframe { max-width: 1440px; }
.mfn-visualbuilder.preview-mobile .preview-wrapper iframe { max-width: 480px; }
.mfn-visualbuilder .preview-wrapper .mfn-preview-toolbar { display: none; height: 60px; align-items: center; z-index: 1; background:#2D2C2F; padding: 4px 10px; box-sizing: border-box; width: 100%; justify-content: space-between; }
.mfn-visualbuilder .preview-wrapper .mfn-preview-toolbar .header-label { display: block; float: left; padding-left: 10px; line-height: 36px; color: #cecece; }
.mfn-visualbuilder .preview-wrapper .mfn-preview-toolbar a.btn-active,
.mfn-visualbuilder .preview-wrapper .mfn-preview-toolbar a:hover.btn-active { background-color: rgba(227,241,255,.07); }
.mfn-visualbuilder .preview-wrapper .mfn-preview-toolbar .options-group { display: flex; min-width: 200px; }
.mfn-visualbuilder .preview-wrapper .mfn-preview-toolbar .options-group.group-options { justify-content: center; }
.mfn-visualbuilder .preview-wrapper .mfn-preview-toolbar .options-group.group-options a.mfn-option-btn:not(.btn-active) { opacity: .5; }
.mfn-visualbuilder .preview-wrapper .mfn-preview-toolbar .options-group.group-options a.mfn-option-btn:hover { opacity: 1; }
.mfn-visualbuilder .preview-wrapper .mfn-preview-toolbar .options-group.group-close { justify-content: flex-end; }
.mfn-preview-mode .mfn-visualbuilder .preview-wrapper .mfn-preview-toolbar{ display: flex; }
.mfn-preview-mode.mfn-be-header-builder .mfn-preview-toolbar .group-close, .mfn-preview-mode.mfn-be-cart-builder .mfn-preview-toolbar .group-close{display: none;}

.mfn-visualbuilder .preview-wrapper .mfn-preview-toolbar .mfn-builder-preview-type a.disabled { pointer-events: unset; }
.mfn-visualbuilder .preview-wrapper .mfn-preview-toolbar .mfn-builder-preview-type a:not(.disabled):before,
.mfn-visualbuilder .preview-wrapper .mfn-preview-toolbar .mfn-builder-preview-type a:not(.disabled):after { display: none; }
.mfn-visualbuilder .preview-wrapper .mfn-preview-toolbar .mfn-builder-preview-type a:last-child:before { transform: translate(32px, 0); left: auto; right: 50%; }
.mfn-visualbuilder .preview-wrapper .mfn-preview-toolbar .mfn-builder-preview-type a:last-child:hover:before { transform: translate(32px, 10px); }

.mfn-default-ui .mfn-ui-light .mfn-preview-toolbar a.mfn-option-blank-dark { color: #fff; }
.mfn-default-ui .mfn-ui-light .mfn-preview-toolbar a.mfn-option-blank-dark:hover { background-color: rgba(227,241,255,.05); }

/*.mfn-preview-mode.mfn-be-header-builder .mfn-preview-toolbar .mfn-builder-preview-type a{ display: flex; align-items: center; padding: 0 10px; }*/
.mfn-visualbuilder .mfn-builder-preview-type a{ display: flex; align-items: center; padding: 0 10px; }

.mfn-ui .mfn-form .order-field ul{margin:0}
.mfn-ui .mfn-form .order-field ul li{border:1px solid var(--mfn-ui-order-field-border);height:25px;padding:5px 15px;background-color:var(--mfn-ui-order-field-bg); color: var(--mfn-ui-order-field-color); font-weight: 600;border-radius:3px;cursor:move; margin-bottom: 3px;}
.mfn-ui .mfn-form .order-field ul li.ui-sortable-helper{border-color:var(--mfn-ui-order-field-active)}

.mfn-ui .mfn-form .order-field ul li.tab-divider{ pointer-events: none; height: 0px; background-color: var(--mfn-ui-order-field-border); border: none; }
.mfn-ui .mfn-form .order-field ul li.tab-divider .title{ display: none; }

.mfn-ui .mfn-form .banner_box .order-field ul li.tab-divider { height: auto; padding: 0; background: transparent; margin: 8px 0; border-top: 2px solid var(--mfn-ui-highlight); border-radius: 0; }
.mfn-ui .mfn-form .banner_box .order-field ul li.tab-divider::before{content: "Elements below will show on hover"; display: inline-block; width: auto; height: auto; font-size: 11px; line-height: 1; font-weight: 400; padding: 7px 12px 7px 30px; border-radius: 0 0 3px 0; color: #fff; background-color: var(--mfn-ui-highlight); background-image: url(../_dark/svg/options/hide.svg); background-repeat: no-repeat; background-size: 16px; background-position: 12px center; }
body .mfn-ui .mfn-form .banner_box .order-field ul.tabs-wrapper li.tab-cta .title{ text-transform: uppercase; }


.mfn-visualbuilder .mfnb-logo{position:relative;background-image:url(../svg/be.svg);background-repeat:no-repeat;background-position:center; background-size:36px;height:60px;width:40px;margin: 0 auto;border-bottom:1px solid var(--mfn-ui-border-opacity-6); text-indent:-9999px}
.mfn-visualbuilder .mfnb-logo .mfnb-ver { display: block; position: absolute; left: -8px; bottom: -30px; width: 56px; text-align: center; text-indent: 0; font-size: 11px; line-height: 20px; font-weight: 400; color: var(--mfn-ui-version); }
.mfn-dev-ui .mfn-visualbuilder .mfnb-logo{margin-left: 0; margin-right:0;}

.mfn-visualbuilder .sidebar-menu{ width:56px;height:100%;background:var(--mfn-ui-sidebar-menu-background);border-right:1px solid var(--mfn-ui-sidebar-menu-border);z-index:2}
.mfn-visualbuilder .sidebar-menu-inner{display:flex;height:100%;justify-content:space-between;flex-direction:column}
.mfn-visualbuilder .sidebar-menu nav{margin:8px}
.mfn-visualbuilder .sidebar-menu nav ul{margin:0}
.mfn-visualbuilder .sidebar-menu nav ul li{margin:0}
.mfn-visualbuilder .sidebar-menu nav ul li.menu-settings {border-top: 0; margin-bottom: 15px; }
.mfn-visualbuilder .sidebar-menu nav ul li.menu-wordpress{border-top:1px solid var(--mfn-ui-border-opacity-6);padding: 15px 0 7px;}
.mfn-visualbuilder .sidebar-menu nav > ul > li > a, .mfn-visualbuilder .sidebar-menu nav > ul > li > div > a{display:block;width:40px;height:40px;border-radius:3px;text-indent:-9999px;background-repeat:no-repeat;background-position:center;background-size:24px}
.mfn-visualbuilder .sidebar-menu nav > ul > li > a:hover, .mfn-visualbuilder .sidebar-menu nav > ul > li > div > a:hover{background-color:var(--mfn-ui-sidebar-menu-hover)}

.mfn-visualbuilder nav ul li.menu-items a{background-image:url(../svg/menu/items.svg)}
.mfn-visualbuilder nav ul li.menu-edit-item a{background-image:url(../svg/menu/items.svg)}
.mfn-visualbuilder nav ul li.menu-sections a{background-image:url(../svg/menu/prebuilt-sections.svg)}
.mfn-visualbuilder nav ul li.menu-navigator a{background-image:url(../svg/menu/navigator.svg)}
.mfn-visualbuilder nav ul li.menu-live-css a{background-image:url(../svg/others/css-live-editor.svg)}
.mfn-visualbuilder nav ul li.menu-revisions a{background-image:url(../svg/menu/revision.svg)}
.mfn-visualbuilder nav ul li.menu-yoast a{background-image:url(../svg/menu/yoast.svg)}
.mfn-visualbuilder nav ul li.menu-export a{background-image:url(../svg/menu/import-export.svg)}
.mfn-visualbuilder nav ul li.menu-page a{background-image:url(../svg/menu/import-page.svg)}
.mfn-visualbuilder nav ul li.menu-wordpress > div > a{background-image:url(../svg/menu/wordpress.svg)}
.mfn-visualbuilder nav ul li.menu-viewpage a{background-image:url(../svg/menu/view-page.svg)}
.mfn-visualbuilder nav ul li.menu-preview a{background-image:url(../svg/menu/preview.svg)}
.mfn-visualbuilder nav ul li.menu-settings a{background-image:url(../svg/menu/settings.svg)}
.mfn-visualbuilder nav ul li.menu-options a{background-image:url(../svg/menu/options.svg)}
.mfn-visualbuilder nav ul li.menu-themeoptions a{background-image:url(../svg/menu/theme-options.svg);}

.mfn-visualbuilder .sidebar-panel { width: 100%;background: var(--mfn-ui-sidebar-background); position: relative; }

    .mfn-visualbuilder .sidebar-panel .sidebar-panel-header { padding: 0 20px; position: relative; z-index: 12; border-bottom: 1px solid var(--mfn-ui-border-1); }
    .mfn-visualbuilder.mfn-editing-element .sidebar-panel .sidebar-panel-header { border-color: transparent; }
    .mfn-visualbuilder .sidebar-panel .sidebar-panel-header .header { display: flex; align-items: center; justify-content: space-between; height: 60px; }
    .mfn-visualbuilder .sidebar-panel .sidebar-panel-header .title-group { display: flex; align-items: center; }
    .mfn-visualbuilder .sidebar-panel .sidebar-panel-header .title-group .sidebar-panel-icon { display: block; flex-shrink: 0; width: 36px; height: 36px; margin-right: 10px; border-radius: 100%; background-color: var(--mfn-ui-panel-icon-bg); background-size: 26px; background-position: center; background-repeat: no-repeat; }
    .mfn-visualbuilder .sidebar-panel .sidebar-panel-header .title-group .sidebar-panel-desc {}
    .mfn-visualbuilder .sidebar-panel .sidebar-panel-header .title-group .sidebar-panel-desc .sidebar-panel-title { margin-bottom: 0; text-transform: capitalize; color: var(--mfn-ui-sidebar-panel-title)}
    .mfn-visualbuilder .sidebar-panel .sidebar-panel-header .title-group .sidebar-panel-desc .sidebar-panel-subtitle { margin-bottom: 0; line-height: 22px; }
    .mfn-visualbuilder .sidebar-panel .sidebar-panel-header .options-group { display: flex; }

    .mfn-visualbuilder .sidebar-panel .sidebar-panel-content { padding: 20px; box-sizing: border-box; height: calc(100% - 132px); border: 0; overflow-y: auto; visibility: hidden; }
    .mfn-visualbuilder .sidebar-panel .sidebar-panel-content {}
    .mfn-visualbuilder .sidebar-panel .sidebar-panel-content:hover,
    .mfn-visualbuilder .sidebar-panel .sidebar-panel-content:focus,
    .mfn-visualbuilder .sidebar-panel .sidebar-panel-content .panel { visibility: visible; transition: visibility 0.2s; }
    .mfn-visualbuilder .sidebar-panel .sidebar-panel-content .panel:after { content: '\0020'; display: block; overflow: hidden; visibility: hidden; width: 100%; height: 1px; }
    .mfn-visualbuilder .sidebar-panel .sidebar-panel-content .panel { min-height: 100%; height: 100%; }
    .mfn-visualbuilder .sidebar-panel .sidebar-panel-content .panel-edit-item { padding-top: 45px; min-height: calc(100% - 45px); height: calc(100% - 45px); }

    .mfn-class-editor .sidebar-panel .sidebar-panel-content .panel-edit-item .mfn-form{ padding-bottom: 85px;}
    .mfn-class-editor .sidebar-panel .sidebar-panel-content .panel-edit-item .mfn-form .mfn_classes_footer{ display: flex; position:fixed; bottom: 71px; left: 56px; z-index: 0; padding: 15px 20px; width: calc( var(--mfn-ui-sidebar-width) - 56px ); box-sizing: border-box; z-index: 5; }
    .mfn-dev-ui .mfn-class-editor .sidebar-panel .sidebar-panel-content .panel-edit-item .mfn-form .mfn_classes_footer { width: var(--mfn-ui-sidebar-width); left: 0; bottom: 0; }
    .mfn-class-editor .sidebar-panel .sidebar-panel-content .panel-edit-item .mfn-form .mfn_classes_footer .mfn-btn{ flex-grow:1; justify-content: center; margin-bottom: 0; }

    .mfn-visualbuilder .sidebar-panel .sidebar-panel-footer { display: flex; align-items: center; justify-content: space-between; height: 70px; padding: 0 20px; border-top: 1px solid var(--mfn-ui-border-1); }

    .mfn-visualbuilder.mfn-sidebar-hidden-footer .sidebar-panel .sidebar-panel-footer{display: none;}
    .mfn-visualbuilder.mfn-sidebar-hidden-footer .sidebar-panel .sidebar-panel-content{height: calc(100% - 61px);}

    .mfn-visualbuilder .sidebar-panel .sidebar-panel-footer .btn-change-resolution {  }
    .mfn-visualbuilder .sidebar-panel .sidebar-panel-footer .btn-change-resolution .mfn-option-btn { padding: 0 7px; }
    .mfn-visualbuilder .sidebar-panel .sidebar-panel-footer .btn-change-resolution .mfn-option-btn .mfn-icon-unfold,
    .mfn-visualbuilder .sidebar-panel .sidebar-panel-footer .btn-change-resolution .mfn-option-btn .mfn-icon-fold { width: 18px; }
    .mfn-visualbuilder .sidebar-panel .sidebar-panel-footer .btn-change-resolution .dropdown-wrapper { left: 0; right: auto; top: auto; bottom: 100%; }
    .mfn-visualbuilder .sidebar-panel .sidebar-panel-footer .btn-change-resolution .dropdown-wrapper a.mfn-dropdown-item { position: relative; }
    .mfn-visualbuilder .sidebar-panel .sidebar-panel-footer .btn-change-resolution .dropdown-wrapper a.mfn-dropdown-item .res { position: absolute; right: 8px; top: 8px; font-size: 11px; line-height: 11px; background-color: var(--mfn-ui-dropdown-resolution-bg); color: var(--mfn-ui-text-color); padding: 5px; border-radius: 3px; }
    .mfn-visualbuilder .sidebar-panel .sidebar-panel-footer .btn-undo { margin-left: auto; }
    .mfn-visualbuilder .sidebar-panel .sidebar-panel-footer .dropdown-wrapper{top: inherit; bottom: 100%; left: inherit; right: 0; padding:  5px;}
    .mfn-visualbuilder .sidebar-panel .sidebar-panel-footer .dropdown-wrapper .mfn-btn{padding: 4px; width: 100%; box-sizing: border-box; margin: 0; background-color: transparent; transition: 0.3s;}
    .mfn-visualbuilder .sidebar-panel .sidebar-panel-footer .dropdown-wrapper .mfn-btn:hover{background-color: #edf1f5; padding-left: 8px;}

    .mfn-visualbuilder .sidebar-panel-footer .btn-save-changes { padding-top:5px;padding-bottom:5px;}
    .mfn-visualbuilder .btn-save-changes { margin: 0 0 0 5px;}
    .mfn-visualbuilder .btn-save-changes.mfn-btn-green { border-radius: 3px 0 0 3px; }
    .mfn-visualbuilder .btn-save-changes.mfn-btn-blue { padding-left: 20px; padding-right: 20px; }
    .mfn-visualbuilder .btn-save-option{padding: 5px 0; margin: 0; border-radius: 0 3px 3px 0;}
    .mfn-visualbuilder .btn-save-action{margin-left: 0;border-left: 1px solid #54a678;}
    .mfn-visualbuilder .btn-save-action:hover > .dropdown-wrapper{display: none;}
    .mfn-visualbuilder .btn-save-action.s-opt-show .dropdown-wrapper{display: block;}


    .mfn-visualbuilder .sidebar-panel-content ul.items-list { display: grid; grid-template-columns: repeat(2, 1fr); margin: 0 0 15px; }
    .mfn-visualbuilder .mfn-items-3-columns .sidebar-panel-content ul.items-list { grid-template-columns: repeat(3, 1fr); }
    .mfn-visualbuilder .mfn-items-4-columns .sidebar-panel-content ul.items-list { grid-template-columns: repeat(4, 1fr); }
    .mfn-visualbuilder .sidebar-panel-content ul.items-list li { float: left; margin: 0; min-width: 0; }
    .mfn-visualbuilder .sidebar-panel-content ul.items-list li a { display: block; text-align: center; position: relative; cursor: move; margin: 5px; padding: 10px 5px; text-decoration: none; background-color: var(--mfn-ui-item-bg); border: 1px dashed var(--mfn-ui-item-border); border-radius: 3px; box-sizing: border-box; }
    .mfn-visualbuilder .sidebar-panel-content ul.items-list li a .mfn-icon { display: block; margin: 0 auto; width: 40px; height: 40px; opacity: .4; background-size: 40px; margin-bottom: 5px; background-position: center; background-repeat: no-repeat; }
    .mfn-visualbuilder .sidebar-panel-content ul.items-list li a .title { display: block; color: var(--mfn-ui-heading); font-size: 12px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
    .mfn-visualbuilder .sidebar-panel-content ul.items-list li a:hover { border-color: var(--mfn-ui-item-border-hover); border-style: solid; box-shadow: 0px 0px 4px 2px var(--mfn-ui-item-shadow-hover); }
    .mfn-visualbuilder .sidebar-panel-content ul.items-list li a:hover .mfn-icon { opacity: 1; }

    .mfn-visualbuilder .sidebar-panel-content ul.items-list li.mfn-item-product_breadcrumbs{ display: none; }


    .mfn-visualbuilder .sidebar-panel-content ul.items-list li a{ height: 91px; }
    .mfn-visualbuilder .sidebar-panel-content ul.items-list li.mfn-item-shop_cat_bottom_desc a .title,
    .mfn-visualbuilder .sidebar-panel-content ul.items-list li.mfn-item-shop_cat_top_desc a .title{
        position: relative;
        margin-top: -2px;
        line-height: 1.1em;
    }


    .mfn-visualbuilder .sidebar-panel-content ul.items-list li.category-single-product a:after,
    .mfn-visualbuilder .sidebar-panel-content ul.items-list li.category-shop-archive a:after,
    .mfn-visualbuilder .sidebar-panel-content ul.items-list li.category-cart a:after,
    .mfn-visualbuilder .sidebar-panel-content ul.items-list li.category-thanks a:after,
    .mfn-visualbuilder .sidebar-panel-content ul.items-list li.category-checkout a:after,
    .mfn-visualbuilder .sidebar-panel-content ul.items-list li.category-order-shared a:after,
    .mfn-visualbuilder .sidebar-panel-content ul.items-list li.category-woocommerce a:after { content: ""; display: block; position: absolute; right: 7px; top: 7px; width: 27px; height: 15px; background-image: url(../svg/others/woo-logo.svg); background-repeat: no-repeat; background-position: center; background-size: 27px; }

    .mfn-vb-tmpl-single-product .sidebar-panel-content ul.items-list li.mfn-item-product_rating { order: -1; }
    .mfn-vb-tmpl-archive-product .sidebar-panel-content ul.items-list li.mfn-item-shop_products { order: -1; }

    .mfn-visualbuilder .sidebar-panel-content ul.items-list li.mfn-item-product_rating a:after,
    .mfn-visualbuilder .sidebar-panel-content ul.items-list li.mfn-item-shop_products a:after { content: ""; display: block; position: absolute; right: 7px; top: 7px; width: 27px; height: 15px; background-image: url(../svg/others/woo-logo.svg); background-repeat: no-repeat; background-position: center; background-size: 27px; }

    .mfn-visualbuilder .sidebar-panel-content ul.items-list li.category-header a:after { content: "Header"; display: block; position: absolute; right: 7px; top: 7px; padding: 3px 4px; background-color: #5388be; color: #fff; font-size: 9px; line-height: 1; border-radius: 2px; }
    .mfn-visualbuilder .sidebar-panel-content ul.items-list li.category-footer a:after { content: "Footer"; display: block; position: absolute; right: 7px; top: 7px; padding: 3px 4px; background-color: #5388be; color: #fff; font-size: 9px; line-height: 1; border-radius: 2px; }
    .mfn-vb-tmpl-megamenu .sidebar-panel-content ul.items-list li.mfn-item-megamenu_menu { order: -1; }
    .mfn-vb-tmpl-megamenu .sidebar-panel-content ul.items-list li.mfn-item-megamenu_menu a:after { content: "Mega Menu"; display: block; position: absolute; right: 7px; top: 7px; padding: 3px 4px; background-color: #5388be; color: #fff; font-size: 9px; line-height: 1; border-radius: 2px; }
    .mfn-visualbuilder .sidebar-panel-content ul.items-list li.category-sidemenu a:after { content: "Sidemenu"; display: block; position: absolute; right: 7px; top: 7px; padding: 3px 4px; background-color: #5388be; color: #fff; font-size: 9px; line-height: 1; border-radius: 2px; }
    .mfn-visualbuilder .sidebar-panel-content ul.items-list li.category-single-post a:after{ content: "Single"; display: block; position: absolute; right: 7px; top: 7px; padding: 3px 4px; background-color: #5388be; color: #fff; font-size: 9px; line-height: 1; border-radius: 2px; }
    .mfn-visualbuilder .sidebar-panel-content ul.items-list li.category-archive a:after{ content: "Archive"; display: block; position: absolute; right: 7px; top: 7px; padding: 3px 4px; background-color: #5388be; color: #fff; font-size: 9px; line-height: 1; border-radius: 2px; }
    .mfn-visualbuilder .sidebar-panel-content ul.items-list li.category-blog a:after{ content: "Blog"; display: block; position: absolute; right: 7px; top: 7px; padding: 3px 4px; background-color: #5388be; color: #fff; font-size: 9px; line-height: 1; border-radius: 2px; }
    .mfn-visualbuilder .sidebar-panel-content ul.items-list li.category-portfolio a:after{ content: "Portfolio"; display: block; position: absolute; right: 7px; top: 7px; padding: 3px 4px; background-color: #5388be; color: #fff; font-size: 9px; line-height: 1; border-radius: 2px; }
    .mfn-visualbuilder .sidebar-panel-content ul.items-list li.category-single-blog-post a:after { content: "Single post"; display: block; position: absolute; right: 7px; top: 7px; padding: 3px 4px; background-color: #5388be; color: #fff; font-size: 9px; line-height: 1; border-radius: 2px; }
    .mfn-visualbuilder .sidebar-panel-content ul.items-list li.category-single-portfolio-post a:after { content: "Single portfolio"; display: block; position: absolute; right: 7px; top: 7px; padding: 3px 4px; background-color: #5388be; color: #fff; font-size: 9px; line-height: 1; border-radius: 2px; }

    .mfn-visualbuilder .sidebar-panel-content ul.items-list li.mfn-item-countdown_2 a:after,
    .mfn-visualbuilder .sidebar-panel-content ul.items-list li.mfn-item-readmore a:after { content: "New"; display: block; position: absolute; right: 7px; top: 7px; padding: 3px 4px; background-color: #5388be; color: #fff; font-size: 9px; line-height: 1; border-radius: 2px; }

    .mfn-visualbuilder .sidebar-panel-content ul.items-list li.mfn-item-active_filters .mfn-item-label,
    .mfn-visualbuilder .sidebar-panel-content ul.items-list li.mfn-item-filters .mfn-item-label { display: block; position: absolute; right: 7px; top: 7px; padding: 3px 4px; background-color: #5388be; color: #fff; font-size: 9px; line-height: 1; border-radius: 2px; }

    /* Favourite elements */
    
    .mfn-visualbuilder .sidebar-panel-content .mfn-widgets-group { margin-bottom: 15px; }
    .mfn-visualbuilder .sidebar-panel-content .mfn-widgets-group:not(:last-child) { border-bottom: 1px dashed var(--mfn-ui-border-2); padding-bottom: 15px; }
    .mfn-visualbuilder .sidebar-panel-content .mfn-widgets-group h5.mfn-widgets-group-title { display: flex; align-items: center; justify-content: center; text-align: center; margin-bottom: 5px; position: relative; font-size: 14px; cursor: pointer; text-transform: capitalize;}
    

    .mfn-visualbuilder .sidebar-panel-content .mfn-widgets-group h5.mfn-widgets-group-title:before { content: ""; display: inline-block; margin-right: 5px; width: 20px; height: 20px; background-size: 20px; background-repeat: no-repeat; background-position: center; }
    .mfn-visualbuilder .sidebar-panel-content .mfn-widgets-group.mfn-widgets-group-global-list h5.mfn-widgets-group-title:before { display: none; }
    .mfn-visualbuilder .sidebar-panel-content .mfn-widgets-group.mfn-widgets-group-favourites h5.mfn-widgets-group-title:before {  background-image: url(../svg/options/star.svg); }
    .mfn-visualbuilder .sidebar-panel-content .mfn-widgets-group.mfn-widgets-group-template h5.mfn-widgets-group-title:before {  background-image: url(../svg/options/templates.svg); }
    .mfn-visualbuilder .sidebar-panel-content .mfn-widgets-group.mfn-widgets-group-ql h5.mfn-widgets-group-title:before {  background-image: url(../svg/options/loop.svg); background-size: 14px; }
    
    /* Query loops elements */
    .mfn-visualbuilder .mfn-widgets-group-ql ul.items-list li a { border-color: rgba(231,157,229,.4); background-color: rgba(231,157,229,.2); }
    .mfn-visualbuilder .mfn-widgets-group-ql ul.items-list li a:hover { border-color: #E79DE5; }
    .mfn-visualbuilder .mfn-widgets-group-ql ul.items-list li a .title { color: #935792; }
    .mfn-ui-dark.mfn-visualbuilder .mfn-widgets-group-ql ul.items-list li a { border-color: rgba(231,157,229,.24); background-color: rgba(231,157,229,.08); }
    .mfn-ui-dark.mfn-visualbuilder .mfn-widgets-group-ql ul.items-list li a:hover { border-color: #E79DE5; }
    .mfn-ui-dark.mfn-visualbuilder .mfn-widgets-group-ql ul.items-list li a .title { color: #C8AAC7 }


    .mfn-visualbuilder .sidebar-panel-content .mfn-widgets-group h5.mfn-widgets-group-title:after { position: absolute; right: 0; top: -3px; color: var(--mfn-ui-heading-arrow); cursor: pointer; display: flex; align-items: center; justify-content: center; width: 30px; height: 30px; transition: all 0.3s ease-in-out; content: '\e946'; font-family: "mfn-icons"; }
    .mfn-visualbuilder .sidebar-panel-content .mfn-widgets-group.mfn-widgets-group-closed > h5:after{ transform: rotate(180deg); color: var(--mfn-ui-heading-arrow-active); }
    .mfn-visualbuilder .sidebar-panel-content .mfn-widgets-group .mfn-empty-widgets-group-info{ display: none; text-align: center;  font-size: 12px; line-height: 1.8; color: var(--mfn-ui-text-color-2); }
    .mfn-visualbuilder .sidebar-panel-content .mfn-widgets-group .mfn-empty-widgets-group-info .mfn-icon { background-image: url(../svg/others/right-click.svg); display: inline-block; width: 20px; height: 20px; background-size: 20px; background-position: center; position: relative; vertical-align: text-bottom; opacity: .5; }
    .mfn-visualbuilder .sidebar-panel-content .mfn-widgets-group ul.items-list { margin: 0; }
    .mfn-visualbuilder .sidebar-panel-content .mfn-widgets-group .mfn-widgets-group-desc { text-align: center; margin: 0 0 5px 0; font-size: 12px; line-height: 1.8; color: var(--mfn-ui-text-color-2); }

    .mfn-visualbuilder .sidebar-panel-content .mfn-widgets-group.mfn-empty-widgets-group .mfn-empty-widgets-group-info { display: block; }

    /* / Favourite elements */

    .mfn-visualbuilder .sidebar-panel-content ul.panel-tabs { margin: 0 0 15px; border-bottom: 1px solid #e6e9f0; }
    .mfn-visualbuilder .sidebar-panel-content ul.panel-tabs li { display: inline-block; width: 50%; margin: 0; cursor:pointer; }
    .mfn-visualbuilder .sidebar-panel-content ul.panel-tabs li a{ display: block; text-align: center; position: relative; color:var(--mfn-ui-text-color); text-decoration: none; padding: 22px 15px; }
    .mfn-visualbuilder .sidebar-panel-content ul.panel-tabs li a:after { content: ""; display: none; position: absolute; left: 0; bottom: 0;width: 100%; height: 3px; background: #72a5d8; border-radius: 2px 2px 0 0; }
    .mfn-visualbuilder .sidebar-panel-content ul.panel-tabs li:hover a,
    .mfn-visualbuilder .sidebar-panel-content ul.panel-tabs li.active a { color:#72a5d8; }
    .mfn-visualbuilder .sidebar-panel-content ul.panel-tabs li:hover a:after,
    .mfn-visualbuilder .sidebar-panel-content ul.panel-tabs li.active a:after { display: block; }

    .mfn-visualbuilder .sidebar-panel-content .panel-search { margin: 0 0 15px; padding: 0 5px; }

    .mfn-visualbuilder .sidebar-panel-content ul.prebuilt-sections-list { margin: 0; }
    .mfn-visualbuilder .sidebar-panel-content ul.prebuilt-sections-list li { padding: 10px; margin: 0 0 10px; width: 100%; background-color: var(--mfn-ui-item-bg); border: 1px dashed var(--mfn-ui-item-border); border-radius: 3px; box-sizing: border-box; display: block; }
    .mfn-visualbuilder .sidebar-panel-content ul.prebuilt-sections-list li:hover { border: 1px dashed var(--mfn-ui-item-border-hover-section); box-shadow: 0px 0px 4px 2px var(--mfn-ui-item-shadow-hover-section); }
    .mfn-visualbuilder .sidebar-panel-content ul.prebuilt-sections-list li .photo { line-height: 0; }
    .mfn-visualbuilder .sidebar-panel-content ul.prebuilt-sections-list li .photo img { max-width: 100%; width: 100%; }
    .mfn-visualbuilder .sidebar-panel-content ul.prebuilt-sections-list li .desc { display: flex; justify-content: space-between; align-items: center; background-color: var(--mfn-ui-item-section-bg); padding: 7px 7px 7px 10px; border-radius: 0 0 3px 3px; }
    .mfn-visualbuilder .sidebar-panel-content ul.prebuilt-sections-list li .desc h6 { color: var(--mfn-ui-item-section-color); margin: 0; font-weight: 500; line-height: 20px; }
    .mfn-visualbuilder .sidebar-panel-content ul.prebuilt-sections-list li .desc .mfn-btn-insert { margin-left: auto; flex-shrink: 0; }

    .mfn-visualbuilder .sidebar-panel-content ul.revisions-list  { margin: 0 2% 0 20px; display: flex; flex-direction: column-reverse; }
    .mfn-visualbuilder .sidebar-panel-content ul.revisions-list  li { position: relative; border-left: 2px dotted var(--mfn-ui-revisions-list-border); padding: 8px 0 8px 36px; margin: 0;  }
    .mfn-visualbuilder .sidebar-panel-content ul.revisions-list  li .revision-icon { display: block; position: absolute; left: -18px; top: 17px; width: 30px; height: 30px; margin-right: 10px; border-radius: 100%; background-color: var(--mfn-ui-revisions-list-icon-bg); background-size: 20px; background-position: center; background-repeat: no-repeat; }
    .mfn-visualbuilder .sidebar-panel-content ul.revisions-list  li .revision { position: relative; background-color: var(--mfn-ui-revisions-list-bg); border-radius: 3px; padding: 10px 15px; box-sizing: border-box; }
    .mfn-visualbuilder .sidebar-panel-content ul.revisions-list  li .revision:before { content: ""; display: block; width: 12px; border-top: 2px dotted var(--mfn-ui-revisions-list-border); position: absolute; left: -18px; top: 23px; }
    .mfn-visualbuilder .sidebar-panel-content ul.revisions-list  li:hover .revision { background-color: var(--mfn-ui-revisions-list-bg-hover); }
    .mfn-visualbuilder .sidebar-panel-content ul.revisions-list  li h6 { margin-bottom: 2px; font-weight: 400; }
    .mfn-visualbuilder .sidebar-panel-content ul.revisions-list  li p { margin: 0; }
    .mfn-visualbuilder .sidebar-panel-content ul.revisions-list  li a.mfn-btn-restore { display: none; position: absolute; right: 11px; top: 11px; }
    .mfn-visualbuilder .sidebar-panel-content ul.revisions-list  li:hover a.mfn-btn-restore { display: block; }



    .mfn-visualbuilder .panel-items{}
    .mfn-visualbuilder .panel-prebuilt-sections{}
    .mfn-visualbuilder .panel-revision .mfn-save-revision { width: 100%; box-sizing: border-box; justify-content: center; }
    .mfn-visualbuilder .panel-revision .info { text-align: center; color: var(--mfn-ui-text-color-2); line-height: 22px; font-size: 13px; background-image: url(../svg/options/info.svg); background-size: 20px; background-position: top center; background-repeat: no-repeat; padding: 25px 10% 0; margin: 10px 0 20px; }

    .mfn-visualbuilder .panel-export-import {}
    .mfn-visualbuilder .panel-export-import .mfn-form { height: calc(100% - 120px); margin-bottom: 20px; }
    .mfn-visualbuilder .panel-export-import .mfn-form .form-content,
    .mfn-visualbuilder .panel-export-import .mfn-form .form-group,
    .mfn-visualbuilder .panel-export-import .mfn-form .form-group textarea { height: 100%; }
    .mfn-visualbuilder .panel-export-import .mfn-form .form-content { padding: 0; border: 0; }

    .mfn-visualbuilder .panel-export-import-import  {}
    .mfn-visualbuilder .panel-export-import-import  .mfn-form:first-child { height: calc(100% - 70px); margin-bottom: 20px; }
    .mfn-template-builder-section .mfn-visualbuilder .panel-export-import-import  .mfn-form:first-child{height:calc(100% - 190px)}
    .mfn-visualbuilder .panel-export-import-import  .mfn-form .form-content,
    .mfn-visualbuilder .panel-export-import-import  .mfn-form .form-group,
    .mfn-visualbuilder .panel-export-import-import  .mfn-form .form-group textarea { height: 100%; }
    .mfn-visualbuilder .panel-export-import-import  .mfn-form .form-content { padding: 0; border: 0; }
    .mfn-visualbuilder .panel-export-import-import .import-options { display: flex; align-items: baseline; }
    .mfn-visualbuilder .panel-export-import-import .import-options .mfn-form-select { margin-right: 7px; }

    .mfn-visualbuilder .panel-export-import-templates {}
    .mfn-visualbuilder .panel-export-import-templates ul.mfn-items-list li { width: 100%; }
    .mfn-visualbuilder .panel-export-import-templates .templates-options { display: flex; align-items: baseline; }
    .mfn-visualbuilder .panel-export-import-templates .templates-options .mfn-form-select { margin-right: 7px; }

    .mfn-visualbuilder .panel-export-import-single-page{text-align:center}
    .mfn-visualbuilder .panel-export-import-single-page .mfn-single-page-icon{width: 90px; height: 75px; display: inline-block;margin-bottom: 5px; background-image: url(../../../muffin-options/svg/others/import-page-big.svg); background-size: 90px; background-position: center; }
    .mfn-visualbuilder .panel-export-import-single-page .mfn-form-input{margin-bottom:10px;}
    .mfn-visualbuilder .panel-export-import-single-page .hint{font-size: 12px;line-height:19px;color:var(--mfn-ui-text-color-2);}
    .mfn-visualbuilder .panel-export-import-single-page .import-options { display: flex; align-items: baseline; }
    .mfn-visualbuilder .panel-export-import-single-page .import-options .mfn-form-select { margin-right: 7px; }

    .mfn-visualbuilder .panel-export-import-presets{text-align:center}
    .mfn-visualbuilder .panel-export-import-presets h5 { margin-bottom: 10px; }
    .mfn-visualbuilder .panel-export-import-presets .mfn-icon {width: 90px; height: 75px; display: inline-block;margin-bottom: 5px; background-size: 90px; background-position: center; }
    .mfn-visualbuilder .panel-export-import-presets .mfn-form .form-group textarea { height: 150px; }

    .mfn-visualbuilder .panel-export-import-seo{text-align:center}
    .mfn-visualbuilder .panel-export-import-seo h5 { margin-bottom: 10px; }
    .mfn-visualbuilder .panel-export-import-seo .mfn-icon {width: 90px; height: 90px; display: inline-block;margin-bottom: 5px; background-size: 90px; background-position: center; }



    .mfn-ui .mfn-form-themeoptions .positioning-options.visual-options ul li {max-width: 154px; flex: 0 0 154px;}


    .mfn-ui .mfn-form-themeoptions .multiple-inputs-with-color .form-control { flex-wrap: wrap; width: 100%; }
    .mfn-ui .mfn-form-themeoptions .multiple-inputs-with-color .form-control .color-mirror-source { max-width: 250px; }
    .mfn-ui .mfn-form-themeoptions .multiple-inputs-with-color .form-addon-append { margin-right: 5px; }
    .mfn-ui .mfn-form-themeoptions .multiple-inputs-with-color .color-mirror { display: none; }
    .mfn-ui .mfn-form-themeoptions .multiple-inputs-with-color .color-picker-group .mfn-form-control { width: auto; }
    .mfn-ui .mfn-form-themeoptions .multiple-inputs-with-color .color-picker .has-colorpicker { display: none; }

    .mfn-form-themeoptions .performance-enable .desc-group{ flex-wrap: wrap; }
    .mfn-form-themeoptions .performance-enable .desc-group > .description{ flex-grow:1; width:100%; }
    .mfn-form-themeoptions .themeoption.font-custom-fields{ display: none; }

.mfn-ui .mfn-copytoclipboard{ cursor: pointer; }
/* ---------- ANIMATIONS ---------- */

[data-tooltip]:before {
  transition: transform 0.2s ease-out;
}

[data-tooltip]:after {
  transition: transform 0.2s ease-out;
}

a.mfn-btn {
  transition: background-color .2s ease-in-out;
}

.mfn-ui .mfn-form-control {
transition: border .2s ease-in-out, color .2s ease-in-out, box-shadow .2s ease-in-out;
}

.mfn-ui .mfn-section.collapse .section-content{
  transition:height .2s ease-in-out, padding .2s ease-in-out
}

.mfn-section .btn-section-add {
  transition: opacity .1s ease-in-out, top .1s ease-in-out .1s, bottom .1s ease-in-out .1s;
}

.mfn-section:hover .btn-section-add {
  transition: opacity .2s ease-in-out .3s, background-color .2s ease-in-out, top .2s ease-in-out .3s, bottom .2s ease-in-out .3s;
}

.mfn-ui .modal-settings .saving .setting-label:after,
.mfn-ui .mfn-btn.loading:after,
.mfn-ui a.mfn-option-btn.loading:after,
.mfn-ui a.mfn-dropdown-item.loading:after,
.mfn-ui .mfn-field-loading.type:after { animation: rotation 2s infinite linear; }

@keyframes rotation {
    0% {
        transform: rotate(0);
    }
    100% {
        transform: rotate(359deg);
    }
}



.mfn-ui .mfn-form .responsive-switcher li span,
.mfn-ui .mfn-form .mfn-slider-unit li a {
    transition: opacity .2s ease-in-out;
}

.mfn-ui .mfn-form .mfn-form-row.transform > label > .responsive-switcher{display: none;}

/* ----------  MFN DEV UI  ---------- */
.mfn-dev-ui { padding-top: 46px; height: calc(100vh - 46px); overflow: hidden; }
.mfn-dev-ui .mfn-visualbuilder,
.mfn-dev-ui .mfn-visualbuilder .preview-wrapper { min-height: calc(100vh - 46px); }
.mfn-dev-ui .mfn-visualbuilder .sidebar-wrapper { top: 46px; height: calc(100vh - 46px); }
.mfn-dev-ui .mfn-visualbuilder .sidebar-wrapper { width: var(--mfn-ui-sidebar-width); }
.mfn-dev-ui .mfn-visualbuilder .preview-wrapper { margin-left: var(--mfn-ui-sidebar-width); overflow-y: hidden; overflow-x: auto; }
.mfn-dev-ui .mfn-visualbuilder .preview-wrapper iframe { min-height: calc(100vh - 46px); }

.mfn-dev-ui .mfn-visualbuilder .sidebar-panel .sidebar-panel-header { background-color: var(--mfn-ui-sidebar-menu-hover); }
.mfn-dev-ui .mfn-visualbuilder .sidebar-panel .sidebar-panel-header .header { height: 50px; }
.mfn-dev-ui .mfn-visualbuilder .sidebar-panel .sidebar-panel-header .header .sidebar-panel-icon { margin-right: 5px; }
.mfn-dev-ui .mfn-visualbuilder .sidebar-panel .sidebar-panel-header .header:not(.header-edit-item) .sidebar-panel-icon { display: none; }
.mfn-visualbuilder .sidebar-panel .sidebar-panel-header .header.header-edit-item-with-classes{ flex-wrap: wrap; }

.mfn-dev-ui .mfn-visualbuilder .sidebar-panel .sidebar-panel-content{ height: calc(100% - 51px); }

.mfn-dev-ui .mfn-visualbuilder .sidebar-wrapper:before { content: ""; display: block; width: 100vw; height: 1px; position: absolute; top: 0;  left: 100%; background: var(--mfn-ui-border-1); }

.mfn-settings-nav { display: flex; justify-content: space-around; width: 100%; background-color: var(--mfn-ui-sidebar-menu-hover); }
.mfn-settings-nav li { text-align: center; }
.mfn-settings-nav li a { display: flex; position: relative; height: 50px; align-items: center; padding: 0 5px; font-weight: 500; text-decoration: none; color: var(--mfn-ui-heading); }
.mfn-settings-nav li a:after { content: ""; width: 100%; height: 3px; position: absolute; left: 0; bottom: 0; background-color: var(--mfn-ui-highlight); opacity: 0; }
.mfn-settings-nav li.active a { color: var(--mfn-ui-highlight); }
.mfn-settings-nav li.active a:after { opacity: 1; }
.mfn-settings-nav li.menu-settings { margin: 0; border: 0; }

.mfn-visualbuilder .mfn-topbar{ position: fixed; top: 0; left: 0; width: 100%; display: flex; align-items: center; justify-content: space-between; height: 46px; background-color: var(--mfn-ui-sidebar-background); z-index: 9998; }
.mfn-visualbuilder .mfn-topbar > div { display: flex; align-items: center; box-sizing: border-box; }
.mfn-visualbuilder .mfn-topbar .topbar-nav { width: var(--mfn-ui-sidebar-width); padding-left: 20px; justify-content: space-between; }
.mfn-visualbuilder .mfn-topbar .topbar-nav nav { margin-left: auto; }
.mfn-visualbuilder .mfn-topbar .topbar-nav nav ul,
.mfn-visualbuilder .mfn-topbar .topbar-nav nav ul li{margin:0;border:0}
.mfn-visualbuilder .mfn-topbar .topbar-nav nav ul { display: flex }
.mfn-visualbuilder .mfn-topbar .topbar-nav nav ul li a{display:block;width:46px;height:46px;text-indent:-9999px;background-repeat:no-repeat;background-position:center;background-size:24px}
.mfn-visualbuilder .mfn-topbar .topbar-nav nav ul li a:hover,
.mfn-visualbuilder .mfn-topbar .topbar-nav nav ul li.active a{background-color:var(--mfn-ui-sidebar-menu-hover)}
.mfn-visualbuilder .mfn-topbar .topbar-addons > *:not(:last-child) { margin-right: 15px; }
.mfn-visualbuilder .mfn-topbar .topbar-addons .page-options .pre-built-current { text-overflow: ellipsis; max-width: 200px; white-space: nowrap; overflow: hidden; }
.mfn-visualbuilder .mfn-topbar .topbar-tools > .btn-save-changes { margin-left: 10px; }
.mfn-visualbuilder .mfn-topbar .topbar-tools > .btn-save-changes { height: 46px; box-sizing: border-box; border-radius: 0 !important; }
.mfn-visualbuilder .mfn-topbar .topbar-tools .btn-save-option { height: 46px; box-sizing: border-box; border-radius: 0; }
.mfn-visualbuilder .mfn-topbar .topbar-tools .btn-save-action .dropdown-wrapper{padding:  5px;}
.mfn-visualbuilder .mfn-topbar .topbar-tools .btn-save-action .dropdown-wrapper .mfn-btn{padding: 4px; width: 100%; box-sizing: border-box; margin: 0; background-color: transparent; transition: 0.3s;}
.mfn-visualbuilder .mfn-topbar .topbar-tools .mfn-builder-preview-type { margin-right: 20px; }
.mfn-visualbuilder .mfn-topbar .topbar-tools .btn-navigator-switcher .mfn-icon { opacity: .5; }
.mfn-navigator-active .mfn-visualbuilder .mfn-topbar .topbar-tools .btn-navigator-switcher .mfn-icon { opacity: 1; }

.mfn-dev-ui .mfn-visualbuilder .mfnb-logo { background-size:26px;height:26px;width:40px; margin-right: 20px; border: 0; }

.mfn-dev-ui .mfn-visualbuilder .responsive-mode { display: inline-flex; background-color: #fff; padding: 4px; border-radius: 3px; }
.mfn-dev-ui .mfn-visualbuilder .responsive-mode li { position: relative; margin: 0 1px; }
.mfn-dev-ui .mfn-visualbuilder .responsive-mode li a { z-index: 1; }
.mfn-dev-ui .mfn-visualbuilder .responsive-mode li a.btn-active { background-color: #dce0e4; }

.mfn-dev-ui .mfn-builder-preview-type a.btn-active,
.mfn-dev-ui .mfn-builder-preview-type a:hover.btn-active { background-color: var(--mfn-ui-highlight); color: #fff; }
.mfn-dev-ui .mfn-builder-preview-type .options-group.group-options a.mfn-option-btn:not(.btn-active) { opacity: .5; }
.mfn-dev-ui .mfn-builder-preview-type .options-group.group-options a.mfn-option-btn:hover { opacity: 1; }

.mfn-dev-ui .mfn-ui-dark .responsive-mode { background-color: rgba(0,0,0,.2); }
.mfn-dev-ui .mfn-ui-dark .responsive-mode li a.btn-active { background-color: #605E63; }

.mfn-dev-ui .mfn-form-themeoptions .positioning-options.visual-options ul li { max-width: 152px; flex: 0 0 152px; }

.mfn-dev-ui.mfn-navigator-fixed .mfn-ui .mfn-navigator,
.mfn-dev-ui .mfn-navigator-placeholder .mfn-navigator{ top: 46px !important; height: calc(100vh - 46px);}
.mfn-dev-ui.mfn-navigator-fixed .mfn-navigator .modalbox-content { max-height: calc(100vh - 107px); }
.mfn-dev-ui .mfn-navigator-dragging:before { height: calc(100vh - 46px) }

@media only screen and (max-width: 1440px) {
    .mfn-dev-ui a.mfn-back-to-wp { display: none; }
    .mfn-dev-ui .mfn-topbar .topbar-addons .page-options .pre-built-current { max-width: 160px; }
    .mfn-dev-ui .mfn-topbar .topbar-tools .mfn-builder-preview-type { margin-right: 0; }
}


/* ---------- DARK MODE ---------- */

.mfn-ui-dark nav ul li.menu-items a{background-image:url(../_dark/svg/menu/items.svg)}
.mfn-ui-dark nav ul li.menu-edit-item a{background-image:url(../_dark/svg/menu/items.svg)}
.mfn-ui-dark nav ul li.menu-sections a{background-image:url(../_dark/svg/menu/prebuilt-sections.svg)}
.mfn-ui-dark nav ul li.menu-navigator a{background-image:url(../_dark/svg/menu/navigator.svg)}
.mfn-ui-dark nav ul li.menu-live-css a{background-image:url(../_dark/svg/others/css-live-editor.svg)}
.mfn-ui-dark nav ul li.menu-revisions a{background-image:url(../_dark/svg/menu/revision.svg)}
.mfn-ui-dark nav ul li.menu-yoast a{background-image:url(../_dark/svg/menu/yoast.svg)}
.mfn-ui-dark nav ul li.menu-export a{background-image:url(../_dark/svg/menu/import-export.svg)}
.mfn-ui-dark nav ul li.menu-page a{background-image:url(../_dark/svg/menu/import-page.svg)}
.mfn-ui-dark nav ul li.menu-wordpress > div > a{background-image:url(../_dark/svg/menu/wordpress.svg)}
.mfn-ui-dark nav ul li.menu-viewpage a{background-image:url(../_dark/svg/menu/view-page.svg)}
.mfn-ui-dark nav ul li.menu-preview a{background-image:url(../_dark/svg/menu/preview.svg)}
.mfn-ui-dark nav ul li.menu-settings a{background-image:url(../_dark/svg/menu/settings.svg)}
.mfn-ui-dark nav ul li.menu-options a{background-image:url(../_dark/svg/menu/options.svg)}
.mfn-ui-dark nav ul li.menu-themeoptions a{background-image:url(../_dark/svg/menu/theme-options.svg)}

.mfn-ui-dark .mfn-form .mfn-form-control[type="datetime-local"] { color-scheme: dark; }
.mfn-ui-dark .mfn-form .mfn-form-select{ background-image: url(../_dark/svg/options/arrow-down.svg); }

.mfn-ui-dark .sidebar-panel-content .mfn-widgets-group.mfn-widgets-group-favourites h5.mfn-widgets-group-title:before { background-image: url(../_dark/svg/options/star.svg); }
.mfn-ui-dark .sidebar-panel-content .mfn-widgets-group.mfn-widgets-group-template h5.mfn-widgets-group-title:before { background-image: url(../svg/options/templates-light.svg); }
.mfn-ui-dark .sidebar-panel-content .mfn-widgets-group.mfn-widgets-group-ql h5.mfn-widgets-group-title:before { background-image: url(../svg/options/loop-light.svg); }
.mfn-ui-dark .sidebar-panel-content .mfn-widgets-group .mfn-empty-widgets-group-info .mfn-icon { background-image: url(../_dark/svg/others/right-click.svg); }

.mfn-ui-dark #mfn-sidebar-switcher { background-image: url(../_dark/svg/options/arrow-left.svg); }
.mfn-ui-dark.sidebar_hidden #mfn-sidebar-switcher { background-image: url(../_dark/svg/options/arrow-right.svg); }

.mfn-ui-dark .panel-export-import-single-page .mfn-single-page-icon{ background-image: url(../../../muffin-options/_dark/svg/others/import-page-big.svg);}

.mfn-ui-dark .panel-revision .info { background-image: url(../_dark/svg/options/info.svg); }

.mfn-ui-dark  .mfn-form .mfn-fields-switcher .segmented-options li[data-tooltip="Default"] .img-default { background-image:url(../_dark/svg/others/bgtype-image.svg); }
.mfn-ui-dark  .mfn-form .mfn-fields-switcher .segmented-options li[data-tooltip="Gradient"] .img-gradient { background-image:url(../_dark/svg/others/bgtype-gradient.svg); }
.mfn-ui-dark  .mfn-form .mfn-fields-switcher .segmented-options li[data-tooltip="Video"] .img-video { background-image:url(../_dark/svg/others/bgtype-video.svg); }

.mfn-ui-dark .mfn-navigator ul.navigator-tree li.navigator-section > a:before { background-image: url(../_dark/svg/editor/folder.svg); }
.mfn-ui-dark .mfn-navigator ul.navigator-tree li.navigator-section.active > a:before { background-image: url(../_dark/svg/editor/folder-open.svg); }
.mfn-ui-dark .mfn-navigator ul.navigator-tree li a .navigator-add-item { background-image: url(../_dark/svg/options/add.svg); }

.mfn-ui-dark .mfn-navigator .navigator-search .mfn-form-control { background-image: url(../_dark/svg/options/search.svg); }

.mfn-ui-dark .mfn-btn.loading:after,
.mfn-ui-dark a.mfn-option-btn.loading:after,
.mfn-ui-dark a.mfn-dropdown-item.loading:after,
.mfn-ui-dark .mfn-select-ajax.loading:after,
.mfn-ui-dark .mfn-field-loading.type:after { background-image: url(../_dark/svg/others/loading.svg) !important; }

.mfn-ui-dark .mfn-form .browse-image.multi .mfn-button-delete-all { background-image: url(../_dark/svg/options/delete.svg); }

.mfn-ui-dark .visual-segmented-options ul li.active .img .cls-1 { stroke: #fff; }
.mfn-ui-dark .visual-segmented-options ul li.active .img .cls-2 { fill: #fff; }


.mfn-ui-dark .sidebar-panel .sidebar-panel-footer .btn-save-action { border-color: #297048; }

.mfn-ui-dark .editor-header .mfn-icon-divider { background-image:url(../_dark/svg/editor/divider.svg); }

.mfn-ui-dark .editor-header .mfn-table-creator-btn.focus .mfn-table-creator tr td,
.mfn-ui-dark .editor-header .mfn-table-creator-btn.focus .mfn-table-creator tr th { background-color: rgba(255,255,255,.2); }

.mfn-ui-dark .mfn-form .browse-image.multi .gallery-container li,
.mfn-ui-dark .mfn-form .dynamic_items_wrapper .dynamic_items_preview li { background: url(../_dark/img/transparency.png); }

.mfn-ui-dark .modal-display-conditions .mfn-modalbox .modalbox-content .display-conditions { background-image: url(../../../muffin-options/_dark/svg/others/display-conditions.svg); }


.mfn-ui-dark.mfn-visualbuilder .sidebar-panel-content ul.items-list li.category-single-product a:after,
.mfn-ui-dark.mfn-visualbuilder .sidebar-panel-content ul.items-list li.category-shop-archive a:after,
.mfn-ui-dark.mfn-visualbuilder .sidebar-panel-content ul.items-list li.category-cart a:after,
.mfn-ui-dark.mfn-visualbuilder .sidebar-panel-content ul.items-list li.category-thanks a:after,
.mfn-ui-dark.mfn-visualbuilder .sidebar-panel-content ul.items-list li.category-checkout a:after,
.mfn-ui-dark.mfn-visualbuilder .sidebar-panel-content ul.items-list li.category-order-shared a:after,
.mfn-ui-dark.mfn-visualbuilder .sidebar-panel-content ul.items-list li.category-woocommerce a:after,
.mfn-ui-dark.mfn-visualbuilder .sidebar-panel-content ul.items-list li.mfn-item-product_rating a:after,
.mfn-ui-dark.mfn-visualbuilder .sidebar-panel-content ul.items-list li.mfn-item-shop_products a:after { background-image: url(../_dark/svg/others/woo-logo.svg); }



/* Editor */
.mfn-ui-dark .wp-editor-wrap .wp-editor-container { background: #2e2e2f; border-color: #57565a; }
.mfn-ui-dark .wp-editor-wrap .wp-editor-container .mce-panel { background: #2e2e2f; border-color: #57565a; }
.mfn-ui-dark .wp-editor-wrap .mce-toolbar .mce-btn-group .mce-btn:focus,
.mfn-ui-dark .wp-editor-wrap .mce-toolbar .mce-btn-group .mce-btn:hover,
.mfn-ui-dark .wp-editor-wrap .qt-dfw:focus, .qt-dfw:hover {
    background: #424144;
    border-color: transparent;
    color: #fff;
    box-shadow: unset;
}
.mfn-ui-dark .wp-editor-wrap .mce-toolbar .mce-ico,
.mfn-ui-dark .wp-editor-wrap .mce-menubtn button {
    color: #fff;
}
.mfn-ui-dark .wp-editor-wrap .wp-switch-editor {
    background: #38373a;
    color: #fff;
    border-color: #57565a;
    border-bottom-color: #57565a;
}
.mfn-ui-dark .wp-editor-wrap.html-active .switch-html, .mfn-ui-dark .wp-editor-wrap.tmce-active .switch-tmce {
    background: #2e2e2f;
    color: #fff;
    border-color: #57565a;
    border-bottom-color: #2e2e2f;
}
.mfn-ui-dark .wp-editor-wrap .mce-toolbar .mce-btn-group .mce-btn.mce-listbox {
    background: #151516;
    color: #bdbcc6;
    border: 1px solid #4a484d;
    box-shadow: unset;
}
.mfn-ui-dark .wp-core-ui .button, .mfn-ui-dark .wp-core-ui .button-secondary {
    color: #fff;
    border-color: #38373a;
    background: #38373a;
}
.mfn-ui-dark .wp-core-ui .button-secondary:hover, .mfn-ui-dark .wp-core-ui .button.hover, .mfn-ui-dark .wp-core-ui .button:hover {
    background: #424144;
    border-color: #424144;
}
.mfn-ui-dark .wp-editor-wrap .mce-btn-group .mce-btn.mce-active,
.mfn-ui-dark .wp-editor-wrap .mce-btn-group .mce-btn:active, .qt-dfw.active {
    background: #535255;
    border-color: #535255;
}


/* ===== Scrollbar CSS ===== */
/* Firefox */
.mfn-ui-dark .sidebar-panel .sidebar-panel-content { scrollbar-width: auto; scrollbar-color: #717076 #252426; }
/* Chrome, Edge, and Safari */
.mfn-ui-dark .sidebar-panel .sidebar-panel-content::-webkit-scrollbar { width: 14px; }
.mfn-ui-dark .sidebar-panel .sidebar-panel-content::-webkit-scrollbar-track { background: #252426; }
.mfn-ui-dark .sidebar-panel .sidebar-panel-content::-webkit-scrollbar-thumb { background-color: #717076; border-radius: 10px; border: 3px solid #252426; }




/* ---------- RTL ---------- */

.rtl .mfn-ui h1,
.rtl .mfn-ui h2,
.rtl .mfn-ui h3,
.rtl .mfn-ui h4,
.rtl .mfn-ui h5,
.rtl .mfn-ui h6 { font-family: inherit; }

.rtl .mfn-ui .sidebar-panel .sidebar-panel-header .title-group .sidebar-panel-icon {margin-left:10px;margin-right:0}

.rtl .mfn-ui .mfn-form .has-addons-prepend .mfn-form-control{border-top-left-radius:3px;border-bottom-left-radius:3px;border-top-right-radius:0;border-bottom-right-radius:0}
.rtl .mfn-ui .mfn-form .has-addons-append .mfn-form-control{border-top-left-radius:0;border-bottom-left-radius:0;border-top-right-radius:3px;border-bottom-right-radius:3px}
.rtl .mfn-ui .mfn-form .form-addon-append span.label{border-radius:3px 0 0 3px;border-width:1px 0 1px 1px}
.rtl .mfn-ui .mfn-form .form-addon-prepend span.label{border-radius:0 3px 3px 0;border-width:1px 1px 1px 0}
.rtl .mfn-ui .mfn-form .checkboxes ul li{padding:7px 43px 7px 15px}
.rtl .mfn-ui .mfn-form .checkboxes ul li:before{left:auto;right:13px}
.rtl .mfn-ui .mfn-form .checkboxes ul li:after{left:auto;right:11px}
.rtl .mfn-ui .mfn-form .range-slider .mfn-form-control{margin-left:20px;margin-right:0}
.rtl .mfn-ui .mfn-form .range-slider .ui-slider{margin-left:10px;margin-right:0}
.rtl .mfn-ui .mfn-form .segmented-options ul li:first-child a{border-radius:0 3px 3px 0}
.rtl .mfn-ui .mfn-form .segmented-options ul li:last-child a{border-radius:3px 0 0 3px}
.rtl .mfn-ui .mfn-form .segmented-options ul li:not(:first-child) a{border-right:0;border-left:1px solid var(--mfn-ui-segmented-options-border);}
.rtl .mfn-ui .mfn-form .sidebar-add .added-sidebars ul li{padding:7px 15px 7px 50px}
.rtl .mfn-ui .mfn-form .sidebar-add .added-sidebars ul li a.mfn-option-btn{right:auto;left:7px}
.rtl .mfn-ui .mfn-form .mfn-form-number{padding-left:10px;padding-right:15px}
.rtl .mfn-ui .mfn-form .has-icon-left a.mfn-option-btn{right:9px;left:auto}
.rtl .mfn-ui .mfn-form .has-icon-right a.mfn-option-btn{left:9px;right:auto}
.rtl .mfn-ui .mfn-form .mfn-form-select{padding-right:15px;padding-left:30px;background-position: left 5px top 55%;}
.rtl .mfn-ui .mfn-form .mfn-form-input[type="number"] { padding-right: 15px; padding-left: 10px; text-align: right; }
.rtl .mfn-ui .mfn-form .typography .form-addon-append { margin-right: 0; margin-left: 10px; }
.rtl .mfn-ui .mfn-form .typography .form-control-font { margin-right: 0; margin-left: 10px; }
.rtl .mfn-ui .mfn-form .typography .form-control:after { left: auto; right: 0; }

.rtl .mfn-ui .mfn-form .mfn-pills-field .mfn-pills-input { text-align: right; }
.rtl .mfn-ui .mfn-form .mfn-pills-field span { padding: 1px 1px 1px 7px; }

.rtl .CodeMirror { text-align: right; }

.rtl .mfn-ui .mfn-modalbox .modalbox-title-group .modalbox-icon{margin-left:10px;margin-right:0}
.rtl .mfn-ui .mfn-modalbox .modalbox-header .btn-modal-close{left:20px;right:auto}
.rtl .mfn-ui .mfn-modalbox .options-group:last-child{margin-right:10px;margin-left:0}
.rtl .mfn-ui .mfn-modalbox .options-group:first-child{margin-left:10px;margin-right:0}
.rtl .mfn-ui .modal-select-icon .modalbox-search{margin-left:initial!important;margin-right:auto!important}
.rtl .mfn-ui .modal-select-icon .modalbox-search .form-control:first-child{margin-left:10px;margin-right:0}

.rtl .mfn-ui .mfn-btn.btn-icon-left .mfn-icon { margin-right: 0; margin-left: 10px; }
.rtl .mfn-ui .mfn-btn.btn-icon-right .mfn-icon { margin-left: 0; margin-right: 10px; }

.rtl .mfn-visualbuilder .sidebar-panel .sidebar-panel-footer .btn-change-resolution .dropdown-wrapper { left: auto; right: 0; }
.rtl .mfn-visualbuilder .sidebar-panel .sidebar-panel-footer .btn-change-resolution .dropdown-wrapper a.mfn-dropdown-item .res { left: 8px; right: auto; }
.rtl .mfn-visualbuilder .sidebar-panel .sidebar-panel-footer > .btn-save-changes { margin: 0 5px 0 0; border-radius: 0 3px 3px 0; }
.rtl .mfn-visualbuilder .sidebar-panel .sidebar-panel-footer .btn-save-action{ margin-right: 0; border-left: 0; border-right: 1px solid #54a678; border-radius: 3px 0 0 3px; }
.rtl .mfn-visualbuilder .sidebar-panel .sidebar-panel-footer .btn-save-option { border-radius: 3px 0 0 3px; }
.rtl .mfn-ui .mfn-option-dropdown .dropdown-wrapper .mfn-icon { margin-left: 5px; margin-right: 0; }

.rtl .mfn-ui .mfn-form .settings .mfn-icon { margin-left: 20px; margin-right: 0; }

.rtl .mfn-ui a.mfn-option-btn,
.rtl .mfn-ui .mfn-option-dropdown { margin-right: 2px; margin-left: 0; }
.rtl .mfn-ui .mfn-option-dropdown .dropdown-wrapper { right: auto; left: 0; }
.rtl .mfn-ui .editor-header .mfn-option-dropdown .dropdown-wrapper { right: 0; }
.rtl .mfn-ui .mfn-option-dropdown .dropdown-wrapper .mfn-icon { margin-right: 0; margin-left: 5px; }

.rtl .mfn-visualbuilder .sidebar-panel-content ul.revisions-list {margin: 0 20px 0 2%; }
.rtl .mfn-visualbuilder .sidebar-panel-content ul.revisions-list li { border-left: 0; border-right: 2px dotted var(--mfn-ui-border-1); padding: 8px 36px 8px 0; }
.rtl .mfn-visualbuilder .sidebar-panel-content ul.revisions-list li .revision-icon { left: auto; right: -18px; margin-left: 10px; margin-right: 0; }
.rtl .mfn-visualbuilder .sidebar-panel-content ul.revisions-list li a.mfn-btn-restore { right: auto; left: 11px; }
.rtl .mfn-visualbuilder .sidebar-panel-content ul.prebuilt-sections-list li .desc .mfn-btn-insert { margin-right: auto; margin-left: 0; }

.rtl .mfn-ui .mfn-form .tabs .tab .tab-header .mfn-tab-clone { margin-left: 0; margin-right: auto; }

.rtl .mfn-ui .mfn-form .row-header.toggled_header h5:before { right: auto; left: 15px; }

.rtl .mfn-ui .mfn-form .responsive-switcher { margin: 0 10px 0 0; }

.rtl .mfn-ui .mfn-form .form-label-wrapper .mfn-fr-help-icon { margin-left: unset; margin-right: auto; }

.rtl .mfn-ui .mfn-form .mfn-form-row.toggle_fields > label .mfn-vb-label-button { right: auto; left: 0; }
.rtl .mfn-ui .mfn-form .mfn-slider-unit { right: auto; left: 0; }

.rtl .mfn-visualbuilder .mfn-topbar .topbar-tools > .btn-save-changes { margin-left: 0; margin-right: 10px; }
.rtl .mfn-visualbuilder .mfn-topbar .topbar-tools > .btn-save-action { margin-right: 0; margin-left: 0; border-right: 1px solid #54a678; border-left: unset; }

.rtl .mfn-visualbuilder .mfn-topbar .topbar-nav { padding-right: 20px; padding-left: 0; }
.rtl.mfn-dev-ui .mfn-visualbuilder .mfnb-logo { margin-right: 0px; margin-left: 20px; }


.mfn-to-disabled-with-header-tmpl .vb-themeoptions .vb-to .vb-to-header ul.vb-to-ul li.vb-to-subli-header,
.mfn-to-disabled-with-header-tmpl .vb-themeoptions .vb-to .vb-to-header ul.vb-to-ul li.vb-to-subli-colors-header,
.mfn-to-disabled-with-header-tmpl .vb-themeoptions .vb-to .vb-to-header ul.vb-to-ul li.vb-to-subli-responsive-header,
.mfn-to-disabled-with-header-tmpl .vb-themeoptions .vb-to .vb-to-header ul.vb-to-ul li.vb-to-subli-extras,
.mfn-to-disabled-with-header-tmpl .vb-themeoptions .vb-to.vb-to-mab
{opacity: 0.3; pointer-events: none;}

.mfn-to-disabled-with-footer-tmpl .vb-themeoptions .vb-to.vb-to-footer{opacity: 0.3; pointer-events: none;}



/* Responsive switcher */
.mfn-ui .mfn-form .responsive-switcher{margin: 0 0 0 10px; padding: 0; display: inline-flex; position: relative; top: -1px;}
.mfn-ui .mfn-form .responsive-switcher li{cursor:pointer;margin-left: -1px;}
.mfn-ui .mfn-form .responsive-switcher li span { width: 18px; height: 18px; display: block; border-radius: 3px; opacity: 0.3 }
.mfn-ui .mfn-form .responsive-switcher li:hover span { opacity: .6; }
.mfn-ui .mfn-form .responsive-switcher li.active span{ opacity: 1;}

/* Reset background */
.mfn-ui .mfn-form .form-content a.reset-bg { position: absolute; right: 0px; top: -28px; }
.mfn-ui .mfn-form .form-content a.reset-bg .mfn-icon { opacity: 0.3; }
.mfn-ui .mfn-form .form-content a:hover.reset-bg .mfn-icon { opacity: 0.6; }
.mfn-ui .mfn-form .form-content a.reset-bg.active .mfn-icon { opacity: 1; }

.mfn-ui .mfn-form .mfn_field_desktop .form-content a.reset-bg { display: none; }

/* Slider unit */
.mfn-ui .mfn-form .mfn-slider-unit {display: inline-flex; position: absolute; right: 0; top: -24px;}
.mfn-ui .mfn-form .mfn-slider-unit li{cursor:pointer;margin: 0 1px;}
.mfn-ui .mfn-form .mfn-slider-unit li a { display: block; border-radius: 3px; text-decoration: none; line-height: 1; border: 1px solid var(--mfn-ui-range-slider-unit); padding: 1px 3px 2px; font-size: 10px; color:  var(--mfn-ui-range-slider-unit); opacity: .3; }
.mfn-ui .mfn-form .mfn-slider-unit li:hover a { opacity: .7; }
.mfn-ui .mfn-form .mfn-slider-unit li.active a { opacity: 1;}

/* Tabber  */
.mfn-ui .mfn-form .sidebar-panel-content-tabs { display: flex; padding: 0 20px; box-sizing: border-box; list-style-type: none; border-bottom: 1px solid var(--mfn-ui-border-1); background: var(--mfn-ui-sidebar-background); position: absolute; left: 0; top: 50px; z-index: 11; width: 100%; }
.mfn-ui .mfn-form .sidebar-panel-content-tabs li { text-align: center; flex: 0 0 33.333%; max-width: 33.333%; padding: 15px 0; position: relative; cursor: pointer; }
.mfn-ui .mfn-form .sidebar-panel-content-tabs li.active { color: var(--mfn-ui-highlight); }
.mfn-ui .mfn-form .sidebar-panel-content-tabs li.active:after { content: ""; display: block; position: absolute; left: 0; bottom: -1px; height: 2px; width: 100%; background: var(--mfn-ui-highlight); }




.panel-view-themeoptions .mfn-form-row.deprecated.themeoption{ pointer-events: none; opacity: 0.3; }

/*.mfn-ui .mfn-form .mfn-form-row.conditionally-show{ display: block; }*/

.mfn-ui:not(.woocommerce-active) .mfn-form .mfn-form-row.query_post_type_product_order{display: none !important;}

body:not(.mfn-be-header-builder) .mfn-ui .mfn-form .visible-header-builder{ display: none !important; }




.mfn-ui .mfn-form-row.mfn-toggled, .mfn-ui .mfn-form .mfn-form-row.conditionally-hide{ display: none; }

.mfn-ui.mfn-vb-template.mfn-vb-tmpl-header .hidden-header-builder{ display: none !important; }

.mfn-ui.mfn-vb-template.mfn-vb-tmpl-popup .mfn-form-row.wrap.sticky, .mfn-ui.mfn-vb-template.mfn-vb-tmpl-popup .mfn-form-row.wrap.tablet_sticky, .mfn-ui.mfn-vb-template.mfn-vb-tmpl-popup .mfn-form-row.wrap.mobile_sticky{display: none;}

.mfn-ui .mfn-form .mfn-form-hidden-input{margin: 0; }

.mfn-ui .mfn-form .modalbox-card{display: none; }

.mfn-ui.modalbox-card-active-content .mfn-form .modalbox-card-content{ display: block; }
.mfn-ui.modalbox-card-active-style .mfn-form .modalbox-card-style{ display: block; }
.mfn-ui.modalbox-card-active-advanced .mfn-form .modalbox-card-advanced{ display: block; }

.mfn-ui .mfn-form .toggled_header.row-header{
  cursor: pointer;
}
.mfn-ui .mfn-form .row-header.toggled_header h5 { position: relative; }
.mfn-ui .mfn-form .row-header.toggled_header h5:before{ color: var(--mfn-ui-heading-arrow); cursor: pointer; display: flex; align-items: center; justify-content: center; width: 30px; height: 30px; position: absolute; right: 15px; top: 8px; transition: all 0.3s ease-in-out; content: '\e868'; font-family: "mfn-icons"; }
.mfn-ui .mfn-form .row-header.toggled_header h5:after {  font-size: 10px; line-height: 1; padding: 4px 5px; border: 1px solid var(--mfn-ui-style-label-border); color: var(--mfn-ui-style-label-color); border-radius: 3px; position: absolute; right: 50px; top: 50%; transform: translateY(-50%); }
.mfn-ui .mfn-form .row-header.theme-simple-style h5:after { content: "Style simple"; }
.mfn-ui .mfn-form .row-header.theme-classic-style h5:after { content: "Style classic"; }

.mfn-ui .mfn-form .row-header.mfn-header-has-pill h5:after { content: attr(data-pill); font-size: 10px; line-height: 1; padding: 4px 5px; border: 1px solid var(--mfn-ui-style-label-border); color: var(--mfn-ui-style-label-color); border-radius: 3px; position: absolute; right: 50px; top: 50%; transform: translateY(-50%); }

/*.mfn-ui .mfn-form .row-header.toggled_header.mfn-toggle-expanded h5:before{ transform: rotate(180deg); color: var(--mfn-ui-heading-arrow-active); }*/
/*.mfn-ui .mfn-form .toggled_header.mfn-toggle-expanded h5:before{ transform: rotate(180deg); color: var(--mfn-ui-heading-arrow-active); }*/
.mfn-ui .mfn-form .mfn-form-row.toggle_fields > label{ position: relative; margin-bottom: 15px; }
.mfn-ui .mfn-form .mfn-form-row.toggle_fields > label .mfn-vb-label-button { position: absolute; right: 0; top: 50%; transform: translateY(-50%); }
.mfn-ui .mfn-form .mfn-form-row.toggle_fields > label .responsive-switcher ~ .mfn-vb-label-button { z-index: 10; }
.mfn-ui .mfn-form .mfn-form-row.toggle_fields > label .reset-big-field { position: absolute; right: 32px; top: 50%; transform: translateY(-50%); }
/*.mfn-ui .mfn-form .mfn-form-row.mfn-fields-active > label .mfn-vb-label-button {background-color: #72a5d8;}
.mfn-ui .mfn-form .mfn-form-row.mfn-fields-active > label .mfn-vb-label-button .mfn-icon-edit { background-image: url(../svg/options/edit-light.svg); }*/

.mfn-ui .mfn-form .mfn-form-row.toggle_fields { position: relative; }
.mfn-ui .mfn-form .mfn-form-row.toggle_fields .mfn-toggle-fields-wrapper{display: none; position: absolute; right: 0; top: 40px; z-index: 250px; z-index: 11; background-color: var(--mfn-ui-typography-bg); padding: 15px; min-width: 305px; box-sizing: border-box; border-radius: 4px; box-shadow: 0px 0px 13px var(--mfn-ui-typography-shadow); }
.mfn-ui .mfn-form .mfn-form-row.toggle_fields .mfn-toggle-fields-wrapper:after { content: ""; display: block; position: absolute; right: 10px; bottom: 100%; border: solid transparent; height: 0; width: 0; position: absolute; pointer-events: none; border-color: transparent; border-bottom-color: var(--mfn-ui-typography-bg); border-width: 7px; }
/*.mfn-ui .mfn-form .mfn-form-row.mfn-fields-active .mfn-toggle-fields-wrapper{display: block;}*/
.mfn-ui .mfn-form .typography .mfn-toggle-fields-wrapper .form-control { padding-bottom: 0; }

/* CSS Filters */
.mfn-ui .mfn-form .filter { float: none; margin-top: 10px; }
.mfn-ui .mfn-form .blur .ui-slider { background-image: url(../img/blur.png); background-repeat: no-repeat; background-size: auto 12px; }
.mfn-ui .mfn-form .brightness .ui-slider { background: rgb(0,0,0); background: linear-gradient(90deg, rgba(0,0,0,1) 1%, rgba(255,255,255,1) 100%);  }
.mfn-ui .mfn-form .contrast .ui-slider { background-image: url(../img/contrast.png); background-repeat: no-repeat; background-size: auto 12px; }
.mfn-ui .mfn-form .saturate .ui-slider { background: rgb(157,145,145); background: linear-gradient(90deg, rgba(157,145,145,1) 1%, rgba(237,42,8,1) 100%); }
.mfn-ui .mfn-form .hue-rotate .ui-slider { background: linear-gradient(90deg, #ff0000 0%, #ffff00 17%, #00ff00 33%, #00ffff 50%, #0000ff 67%, #ff00ff 83%, #ff0000 100%); }
.mfn-ui .mfn-form .grayscale .ui-slider { background: #7D7D7D; background: linear-gradient(90deg, #25517C 1%, #7D7D7D 100%); }
.mfn-ui .mfn-form .opacity .ui-slider { background: rgb(122,122,122); background: linear-gradient(90deg, rgba(122,122,122,1) 1%, rgba(255,255,255,0) 100%); }
.mfn-ui .mfn-form .sepia .ui-slider { background: #FFF7DB; background: linear-gradient(90deg, #FFF7DB 1%, #633300 100%); }
.mfn-ui .mfn-form .invert .ui-slider { background: #550E0C; background: linear-gradient(90deg, #550E0C 1%, #AAF1F3 100%); }


/* .mfn-ui .mfn-form .form-label-wrapper{
  display: flex;
  flex-grow: 1;
  align-items: center;
} */
/* .mfn-ui .mfn-form .form-label-wrapper [data-tooltip] { top: -2px; } */
.mfn-ui .mfn-form .form-label-wrapper .mfn-fr-help-icon { margin-left: auto; }
.mfn-ui .mfn-form .form-label-wrapper .mfn-fr-help-icon[data-tooltip]:not([data-position="left"]):before{ transform: translate(22px, 0); left: auto; right: 50%; z-index: 10; }
.mfn-ui .mfn-form .form-label-wrapper .mfn-fr-help-icon[data-tooltip]:not([data-position="left"]):hover:before{ transform: translate(22px, -10px); }
.mfn-ui .mfn-form .modalbox-card-content .form-label-wrapper .mfn-fr-help-icon[data-tooltip] { z-index: 11; }
.mfn-ui .mfn-form .form-label-wrapper .mfn-reset-val-icon { margin-left: auto; }
.mfn-ui .mfn-form .form-label-wrapper .mfn-option-btn ~ .mfn-reset-val-icon { margin-left: 2px; }
.mfn-ui .mfn-form .desc-group{ display: none; margin-bottom: 15px; }

.mfn-ui .mfn-form .mfn-disable-reset-value .form-label-wrapper .mfn-reset-val-icon{ display:none; }

.mfn-ui .mfn-form .mfn-form-row.backdrop-filter .form-label-wrapper .mfn-fr-help-icon{ margin-left: 0; }

.mfn-ui .mfn-form .form-control.conditionally-hide{display: none;}

.sidebar-wrapper.mfn-vb-sidebar-overlay:after{content: ""; position: absolute; top: 0; left: 100%; display: block; width: 100vw; height: 100vh; }

.mfn-element-fields-wrapper[data-item="column"] .mfn-form-row.title{display: none;}

.mfn-element-fields-wrapper[data-item="divider"] .spct-li-style,
.mfn-element-fields-wrapper[data-item="code"] .spct-li-style,
/*.mfn-element-fields-wrapper[data-item="column"] .spct-li-style,*/
.mfn-element-fields-wrapper[data-item="content"] .spct-li-style,
.mfn-element-fields-wrapper[data-item="fancy_divider"] .spct-li-style,
.mfn-element-fields-wrapper[data-item="hover_box"] .spct-li-style,
.mfn-element-fields-wrapper[data-item="livesearch"] .spct-li-style,
.mfn-element-fields-wrapper[data-item="map_basic"] .spct-li-style,
.mfn-element-fields-wrapper[data-item="sidebar_widget"] .spct-li-style,
.mfn-element-fields-wrapper[data-item="slider_plugin"] .spct-li-style,
.mfn-element-fields-wrapper[data-item="video"] .spct-li-style,
.mfn-element-fields-wrapper[data-item="visual"] .spct-li-style,
.mfn-element-fields-wrapper[data-item="product_content"] .spct-li-style {display:none}

.ui-draggable-dragging:before,
.ui-resizable-resizing:before { content: ""; position: fixed; top: 0; left: 0; display: block; width: 100vw; height: 100vh; }
.mfn-ui .ui-resizable-s { cursor: ns-resize; }
.mfn-ui .ui-resizable-e { cursor: ew-resize; }
.mfn-ui .ui-resizable-se { cursor: nwse-resize; }



/* --------------------------------------------------------------------------------------------------------------- */
/* --------------------------------------------- Header builder -------------------------------------------------- */
/* --------------------------------------------------------------------------------------------------------------- */

.mfn-be-header-builder .mfn-editing-section .panel-edit-item .mfn-element-fields-wrapper .modalbox-card-advanced .height_switcher select option[value="full-screen"]{display: none;}

.mfn-be-header-builder .sidebar-menu nav ul li.menu-page { display: none; }
.mfn-be-header-builder .mfn-editing-element .width_switcher select option[value="default"] { display: none; }

body.mfn-be-header-builder.mfn-template-builder .panel-edit-item .global_sections,
body.mfn-be-header-builder.mfn-template-builder .panel-edit-item .global_wraps{display: none !important;}

/* --------------------------------------------------------------------------------------------------------------- */
/* --------------------------------------------- Theme  Options -------------------------------------------------- */
/* --------------------------------------------------------------------------------------------------------------- */

.vb-themeoptions{ display: block; width: 100%; position: relative; }
.vb-themeoptions .vb-to-content{display: none;}
.vb-themeoptions .vb-to-header ul.vb-to-ul{display: block; padding: 0; margin: 0; list-style-type: none;}
.vb-themeoptions .vb-to-header ul.vb-to-ul li ul{padding-left: 35px; display: none;}
.vb-themeoptions .vb-to-header ul.vb-to-ul li a{display: flex; align-items: center; position: relative; text-decoration: none; font-weight: 500; color: var(--mfn-ui-heading); padding: 5px; transition: 0.3s; border-radius: 5px;}
.vb-themeoptions .vb-to-header ul.vb-to-ul li a:hover, .vb-themeoptions.vb-to-form-view .vb-to.active .vb-to-header ul.vb-to-ul li a{ background-color: var(--mfn-ui-item-bg); }
.vb-themeoptions .vb-to.active .vb-to-header ul.vb-to-ul li ul{display: block;}

.vb-themeoptions.vb-to-form-view .vb-to{display: none;}
.vb-themeoptions.vb-to-form-view .vb-to.active{display: block;}
.vb-themeoptions.vb-to-form-view .vb-to.active ul.vb-to-ul li a{display: none;}
.vb-themeoptions.vb-to-form-view .vb-to.active ul.vb-to-ul li.vb-to-li-active a{display: flex;}
.vb-themeoptions.vb-to-form-view .vb-to.active .vb-to-header ul.vb-to-ul li ul li .mfn-icon{display: block;}
.vb-themeoptions.vb-to-form-view .vb-to.active .vb-to-header{margin-bottom: 20px;}

.vb-themeoptions .vb-to-content .responsive-switcher li[data-device="laptop"]{ display: none; }

.mfn-ui:not(.preview-mobile) .vb-themeoptions .vb-to-content .mfn-form-row.mfn_field_rwd_mobile{ display: none; }
.mfn-ui:not(.preview-tablet) .vb-themeoptions .vb-to-content .mfn-form-row.mfn_field_rwd_tablet{ display: none; }
.preview-tablet .vb-themeoptions .vb-to-content .mfn-form-row.mfn_field_rwd_desktop, .preview-mobile .vb-themeoptions .vb-to-content .mfn-form-row.mfn_field_rwd_desktop{ display: none; }

.vb-themeoptions .vb-to-content.vb-to-active{display: block;}

.vb-themeoptions.vb-to-form-view .vb-to.active .vb-to-header ul.vb-to-ul li ul{padding-left: 0;}

.mfn-ui .vb-themeoptions .typography .form-control-font { width: 170px; }

.vb-themeoptions .vb-to-header ul.vb-to-ul li a .mfn-icon { display: block; width: 36px; height: 36px; margin-right: 3px; background-repeat:no-repeat;background-position:center;background-size:28px }
.vb-themeoptions .vb-to-header ul.vb-to-ul li ul li:not(.vb-to-li-active) a { padding-left: 30px; }
.vb-themeoptions .vb-to-header ul.vb-to-ul li ul li:not(.vb-to-li-active) a .mfn-icon { width: 10px; height: 1px; background: #304050; position: absolute; left: 10px; top: 50%; }
.mfn-ui-dark .vb-themeoptions .vb-to-header ul.vb-to-ul li ul li:not(.vb-to-li-active) a .mfn-icon { background: #fff; }

.theme-options-tabs .vb-to-global .vb-to-header .mfn-icon {background-image:url(../../../muffin-options/svg/menu/options/global.svg); }
.theme-options-tabs .vb-to-header-subheader .vb-to-header .mfn-icon {background-image:url(../../../muffin-options/svg/menu/options/header.svg); }
.theme-options-tabs .vb-to-mab .vb-to-header .mfn-icon {background-image:url(../../../muffin-options/svg/menu/options/menu.svg); }
.theme-options-tabs .vb-to-sidebars .vb-to-header .mfn-icon {background-image:url(../../../muffin-options/svg/menu/options/sidebars.svg); }
.theme-options-tabs .vb-to-bps .vb-to-header .mfn-icon {background-image:url(../../../muffin-options/svg/menu/options/blog.svg); }
.theme-options-tabs .vb-to-shop .vb-to-header .mfn-icon {background-image:url(../../../muffin-options/svg/menu/options/shop.svg); }
.theme-options-tabs .vb-to-pages .vb-to-header .mfn-icon {background-image:url(../../../muffin-options/svg/menu/options/pages.svg); }
.theme-options-tabs .vb-to-footer .vb-to-header .mfn-icon {background-image:url(../../../muffin-options/svg/menu/options/footer.svg); }
.theme-options-tabs .vb-to-search .vb-to-header .mfn-icon {background-image:url(../../../muffin-options/svg/menu/options/search.svg); }
.theme-options-tabs .vb-to-responsive .vb-to-header .mfn-icon {background-image:url(../../../muffin-options/svg/menu/options/responsive.svg); }
.theme-options-tabs .vb-to-seo .vb-to-header .mfn-icon {background-image:url(../../../muffin-options/svg/menu/options/seo.svg); }
.theme-options-tabs .vb-to-social .vb-to-header .mfn-icon {background-image:url(../../../muffin-options/svg/menu/options/social.svg); }
.theme-options-tabs .vb-to-addons-plugins .vb-to-header .mfn-icon {background-image:url(../../../muffin-options/svg/menu/options/addons.svg); }
.theme-options-tabs .vb-to-colors .vb-to-header .mfn-icon {background-image:url(../../../muffin-options/svg/menu/options/colors.svg); }
.theme-options-tabs .vb-to-font .vb-to-header .mfn-icon {background-image:url(../../../muffin-options/svg/menu/options/fonts.svg); }
.theme-options-tabs .vb-to-translate .vb-to-header .mfn-icon {background-image:url(../../../muffin-options/svg/menu/options/translate.svg); }
.theme-options-tabs .vb-to-custom .vb-to-header .mfn-icon {background-image:url(../../../muffin-options/svg/menu/options/custom.svg); }
.theme-options-tabs .vb-to-gdpr .vb-to-header .mfn-icon {background-image:url(../../../muffin-options/svg/menu/options/gdpr.svg); }
.theme-options-tabs .vb-to-gdpr2 .vb-to-header .mfn-icon {background-image:url(../../../muffin-options/svg/menu/options/gdpr2.svg); }
.theme-options-tabs .vb-to-performance .vb-to-header .mfn-icon {background-image:url(../../../muffin-options/svg/menu/options/performance.svg); }
.theme-options-tabs .vb-to-accessibility .vb-to-header .mfn-icon {background-image:url(../../../muffin-options/svg/menu/options/accessibility.svg); }
.theme-options-tabs .vb-to-backup .vb-to-header .mfn-icon {background-image:url(../../../muffin-options/svg/menu/options/backup.svg); }

.mfn-ui-dark .theme-options-tabs .vb-to-global .vb-to-header .mfn-icon {background-image:url(../../../muffin-options/_dark/svg/menu/options/global.svg); }
.mfn-ui-dark .theme-options-tabs .vb-to-header-subheader .vb-to-header .mfn-icon {background-image:url(../../../muffin-options/_dark/svg/menu/options/header.svg); }
.mfn-ui-dark .theme-options-tabs .vb-to-mab .vb-to-header .mfn-icon {background-image:url(../../../muffin-options/_dark/svg/menu/options/menu.svg); }
.mfn-ui-dark .theme-options-tabs .vb-to-sidebars .vb-to-header .mfn-icon {background-image:url(../../../muffin-options/_dark/svg/menu/options/sidebars.svg); }
.mfn-ui-dark .theme-options-tabs .vb-to-bps .vb-to-header .mfn-icon {background-image:url(../../../muffin-options/_dark/svg/menu/options/blog.svg); }
.mfn-ui-dark .theme-options-tabs .vb-to-shop .vb-to-header .mfn-icon {background-image:url(../../../muffin-options/_dark/svg/menu/options/shop.svg); }
.mfn-ui-dark .theme-options-tabs .vb-to-pages .vb-to-header .mfn-icon {background-image:url(../../../muffin-options/_dark/svg/menu/options/pages.svg); }
.mfn-ui-dark .theme-options-tabs .vb-to-footer .vb-to-header .mfn-icon {background-image:url(../../../muffin-options/_dark/svg/menu/options/footer.svg); }
.mfn-ui-dark .theme-options-tabs .vb-to-search .vb-to-header .mfn-icon {background-image:url(../../../muffin-options/_dark/svg/menu/options/search.svg); }
.mfn-ui-dark .theme-options-tabs .vb-to-responsive .vb-to-header .mfn-icon {background-image:url(../../../muffin-options/_dark/svg/menu/options/responsive.svg); }
.mfn-ui-dark .theme-options-tabs .vb-to-seo .vb-to-header .mfn-icon {background-image:url(../../../muffin-options/_dark/svg/menu/options/seo.svg); }
.mfn-ui-dark .theme-options-tabs .vb-to-social .vb-to-header .mfn-icon {background-image:url(../../../muffin-options/_dark/svg/menu/options/social.svg); }
.mfn-ui-dark .theme-options-tabs .vb-to-addons-plugins .vb-to-header .mfn-icon {background-image:url(../../../muffin-options/_dark/svg/menu/options/addons.svg); }
.mfn-ui-dark .theme-options-tabs .vb-to-colors .vb-to-header .mfn-icon {background-image:url(../../../muffin-options/_dark/svg/menu/options/colors.svg); }
.mfn-ui-dark .theme-options-tabs .vb-to-font .vb-to-header .mfn-icon {background-image:url(../../../muffin-options/_dark/svg/menu/options/fonts.svg); }
.mfn-ui-dark .theme-options-tabs .vb-to-translate .vb-to-header .mfn-icon {background-image:url(../../../muffin-options/_dark/svg/menu/options/translate.svg); }
.mfn-ui-dark .theme-options-tabs .vb-to-custom .vb-to-header .mfn-icon {background-image:url(../../../muffin-options/_dark/svg/menu/options/custom.svg); }
.mfn-ui-dark .theme-options-tabs .vb-to-gdpr .vb-to-header .mfn-icon {background-image:url(../../../muffin-options/_dark/svg/menu/options/gdpr.svg); }
.mfn-ui-dark .theme-options-tabs .vb-to-gdpr2 .vb-to-header .mfn-icon {background-image:url(../../../muffin-options/_dark/svg/menu/options/gdpr2.svg); }
.mfn-ui-dark .theme-options-tabs .vb-to-performance .vb-to-header .mfn-icon {background-image:url(../../../muffin-options/_dark/svg/menu/options/performance.svg); }
.mfn-ui-dark .theme-options-tabs .vb-to-accessibility .vb-to-header .mfn-icon {background-image:url(../../../muffin-options/_dark/svg/menu/options/accessibility.svg); }
.mfn-ui-dark .theme-options-tabs .vb-to-backup .vb-to-header .mfn-icon {background-image:url(../../../muffin-options/_dark/svg/menu/options/backup.svg); }


.mfn-ui .panel-view-themeoptions .mfn-form .mfn-form-row.themeoption.button-preview{ display: none; }
/*.mfn-ui.mfn-editing-nested-wrap .mfn-form .mfn-form-row.mfn-hidden-nested-wrap{ opacity: 0.3; pointer-events: none; }*/
/*.mfn-ui.mfn-editing-nested-wrap .mfn-form-row.mfn-hidden-nested-wrap{ display: none; }*/

[class*="mfn-vb-tmpl-archive-"] .hidden-archive-template-builder{ opacity: 0.3; pointer-events: none; }

.mfn-editing-spacer .panel-edit-item .spct-li-style, .mfn-editing-spacer .panel-edit-item .spct-li-advanced{ display: none; }
.mfn-editing-spacer .panel-edit-item .sidebar-panel-content-tabs li{ max-width: 100%; flex-grow:1; }
/**
 * Dynamic data
 * */

.mfn-ui.mfn-editing-section .mfn-form .sidebar-panel-content-tabs li.spct-li-style, .mfn-ui.mfn-editing-wrap .mfn-form .sidebar-panel-content-tabs li.spct-li-style{display: none;}
.mfn-ui.mfn-editing-section .mfn-form .mfn-section-is-tabber .sidebar-panel-content-tabs li.spct-li-style, .mfn-ui.mfn-editing-section .mfn-form .mfn-is-query-looped .sidebar-panel-content-tabs li.spct-li-style, .mfn-ui.mfn-editing-wrap .mfn-form .mfn-is-query-looped .sidebar-panel-content-tabs li.spct-li-style{display: list-item;}
.mfn-ui .mfn-form .is_dynamic_data .has-icon-right a.mfn-option-btn.mfn-button-delete{ right: 35px; }
.modal-dynamic-data h5{ margin-bottom: 20px; }
.modal-dynamic-data .modalbox-content ul{ display: flex; align-items: flex-start; flex-wrap: wrap; list-style-type: none; padding: 0; margin: 0 0 10px -10px}
.modal-dynamic-data .modalbox-content ul li{ width: calc(25% - 10px); margin-bottom: 10px; margin-left: 10px; position: relative; }
.modal-dynamic-data .modalbox-content ul li.mfn-dd-li-hidden, .modal-dynamic-data .modalbox-content ul li.mfn-dd-for-products{display: none;}
.modal-dynamic-data .modalbox-content ul li a{ display: flex; line-height: 1.3em; flex-wrap: wrap; text-decoration: none; padding: 10px 10px 10px 50px; border-radius: 5px; color: var(--mfn-ui-text-color); background-color: var(--mfn-ui-modal-icon-bg); }
.modal-dynamic-data .modalbox-content ul li a > span{width: 100%; order: 2;}
.modal-dynamic-data .modalbox-content ul li a span.mfn-dd-label{color: var(--mfn-ui-heading); text-transform: capitalize;}
.modal-dynamic-data .modalbox-content ul li a span.mfn-dd-code{font-size: 0.7em; order: 1;}
.modal-dynamic-data .modalbox-content ul li span.mfn-dd-copy{ cursor: pointer; text-align: center; display: block; width: 30px; height: 30px; line-height: 30px; margin-right: 10px; border-radius: 50px; position: absolute; top: 50%; left: 10px; transform: translateY(-50%); background-color: var(--mfn-ui-modal-bg); color: var(--mfn-ui-text-color);}
.modal-dynamic-data .modalbox-content ul li a:hover{ background-color: var(--mfn-ui-segmented-options-bg-active); color: var(--mfn-ui-segmented-options-color-active); }
.modal-dynamic-data .modalbox-content ul li span.mfn-dd-copy:hover{background-color: var(--mfn-ui-text-color); color: var(--mfn-ui-modal-bg);}

.modal-dynamic-data.mfn-dd-featured_image:not(.mfn-dd-element-image) .modalbox-content ul li.mfn-dd-li-featured-image-badge{display: none;}

.modal-dynamic-data .modalbox-content .mfn-dd-type-wrapper.dd-type-hidden{display: none;}

/* excludes */
.modal-dynamic-data .modalbox-content ul li.mfn-dd-hide-title{display: none;}
.modal-dynamic-data .modalbox-content ul li.mfn-dd-notvar.mfn-dd-for-content{display: none;}
.modal-dynamic-data.mfn-dd-featured_image .modalbox-content ul li.mfn-dd-not-image{display: none;}
.modal-dynamic-data.mfn-dd-looped-item .modalbox-header .mfn-dd-filters{display: none;}
.modal-dynamic-data.mfn-dd-looped-item .modalbox-content .mfn-dd-type-wrapper:not(.mfn-dd-type-wrapper-default,.mfn-dd-type-wrapper-author,.mfn-dd-type-wrapper-custom-fields){display: none;}
.modal-dynamic-data.mfn-dd-looped-item.mfn-dd-posts .modalbox-content .mfn-dd-type-wrapper.mfn-dd-type-wrapper-author{display: block;}
.modal-dynamic-data.mfn-query-product:not(.mfn-dd-featured_image) .modalbox-content ul li.mfn-dd-for-products{display: block;}
.modal-dynamic-data.mfn-dd-content .modalbox-content ul li.mfn-dd-notvar.mfn-dd-for-content, .modal-dynamic-data.mfn-dd-element-heading.mfn-dd-title .modalbox-content ul li.mfn-dd-notvar.mfn-dd-for-content:not(.mfn-dd-hide-title){display: block;}
.modal-dynamic-data.mfn-query-type-terms .modalbox-content ul li.mfn-dd-notvar.mfn-dd-for-posts{display: none !important;} /* items for posts in terms */
.modal-dynamic-data.mfn-dd-looped-item.mfn-dd-terms .modalbox-content .mfn-dd-type-wrapper-author{display: none;}
.modal-dynamic-data.mfn-dd-permalink .modalbox-content ul li.mfn-dd-not-permalink{display: none !important;}

.mfn-disabled-field{opacity: 0.3; pointer-events: none;}

.mfn-is-ql-slider .hide_if_ql-slider,
.mfn-is-query-looped .hide_if_ql{pointer-events: none; cursor: not-allowed; opacity: .3; }

.mfn-is-query-looped .hide_if_ql.product_rating{ display: none; }

/* Multiselect  */
.mfn-ui .mfn-form .form-group.mfn-multiselect-field-wrapper{display: block; position: relative;}
.mfn-ui .mfn-form .form-group.mfn-multiselect-field-wrapper .form-control{ display: flex; flex-wrap: wrap; width: 100%; max-width: 100%; padding: 5px 5px 0 5px; box-sizing: border-box; border: 1px solid var(--mfn-ui-input-border); color: var(--mfn-ui-input-color); background-color: var(--mfn-ui-input-bg); border-radius: 3px; font-size: 13px; line-height: 24px; -moz-appearance: none; -webkit-appearance: none; margin: 0;}
.mfn-ui .mfn-form .form-group.mfn-multiselect-field-wrapper .form-control span{ display: inline-block; width: auto; padding: 2px 8px; margin-bottom: 5px; margin-right: 4px; border-radius: 4px; background-color: var(--mfn-ui-segmented-options-bg); cursor: pointer;}
.mfn-ui .mfn-form .form-group.mfn-multiselect-field-wrapper .form-control .mfn-multiselect-input{ flex-grow:1; background-color: transparent; border: none; min-width: 100px; color: var(--mfn-ui-input-color); font-size: 13px; line-height: 24px; margin-bottom: 5px;}
.mfn-multiselect-field-wrapper .mfn-multiselect-options{ list-style-type: none; padding: 0; margin: 0; max-height: 300px; overflow: auto; display: none; width:100%; border: 1px solid var(--mfn-ui-input-border); color: var(--mfn-ui-input-color); background-color: var(--mfn-ui-input-bg); border-radius: 3px; }
.mfn-multiselect-field-wrapper .mfn-multiselect-options li{ display: block; padding: 5px; box-sizing: border-box; cursor: pointer;}
.mfn-multiselect-field-wrapper .mfn-multiselect-options li:hover{ background-color: var(--mfn-ui-segmented-options-bg); }
.mfn-multiselect-field-wrapper .mfn-multiselect-options li.selected{ opacity:0.3; cursor: not-allowed; }
.mfn-multiselect-field-wrapper.mfn-msf-focus .mfn-multiselect-options{ display: block; }
.mfn-multiselect-field-wrapper.mfn-ms-searching .mfn-multiselect-options li{ display: none; }

/* Dynamic Data List */
.modal-dynamic-data-info h5{ margin-bottom: 20px; }
.modal-dynamic-data-info .modalbox-content .modalbox-heading{text-align:center}
.modal-dynamic-data-info .modalbox-content ul{ display: flex; flex-wrap: wrap; list-style-type: none; padding: 0; margin: 0 0 10px -10px}
.modal-dynamic-data-info .modalbox-content ul li{ width: calc(25% - 10px); margin-bottom: 10px; margin-left: 10px; position: relative; }
.modal-dynamic-data-info .modalbox-content ul li.mfn-dd-li-hidden, .modal-dynamic-data .modalbox-content ul li.mfn-dd-for-products{display: none;}
.modal-dynamic-data-info .modalbox-content ul li a{ display: flex; line-height: 1.3em; flex-wrap: wrap; text-decoration: none; padding: 10px 10px 15px 20px; border-radius: 5px; color: var(--mfn-ui-text-color); background-color: var(--mfn-ui-modal-icon-bg); }
.modal-dynamic-data-info .modalbox-content ul li a > h5{margin-bottom:0}
.modal-dynamic-data-info .modalbox-content ul li a > span{width: 100%; order: 2;}
.modal-dynamic-data-info .modalbox-content ul li a span.mfn-dd-label{color: var(--mfn-ui-heading); text-transform:unset;}
.modal-dynamic-data-info .modalbox-content ul li a span.mfn-dd-code{font-size: 0.7em; order: 1;margin-bottom:5px}
.modal-dynamic-data-info .modalbox-content ul li span.mfn-dd-copy{ cursor: pointer; text-align: center; display: block; width: 30px; height: 30px; line-height: 30px; margin-right: 10px; border-radius: 50px; position: absolute; top: 50%; left: 10px; transform: translateY(-50%); background-color: var(--mfn-ui-modal-bg); color: var(--mfn-ui-text-color);}
.modal-dynamic-data-info .modalbox-content ul li a:hover{ background-color: var(--mfn-ui-segmented-options-bg-active); color: var(--mfn-ui-segmented-options-color-active); }
.modal-dynamic-data-info .modalbox-content ul li span.mfn-dd-copy:hover{background-color: var(--mfn-ui-text-color); color: var(--mfn-ui-modal-bg);}

.modal-dynamic-data-info .modalbox-content .mfn-dd-type-wrapper.dd-type-hidden{display: none;}


/* another pages list */

.mfn-ui .mfn-modal.modal-another-pages .mfn-modalbox{ width: 600px; margin-left: -300px; }
.mfn-ui .mfn-another-pages-list{ display: block; padding: 0; margin: 0; list-style-type: none; }
.mfn-ui .mfn-another-pages-list li{ display: flex; justify-content: space-between; align-items: center; padding: 10px; border-radius: 8px;}
.mfn-ui .mfn-another-pages-list li .apl-name-part{ display: flex; align-items: center; flex-grow: 1; }
.mfn-ui .mfn-another-pages-list li .apl-name-part span{ display: block; }
.mfn-ui .mfn-another-pages-list li .apl-link{ padding: 5px 10px; background-color: var(--mfn-ui-another-pages-link-bg); color: var(--mfn-ui-another-pages-link-color); border-radius: 6px; font-size: 12px; line-height: 1.4em;}
.mfn-ui .mfn-another-pages-list li a{ color: var(--mfn-ui-another-pages-heading); text-decoration: none;}
.mfn-ui .mfn-another-pages-list li .apl-pt { text-transform: capitalize; font-size: 12px; line-height: 1.4em;opacity:.5;}
.mfn-ui .mfn-another-pages-list li:hover{ background-color: var(--mfn-ui-another-pages-bg-hover); }
.mfn-ui .mfn-another-pages-list li:hover .apl-link{ background-color: var(--mfn-ui-another-pages-link-bg-hover); color: var(--mfn-ui-another-pages-link-color-hover); }
.modal-another-pages.mfn-another-pages-searching .mfn-hide-while-searching{display: none;}

.mfn-ui .mfn-another-pages-list li .apl-name-part:before { content: ""; display: block; width: 40px; height: 40px; border-radius: 4px; margin-right: 10px; background-size: 40px; background-repeat: no-repeat; background-position: center; }
.mfn-ui .mfn-another-pages-list li .apl-name-part:before { background-image:url(../svg/others/page.svg); }
.mfn-ui .mfn-another-pages-list li.apl-type-product .apl-name-part:before { background-image:url(../svg/others/product.svg); }
.mfn-ui .mfn-another-pages-list li.apl-type-template .apl-name-part:before { background-image:url(../svg/others/tpl.svg); }
.mfn-ui-dark .mfn-another-pages-list li .apl-name-part:before{ background-image:url(../_dark/svg/others/page.svg); }
.mfn-ui-dark .mfn-another-pages-list li.apl-type-product .apl-name-part:before { background-image:url(../_dark/svg/others/product.svg); }
.mfn-ui-dark .mfn-another-pages-list li.apl-type-template .apl-name-part:before { background-image:url(../_dark/svg/others/tpl.svg); }

.mfn-ace-editor-wrapper{ display: block; position: relative; }
.ace-html-editor #editor{ position:absolute; top: 0; left:0; width:100%; height: 100%; resize: vertical; }



/* conditional logic */

.mfn-ui .mfn-form-row .mfn-conditional-logic-add-button{ margin-top: 10px; }

.modal-conditional-logic .mfn-cl-condition{ display: block; padding: 10px; border: 1px dashed rgba(var(--mfn-ui-conditional-logic-color-rgb),.2); background-color: var(--mfn-ui-modal-bg); border-radius: 4px; margin-bottom: 10px; margin-top: 40px; box-sizing: border-box; position: relative;}
.modal-conditional-logic .mfn-cl-condition:after{ content: "OR"; position: absolute; top: -32px; left: 50%; transform: translateX(-50%); }
.modal-conditional-logic .mfn-cl-condition:first-child{ margin-top: 0; }
.modal-conditional-logic .mfn-cl-condition:first-child:after{ display: none; }
.modal-conditional-logic .mfn-cl-condition.mfn-cl-condition-multiple { padding-left: 40px; }
.modal-conditional-logic .mfn-cl-condition.mfn-cl-condition-multiple:before{ content: "AND"; position: absolute; top: 50%; left: 0; transform: translate(-50%,-50%);}
.modal-conditional-logic .mfn-cl-row{ display: flex; width: 100%; gap: 15px; margin-bottom: 10px; justify-content: space-between; box-sizing: border-box;}
.modal-conditional-logic .mfn-cl-row:last-child{ margin: 0; }
.modal-conditional-logic .mfn-cl-row .mfn-cl-row-col{ flex-grow: 1; display: block;}
.modal-conditional-logic .mfn-cl-row .mfn-cl-row-col.mfn-cl-row-col-is-or-no{ max-width: 150px; }
.modal-conditional-logic .mfn-cl-row .mfn-cl-row-col .mfn-cl-row-input{  }
.modal-conditional-logic .mfn-cl-row .mfn-cl-row-col.mfn-cl-row-col-tools{ flex: 0 0 auto; gap: 3px; display: flex; }
.modal-conditional-logic .mfn-cl-row .mfn-cl-row-col.mfn-cl-row-col-tools .mfn-cl-and{ display: flex; text-decoration: none; align-items:center; padding: 0 10px }
.modal-conditional-logic .mfn-cl-row .mfn-cl-row-col.mfn-cl-row-col-variable, .modal-conditional-logic .mfn-cl-row .mfn-cl-row-col .mfn-cl-row-input-variable{ display: none; }
.modal-conditional-logic .mfn-cl-row .mfn-cl-row-col.mfn-cl-row-col-variable.mfn-cl-row-col-visible, .modal-conditional-logic .mfn-cl-row .mfn-cl-row-col .mfn-cl-row-input-variable.mfn-cl-row-input-visible{ display: block; }
.modal-conditional-logic .mfn-cl-row .mfn-cl-row-col .mfn-cl-row-input-post_type_archive option[value="page"], .modal-conditional-logic .mfn-cl-row .mfn-cl-row-col .mfn-cl-row-input-post_type_archive option[value="offer"]{ display: none; }
.modal-conditional-logic .mfn-cl-row .mfn-cl-row-col .mfn-cl-row-input-post_type option[value="offer"]{ display: none; }

.mfn-form-row.conditional_logic .mfn-used-conditional-logic{ display: block; padding-top: 15px; padding-bottom: 15px; border-bottom: 1px dashed rgba(var(--mfn-ui-conditional-logic-color-rgb),.2); position: relative;}
.mfn-form-row.conditional_logic .mfn-used-conditional-logic.mfn-used-conditional-logic-0{ margin-top: 20px; }
.mfn-form-row.conditional_logic .mfn-used-conditional-logic:before{ content: "OR"; display: flex; position: absolute; top: -12px; left: 0; z-index: 2;}
.mfn-form-row.conditional_logic .mfn-used-conditional-logic.mfn-used-conditional-logic-0:before{ content: "IF" }
.mfn-form-row.conditional_logic .mfn-used-conditional-logic-row{ display: flex; justify-content: flex-start; gap: 1px; margin-bottom: 1px; }
.mfn-form-row.conditional_logic .mfn-used-conditional-logic-row .mfn-used-cl-col{ color: var(--mfn-ui-heading); display: block; padding: 5px; box-sizing: border-box; text-align:center; }
.mfn-form-row.conditional_logic .mfn-used-conditional-logic-row .mfn-used-cl-col .mfn-cl-highlighted{ border-radius: 5px; background-color:var(--mfn-ui-panel-heading-bg); display: inline-block; padding: 0 5px; text-transform: capitalize; }

.conditions .mfn_input_wrapper .mfn-used-conditional-logic:last-of-type { padding-bottom: 0; border-bottom: 0; }

.modal-conditional-logic .mfn-cl-condition:after,
.modal-conditional-logic .mfn-cl-condition.mfn-cl-condition-multiple:before,
.mfn-form-row.conditional_logic .mfn-used-conditional-logic:before { font-size: 10px; line-height: 1; padding: 5px 10px; border-radius: 4px; background-color: var(--mfn-ui-conditional-logic-label-bg); border: 1px solid rgba(var(--mfn-ui-conditional-logic-color-rgb),.5); color: var(--mfn-ui-text-color-3); }

.modal-conditional-logic .mfn-cl-content-wrapper{ display: block; width: 100%; text-align:center; }
.modal-conditional-logic .modal-conditional-logic-form{ position: relative; margin: 0 10% 20px; }
.modal-conditional-logic .modal-conditional-logic-form:before { content: ""; width: 1px; height: 100%; background-color: rgba(var(--mfn-ui-conditional-logic-color-rgb),.2); position: absolute; left: 50%; top: 0; }
.modal-conditional-logic .mfn-modalbox .modalbox-content .display-conditions { width: 90px; height: 90px; display: inline-block; margin-bottom: 15px; background-image: url(../../../muffin-options/svg/others/display-conditions.svg); background-size: 90px; background-position: center; }
.mfn-ui-dark .modal-conditional-logic .mfn-modalbox .modalbox-content .display-conditions { background-image: url(../../../muffin-options/_dark/svg/others/display-conditions.svg); }

/* select2 field */
.mfn-ui .form-group.mfn-select2-wrapper{display: block; position: relative; width: 100%; }
.mfn-ui .form-group.mfn-select2-wrapper .form-control{ display: flex; flex-wrap: wrap; width: 100%; max-width: 100%; padding: 5px 5px 0 5px; box-sizing: border-box; border: 1px solid var(--mfn-ui-input-border); color: var(--mfn-ui-input-color); background-color: var(--mfn-ui-input-bg); border-radius: 3px; font-size: 13px; line-height: 24px; -moz-appearance: none; -webkit-appearance: none; margin: 0;}
.mfn-ui .form-group.mfn-select2-wrapper .form-control span{ display: inline-block; width: auto; padding: 2px 8px; margin-bottom: 5px; margin-right: 4px; border-radius: 4px; background-color: var(--mfn-ui-segmented-options-bg); cursor: pointer;}
.mfn-ui .form-group.mfn-select2-wrapper .form-control .mfn-select2-input{ flex-grow:1; background-color: transparent; border: none; min-width: 100px; color: var(--mfn-ui-input-color); font-size: 13px; line-height: 24px; margin-bottom: 5px;}
.mfn-select2-wrapper .mfn-select2-options{ list-style-type: none; padding: 0; max-height: 200px; overflow: auto; margin: 0; display: none; border: 1px solid var(--mfn-ui-input-border); color: var(--mfn-ui-input-color); background-color: var(--mfn-ui-input-bg); border-radius: 3px; position: absolute; left: 0; width: 100%; top: 100%; z-index: 10;}
.mfn-select2-wrapper .mfn-select2-options li{ display: block; padding: 5px; box-sizing: border-box;}
.mfn-select2-wrapper .mfn-select2-options li ul li:hover, .mfn-select2-wrapper .mfn-select2-options li.selected{ background-color: var(--mfn-ui-segmented-options-bg); }
.mfn-select2-wrapper .mfn-select2-options li ul li{ padding-left: 10px; cursor: pointer; }
.mfn-select2-wrapper .mfn-select2-options li.mfn-select-2-list-group span{ pointer-events: none; opacity: 0.5; display: block; width: 100%}
.mfn-select2-wrapper.mfn-select2-focus .mfn-select2-options{ display: block; }
.mfn-select2-wrapper.mfn-select2-loading .mfn-select2-options{ height: 30px; overflow:hidden; }
.mfn-select2-wrapper.mfn-select2-loading .mfn-select2-options:before{ content: "Please wait..."; position: absolute; top: 0; left: 0; z-index:10; background-color: var(--mfn-ui-input-bg); display: flex; width: 100%; height: 100%; color: var(--mfn-ui-input-color); justify-content:center; align-items: center; }

.mfn-ui .mfn-modal .form-group.mfn-select2-wrapper .form-control{ padding: 0; }
.mfn-ui .mfn-modal .form-group.mfn-select2-wrapper .form-control .mfn-select2-input{ margin: 0; height:33px; line-height:33px; }

@media(min-width: 960px) {
.mfn-scalable-preview .mfn-visualbuilder:not(.preview-mobile,.preview-tablet,.preview-laptop) .preview-wrapper iframe{ min-width: 970px; }
}

/* Hotspot */

.mfn-multifield-point{ display: block; width: 100%; position: relative; margin-bottom: 5px;}
.mfn-multifield-point .mfn-multifield-form-wrapper{ display: none; width: 100%; box-sizing: border-box;  padding: 10px 10px 0 10px; border-width: 0 1px 1px 1px; border-style: solid; border-color: var(--mfn-ui-panel-heading-bg); }
.mfn-multifield-point .mfn-multifield-point-tab-header{ display: flex; width: 100%; justify-content: space-between; align-items: center; background-color: var(--mfn-ui-panel-heading-bg); color: var(--mfn-ui-heading); padding: 8px 10px; border-radius: 6px 6px 0 0; box-sizing: border-box;}
.mfn-multifield-point .mfn-multifield-point-tab-header h6{font-weight: 500; margin: 0;}
.mfn-multifield-point .mfn-multifield-point-tab-header .mfn-tab-toggle{ margin-right: 5px; transition: 0.3s; }
.mfn-multifield-point .mfn-multifield-point-header-left{ flex-grow:1; }

/* Autocomplete */
.mfn-autocomplete{ display: block; width: 100%; position: relative; margin-bottom: 20px; margin-top: 5px; }
.mfn-autocomplete-list{ display: flex; width: 100%; gap: 4px; flex-wrap: wrap; align-items: center; padding: 6px; box-sizing: border-box; border: 1px solid var(--mfn-ui-input-border); color: var(--mfn-ui-input-color); background-color: var(--mfn-ui-input-bg); border-radius: 3px; }
.mfn-autocomplete-list .mfn-autocomplete-item{ display: flex; font-size:12px; line-height: 1em; align-items: center; box-sizing: border-box; padding: 5px; border-radius: 4px; background-color: #f1f1f1; color: #000; word-wrap: anywhere; }
.mfn-autocomplete-list .mfn-autocomplete-item .mfn-autocomplete-item-delete{ cursor: pointer; display: block; margin-left: 2px; font-size: 8px; height: 15px; line-height: 15px; width: 15px; text-align: center; flex-shrink: 0; }
.mfn-autocomplete-list .mfn-autocomplete-item .mfn-autocomplete-item-edit{ cursor: pointer; display: block; margin-left: 2px; font-size: 10px; height: 15px; line-height: 15px; width: 15px; text-align: center; flex-shrink: 0; }
.mfn-autocomplete-list .mfn-autocomplete-item .mfn-autocomplete-item-edit:hover, .mfn-autocomplete-list .mfn-autocomplete-item .mfn-autocomplete-item-delete:hover{ background-color: rgba(255,255,255,0.3); border-radius: 2px; }
.mfn-autocomplete .mfn-autocomplete-input{ display: inline-flex; flex-grow: 1; min-width: 30px; padding: 0; margin: 0; box-shadow: unset; outline: unset; background-color: transparent; border: none; height: 20px; line-height: 1.4em; font-size: 12px; }
.mfn-autocomplete .mfn-autocomplete-ul{ display: block; max-height: 200px; overflow: auto; position: absolute; top: 100%; left: 0; width: 100%; z-index:15; box-sizing:border-box;padding:15px;background-color:var(--mfn-ui-dropdown-bg);border:1px solid var(--mfn-ui-dropdown-border);border-radius:3px; }
.mfn-autocomplete .mfn-autocomplete-ul li{ display: block; cursor: pointer; line-height: 1.2; padding:10px;color:var(--mfn-ui-dropdown-link); border-radius:3px;word-wrap:anywhere; }
.mfn-autocomplete .mfn-autocomplete-ul li:hover, .mfn-autocomplete .mfn-autocomplete-ul li.active{ background-color: var(--mfn-ui-class-color); color: #fff; }
.mfn-autocomplete .mfn-autocomplete-ul li.disabled{ opacity: 0.3; cursor: not-allowed; }

/* Classes */
.sidebar-panel-classes{}
.sidebar-panel-classes-list .sidebar-panel-class{ background-color: var(--mfn-ui-class-color); color: #fff; }
.sidebar-panel-classes-list .sidebar-panel-classes-input{ color: var(--mfn-ui-text-color); padding-left: 2px; width: 50px; }
.sidebar-panel-classes-list .sidebar-panel-classes-input:focus{outline-color: var(--mfn-ui-segmented-options-bg-active);color:var(--mfn-ui-input-color)}
.mfn-class-editor-full .sidebar-panel-classes-list .sidebar-panel-classes-input, .mfn-class-editor-full .sidebar-panel-classes-list .mfn-sidebar-classes-show-list, .mfn-class-editor-full .sidebar-panel-classes .sidebar-panel-class-create{ display: none; }
.sidebar-panel-class-create {}
.mfn-class-styles-list{ list-style-type: none; padding: 5px 15px; margin: 0; background-color: var(--mfn-ui-panel-heading-bg); border-radius: 10px; display: flex; flex-wrap: wrap;}
.mfn-class-styles-list > li{ display: flex; padding: 10px 0; gap: 30px; width: 100%; cursor: pointer; border-bottom: 1px dashed var(--mfn-ui-border-2); }
.mfn-class-styles-list > li:last-child{ border: none; }
.mfn-class-styles-list > li span.mfn-class-styles-list-cat,.mfn-class-styles-list > li span.mfn-class-styles-list-title{ min-width: 25%; }
.mfn-class-styles-list > li .mfn-class-styles-list-val{ text-transform: capitalize; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; }
.mfn-class-styles-list > li .mfn-class-styles-check{ display: flex; justify-content: center; flex-shrink: 0; align-items: center; width: 25px; height: 25px; background-color: var(--mfn-ui-input-bg); border-radius: 4px; border: 1px solid var(--mfn-ui-input-border); }
.mfn-class-styles-list > li.active .mfn-class-styles-check:before{ font-family:"mfn-icons"; content: '\e841'; font-style: normal; font-weight: 400;}
.mfn-class-styles-list > li.active .mfn-class-styles-check{ background-color: var(--mfn-ui-segmented-options-bg-active); color: #fff; }
.modal-classes .mfn-input-error-msg{ display: block; width: 100%; margin-bottom:15px; color: #ff0000; font-weight: 500; }

.mfn-visualbuilder .sidebar-panel.mfn-class-editor .sidebar-panel-header .title-group .sidebar-panel-desc .sidebar-panel-title{ text-transform: none; }
.mfn-ui.mfn-class-editor .mfn-form .sidebar-panel-content-tabs li{ max-width: 50%; flex-grow: 1; }
.mfn-class-styles-list li ul{ list-style-type: disc; padding-left: 20px; }

.mfn-class-editor .sidebar-panel-title { word-wrap: anywhere; line-height: 1.2; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; text-overflow: ellipsis; text-transform: unset !important; }
.mfn-class-editor .mfn-presets-list,
.mfn-class-editor .back-to-widgets { display: none !important; }


.mfn-class-editor .sidebar-panel-icon { background-color: rgba(164, 136, 245, 0.3) !important; }
.mfn-ui.mfn-class-editor .sidebar-panel,
.mfn-ui.mfn-class-editor .mfn-form .sidebar-panel-content-tabs,
.mfn-dev-ui .mfn-visualbuilder.mfn-class-editor .sidebar-panel .sidebar-panel-header,
.mfn-class-editor .mfn_classes_footer { background: #f7f5ff; }
.mfn-ui.mfn-class-editor .mfn-form .row-header-title { background-color: #f2edff; }


.mfn-ui-dark.mfn-class-editor {
  --mfn-ui-input-bg: #21212b;
}

.mfn-ui-dark.mfn-class-editor .sidebar-panel-icon { background-color: rgba(111, 83, 190,.4) !important; }
.mfn-ui-dark.mfn-class-editor .sidebar-panel,
.mfn-ui-dark.mfn-class-editor .mfn-form .sidebar-panel-content-tabs,
.mfn-dev-ui .mfn-ui-dark.mfn-visualbuilder.mfn-class-editor .sidebar-panel .sidebar-panel-header,
.mfn-ui-dark.mfn-class-editor .mfn_classes_footer { background: #342f42; }
.mfn-ui-dark.mfn-class-editor .mfn-form .row-header-title { background-color: #3F3C48; }

.mfn-class-editor .sidebar-menu nav,
.mfn-class-editor .sidebar-panel .sidebar-panel-footer,
.mfn-class-editor .topbar-nav nav,
.mfn-class-editor .topbar-tools { position: relative; }
.mfn-class-editor .sidebar-menu nav:after,
.mfn-class-editor .sidebar-panel .sidebar-panel-footer:after,
.mfn-class-editor .topbar-nav nav:after,
.mfn-class-editor .topbar-tools:after { content: ""; display: block; width: 100%; height: 100%; position: absolute; left: 0; top: 0; z-index: 4; cursor: not-allowed; }

.mfn-class-editor .sidebar-panel .sidebar-panel-footer:after { left: 80px; width: calc(100% - 80px); } /* responsive options fix */
.mfn-class-editor .btn-save-changes,
.mfn-class-editor .btn-save-action { filter: saturate(0); }

.mfn-class-editor .mfn-navigator:after { content: ""; display: block; width: 100%; height: 100%; position: absolute; left: 0; top: 0; z-index: 29; cursor: not-allowed; transition: all 0.2s ease-in-out; }

.mfn-class-editor .mfn-element-fields-wrapper .modalbox-card-content:not(.mfn-class-editor-card-visible){ display: none; }
.mfn-class-editor .mfn-element-fields-wrapper .modalbox-card-content .mfn-form-row:not(.mfn-class-editor-form-row-visible){ display: none;  }

/* Mfn checkbox */

.mfn-checkbox{ display: flex; width: 16px; height: 16px; align-items: center; justify-content: center; font-size: 13px; border: 2px solid var(--mfn-ui-checkboxes-input); border-radius: 3px; cursor: pointer; }
.mfn-checkbox.active{ background-image: url('../svg/options/check-blue.svg'); border-color: var(--mfn-ui-checkboxes-input-active); }


/* Mfn switch */
.mfn-switch { display: inline-flex; }
.mfn-switch label { display: block; position: relative; width: 36px; height: 20px; background-color: rgba(0,0,0,.4); border-radius: 30px; cursor: pointer; transition: all ease-in-out 0.3s; }
.mfn-switch label:after { content: ""; display: block; width: 14px; height: 14px; background-color: #fff; border-radius: 100%; cursor: pointer; position: absolute;  left: 3px; top: 3px; transition: all ease-in-out 0.3s; }
.mfn-switch input[type=checkbox] { display: none; }
.mfn-switch input[type=checkbox]:checked ~ label { background-color: #79D956; }
.mfn-switch input[type=checkbox]:checked ~ label:after { left: 19px; }
.mfn-switch input[type=checkbox]:disabled ~ label { opacity: .5; cursor: not-allowed; filter: saturate(0%);}
.mfn-switch input[type=checkbox]:disabled ~ label:after { cursor: not-allowed; }


.mfn-switch.inverted label { background-color: #79D956; }
.mfn-switch.inverted label:after { left: 19px; }
.mfn-switch.inverted input[type=checkbox]:checked ~ label { background-color: rgba(0,0,0,.4); }
.mfn-switch.inverted input[type=checkbox]:checked ~ label:after { left: 3px; }

.mfn-switch-label .mfn-switch-label-desc{
    display: block;
    color: var(--mfn-ui-text-color);
    line-height: 1.3em;
    font-size: 11px;
}
/* Mfn badge */
.mfn-badge { display: inline-block; font-size: 10px; line-height: 1.2; font-weight: 400; padding: 4px 8px; border-radius: 6px; vertical-align: middle; }
.badge-filled { color: var(--mfn-ui-badge-color1); background-color: var(--mfn-ui-badge-color2); }
.badge-outlined { border: 1px solid var(--mfn-ui-badge-color2); color: var(--mfn-ui-badge-color2); }

/* Live css editor */
.mfn-live-css-editor{ display: flex; flex-direction: column; position: fixed; background-color: var(--mfn-ui-sidebar-background); color: var(--mfn-ui-text-color); z-index: 999; right: 0px; top: 0; height: 100vh; width: 700px; }
.mfn-dev-ui .mfn-live-css-editor { top: 47px; height:calc(100vh - 47px); }
.mfn-live-css-editor .editor-header { display: flex; align-items: center; gap: 15px; font-size: 14px; padding: 0 20px; background-color: var(--mfn-ui-sidebar-menu-hover); border-bottom: 1px solid var(--mfn-ui-border-1); }
.mfn-live-css-editor .editor-header > span { color: var(--mfn-ui-text-color-3); }
.mfn-live-css-editor .editor-header .editor-header-tools { margin-left: auto; display: flex; justify-content: flex-end; }
.mfn-live-css-editor .editor-header .editor-header-tools a.disabled{ pointer-events: none; background-color: transparent; opacity: 0.3; }
.mfn-live-css-editor .editor-wrapper { display: none; flex-direction: column; gap: 10px; padding: 10px 20px 15px; flex-grow: 1; overflow: hidden; }
.mfn-live-css-editor .editor-toolbar-wrapper { display: flex; flex-direction: column; gap: 10px; padding: 20px 20px 0;}
.mfn-live-css-editor .editor-wrapper.active{ display: flex; }
.mfn-live-css-editor .editor-wrapper.css-variables-wrapper { height: calc(100% - 91px); }
.mfn-live-css-editor .warning { margin: 0; }
.mfn-live-css-editor .warning > span { color: var(--mfn-ui-text-color-3); font-weight: 500; }
.mfn-live-css-editor .editor-toolbar { display: flex; align-items: center; position: relative; z-index: 5; }
.mfn-live-css-editor .editor-toolbar > p { color: var(--mfn-ui-text-color-3); margin: 0 10px 0 0; }
.mfn-live-css-editor .editor-toolbar .live-update { display: inline-flex; align-items: center; gap: 5px; margin-left: auto; margin-right: 10px; color: var(--mfn-ui-text-color-3); }
.mfn-live-css-editor .editor-footer { display: flex; align-items: center; gap: 15px; padding: 0 20px 15px; }
.mfn-live-css-editor .editor-footer * { margin-bottom: 0; }
.mfn-live-css-editor .editor-footer .footer-buttons { margin-left: auto; }
.mfn-live-css-editor .CodeMirror { height: 100%; }
.mfn-live-css-editor.mfn-live-page-css-editor .editor-footer-theme-options-info{ display: none; }

.mfn-css-variables { padding: 20px; background-color: rgba(255, 255, 255, 0.7); border-radius: 4px; }
.mfn-css-variables .body-tag { color: #3FCA84; margin: 0; font-family: monospace; }
.mfn-css-variables ul { width: 100%; max-height: calc(100vh - 310px); overflow-y: auto; }
.mfn-dev-ui .mfn-css-variables ul { max-height: calc(100vh - 357px); }
.mfn-css-variables ul li { display: flex; align-items: center; gap: 20px; padding: 10px; }
.mfn-css-variables ul li:not(:last-child) { border-bottom: 1px solid var(--mfn-ui-border-1); }
.mfn-css-variables ul li .variable-title { min-width: 40%; cursor: pointer; }
.mfn-css-variables ul li .variable-title { color: var(--mfn-ui-text-color-3); font-family: monospace; letter-spacing: 1px; }
.mfn-css-variables ul li .variable-value { display: inline-flex; align-items: center; gap: 5px; line-height: 1.2; border: 1px solid; padding: 6px 8px; border-radius: 3px; color: #DDA267; background-color: rgba(255,255,255,.8); border-color: rgba(0,0,0,.04); }
.mfn-css-variables ul li .variable-color span { width: 12px; height: 12px; border-radius: 3px; }
.mfn-css-variables ul li > div { margin-left: auto; }
.mfn-css-variables .css-variables-form { display: flex; align-items: stretch; padding-left: 39px; margin-top: 20px; }
.mfn-css-variables .css-variables-form .mfn-form-control { flex-grow: 1; border-radius: 0; }
.mfn-css-variables .css-variables-form .mfn-form-control:nth-child(1) { border-radius: 3px 0 0 3px; }
.mfn-css-variables .css-variables-form .variable-sep { padding: 10px 15px; background-color: #edf1f5; color: #304050; }
.mfn-css-variables .css-variables-form .mfn-css-variable-save { flex-shrink: 0; margin: 0; border-radius: 0 3px 3px 0; }

.mfn-ui-dark .mfn-css-variables { background-color: rgba(0, 0, 0, 0.15); }
.mfn-ui-dark .mfn-css-variables .css-variables-form .variable-sep { background-color: #4A484D; color: #fff; }
.mfn-ui-dark .mfn-css-variables { background-color: #151516; }
.mfn-ui-dark .mfn-css-variables ul li { border-color: rgba(255,255,255,.1); }
.mfn-ui-dark .mfn-css-variables ul li .variable-value { color: #FEDCBA; background-color: rgba(0,0,0,.2); border-color: rgba(255,255,255,.12); }


/* Builder tabs */
.mfn-builder-tabs { display: flex; gap: 5px; box-sizing: border-box; font-weight: 500 }
.mfn-builder-tabs li { display: inline-flex; align-items: center; gap: 5px; text-align: center; padding: 15px 12px; position: relative; cursor: pointer; color: var(--mfn-ui-text-color-3) }
.mfn-builder-tabs li.active { color: var(--mfn-ui-highlight); }
.mfn-builder-tabs li.active:after { content: ""; display: block; position: absolute; left: 0; bottom: -1px; height: 2px; width: 100%; background: var(--mfn-ui-highlight); }


.mfn-multifield-point-tax .filters.field_type select option[value="slider"], .mfn-multifield-point-tax .filters.field_type select option[value="range-slider"]{ display: none; }

.mfn-css-variables-dropdown{display: block; width: 100%; position: absolute; top: 70px; left: 0; z-index: 11; background-color: var(--mfn-ui-input-bg); padding: 5px; border-radius: 3px; border: 1px solid var(--mfn-ui-input-border); margin: 0; list-style-type: none; max-height: 300px; overflow: auto;}
.mfn-css-variables-dropdown li{ display: block; }
.mfn-css-variables-dropdown li a{ display: flex; justify-content: space-between; gap: 10px; padding: 5px; color: var(--mfn-ui-input-color); text-decoration: none; border-radius: 3px; align-items: center;}
.mfn-css-variables-dropdown li.active a, .mfn-css-variables-dropdown li a:hover{ background-color: var(--mfn-ui-sft-nav-tab-bg-active); color: var(--mfn-ui-sft-nav-tab-color-active); }
.mfn-css-variables-dropdown li a .mfn-css-variable-item-val{color: #FEDCBA; background-color: rgba(0, 0, 0, .2); border-color: rgba(255, 255, 255, .12); padding: 0 4px; display: flex; gap: 3px; align-items: center;}
.mfn-ui-light .mfn-css-variables-dropdown li a .mfn-css-variable-item-val{color: #DDA267; background-color: rgba(255, 255, 255, .8); border-color: rgba(0, 0, 0, .04);}
.mfn-css-variables-dropdown li a .mfn-css-variable-item-val.variable-color span { width: 12px; height: 12px; border-radius: 3px; }


.mfn-select-ajax{ position: relative; display: block; width: 100%; z-index: 12;}
.mfn-select-ajax .mfn-select-ajax-hints{ position: absolute; top: 100%; left: 0; z-index: 4; max-height: 300px; overflow: auto; border: 1px solid var(--mfn-ui-input-border); color: var(--mfn-ui-input-color); background-color: var(--mfn-ui-input-bg); padding: 5px; display: block; margin: 0; list-style: none; width: 100%; box-sizing: border-box; z-index: 11;}
.mfn-select-ajax .mfn-select-ajax-hints li{ display: block; padding: 3px; border-radius:6px; box-sizing: border-box; margin: 0; }
.mfn-select-ajax .mfn-select-ajax-hints li:not(.disabled):hover{ background-color:var(--mfn-ui-checkboxes-bar-hover);   }
.mfn-select-ajax .mfn-select-ajax-hints li.disabled{ opacity: 0.5; }
.mfn-select-ajax.loading:after { content: ""; opacity: .5; display: block; position: absolute; right: 5px; top: 50%; margin: -8px 0 0 0; width: 16px; height: 16px; background-image: url(../svg/others/loading.svg) !important; background-repeat: no-repeat; background-position: center; background-size: 16px; background-color: transparent; }


.mfn-ui:not(.mfn-vb-tmpl-archive-product) .mfn-element-fields-wrapper .mfn-form-row.active_filters.sorting { display: none; }

.mfn-ui.mfn-is-tabber .hidden-in-tabber{ display: none !important; }
.mfn-ui:not(.mfn-is-tabber) .visible-in-tabber{ display: none !important; }
.mfn-ui.mfn-is-tabber .modalbox-card-advanced .mfn-form-row.width,
.mfn-ui.mfn-is-tabber .modalbox-card-advanced .mfn-form-row.width_switcher { opacity: 0.3; pointer-events: none; }


.mfn-hidden-from-tablet .responsive-switcher [data-device = "tablet"],
.mfn-hidden-from-mobile .responsive-switcher [data-device = "mobile"] { display: none; }




.mfn-ui:not(.mfn-vb-tmpl-archive-product) .shop_products_tmpl_options{display: none;}
.mfn-ui:not(.mfn-vb-tmpl-single-product) .panel-edit-item .mfn-element-fields-wrapper .shop_products.display select option[value="related"], .mfn-ui:not(.mfn-vb-tmpl-single-product) .panel-edit-item .mfn-element-fields-wrapper .shop_products.display select option[value="upsells"]{display: none;}


