/*

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-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-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-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-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-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-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: #38373a;
    --mfn-ui-btn-color: #fff;
    --mfn-ui-btn-bg-hover: #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-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-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-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%);
}


/* 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-vb-template.mfn-vb-tmpl-shop-archive .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; }
.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-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; }



/* 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 .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 }
















/* 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-blank { background-color: transparent; color: #304050; }
  .mfn-ui .mfn-btn-blank:hover { background-color:#e0e8ef; color: #304050; }

  .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-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 */

.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 a.mfn-option-btn.disabled,
.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,
.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,[data-tooltip][data-position="left"]:focus:before { opacity: 1; 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="left"]: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: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-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; }

/*  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: 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; }
.modal-display-conditions .mfn-modalbox .modalbox-content .mfn-dynamic-form { margin: 0 10%; }

    /* Add shortcode */
    .mfn-ui .modal-add-shortcode .mfn-isc-builder{ display: none !important; }

    /* 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); }

.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-bottom: 10px; 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 .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 .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: 100%; }
.mfn-ui .mfn-form .visual-options ul li a .label { display: block; color: #304050; font-weight: 500; line-height: 1.4em; font-size: 12px; }
.mfn-ui .mfn-form .visual-options ul li a .label span { display: block; color: #929daa; font-size: 13px; }
.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; }
.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: 44px; height: 44px; background-size: 22px; background-position: center; background-repeat: no-repeat; }
.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 [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 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 { background-color: var(--mfn-ui-revisions-list-bg); border-radius: 3px; padding: 8px; border-bottom: 0; }
.mfn-ui .panel-settings .form-content:hover { background-color: var(--mfn-ui-revisions-list-bg-hover); }
.mfn-ui .panel-settings h5 { font-size: 13px; }
.mfn-ui .panel-settings p { font-size: 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: 10px; }
.mfn-ui .mfn-form .settings .setting-label { flex: min-content; }
.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: 22px; }
.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; }
.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%;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: 420px; transition: left 1s ease-in-out; }
.mfn-visualbuilder .preview-wrapper { position: relative; margin-left: 420px; line-height: 0; min-height: 100vh; overflow-y: hidden; overflow-x: auto; display: block; background-color: #151516; transition: margin-left 1s ease-in-out;  }

.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; }


/* 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-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 .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-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 .btn-save-changes { margin: 0 0 0 5px;padding-top:5px;padding-bottom: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 { margin: 0 0 15px; }
    .mfn-visualbuilder .sidebar-panel-content ul.items-list li { float: left; margin: 0; width: 50%; }
    .mfn-visualbuilder .mfn-items-3-columns .sidebar-panel-content ul.items-list li { width: 33.3333%; }
    .mfn-visualbuilder .mfn-items-4-columns .sidebar-panel-content ul.items-list li { width: 25%; }
    .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; }
    .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 { content: ""; display: block; position: absolute; right: 7px; top: 7px; width: 25px; height: 15px; background-image: url(../svg/others/woo-logo.svg); background-repeat: no-repeat; background-position: center; background-size: 25px; }
    .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-visualbuilder .sidebar-panel-content ul.items-list li.category-megamenu 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-banner_box a:after,
    .mfn-visualbuilder .sidebar-panel-content ul.items-list li.mfn-item-hotspot 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; }

    /* Favourite elements */
    .mfn-visualbuilder .sidebar-panel-content .mfn-fav-items-wrapper { margin-bottom: 15px; }
    .mfn-visualbuilder .sidebar-panel-content .mfn-fav-items-wrapper:not(.mfn-favs-closed) { border-bottom: 1px dashed var(--mfn-ui-border-2); padding-bottom: 15px; }
    .mfn-visualbuilder .sidebar-panel-content .mfn-fav-items-wrapper > h5 { display: flex; align-items: center; justify-content: center; text-align: center; margin-bottom: 5px; position: relative; font-size: 14px; cursor: pointer; }
    .mfn-visualbuilder .sidebar-panel-content .mfn-fav-items-wrapper > h5:before { content: ""; display: inline-block; margin-right: 5px; width: 20px; height: 20px; background-size: 20px; background-position: center; background-image: url(../svg/options/star.svg); }
    .mfn-visualbuilder .sidebar-panel-content .mfn-fav-items-wrapper > h5: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-fav-items-wrapper.mfn-favs-closed > h5:after{ transform: rotate(180deg); color: var(--mfn-ui-heading-arrow-active); }
    .mfn-visualbuilder .sidebar-panel-content .mfn-fav-items-wrapper .empty-favs-info { display: none; text-align: center;  font-size: 12px; color: var(--mfn-ui-text-color-2); }
    .mfn-visualbuilder .sidebar-panel-content .mfn-fav-items-wrapper .empty-favs-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-fav-items-wrapper ul.items-list { margin: 0; }

    .mfn-visualbuilder .sidebar-panel-content .mfn-fav-items-wrapper.empty-favs .empty-favs-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 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: 360px; }
.mfn-dev-ui .mfn-visualbuilder .preview-wrapper { margin-left: 360px; 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-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: 360px; 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-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-select{ background-image: url(../_dark/svg/options/arrow-down.svg); }

.mfn-ui-dark .sidebar-panel-content .mfn-fav-items-wrapper > h5:before { background-image: url(../_dark/svg/options/star.svg); }
.mfn-ui-dark .sidebar-panel-content .mfn-fav-items-wrapper .empty-favs-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-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); }



/* 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; }



.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: -2px;}
.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); }


.mfn-ui .mfn-form .mfn-form-row.mfn_field_tablet,
.mfn-ui .mfn-form .mfn-form-row.mfn_field_mobile,
.mfn-ui .mfn-form .mfn-form-row.mfn_field_laptop,
.mfn-ui .mfn-form .mfn-form-row.mfn_field_tablet.conditionally-show,
.mfn-ui .mfn-form .mfn-form-row.mfn_field_laptop.conditionally-show,
.mfn-ui .mfn-form .mfn-form-row.mfn_field_mobile.conditionally-show{
  display: none;
}

.mfn-field-laptop, .mfn-field-tablet, .mfn-field-mobile, .preview-tablet .mfn-field-desktop, .preview-laptop .mfn-field-desktop, .preview-mobile .mfn-field-desktop{display: none;}

.preview-tablet .mfn-field-tablet{display: block;}
.preview-mobile .mfn-field-mobile{display: block;}
.preview-laptop .mfn-field-laptop{display: block;}

.mfn-ui .mfn-form .mfn-form-row.toggle_fields >,
.mfn-ui.preview-tablet .mfn-form-row.mfn-vb-formrow.mfn_field_desktop,
.mfn-ui.preview-mobile .mfn-form-row.mfn-vb-formrow.mfn_field_desktop,
.mfn-ui.preview-laptop .mfn-form-row.mfn-vb-formrow.mfn_field_desktop{
  display: none;
}

.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.preview-desktop .mfn-form .mfn-form-row.mfn_field_laptop, .mfn-ui.preview-desktop .mfn-form .mfn-form-row.mfn_field_laptop.conditionally-show, .mfn-ui.preview-desktop.mfn-vb-template.mfn-vb-tmpl-header .mfn-form .visible-header-builder.mfn_field_laptop{ display: none; }
.mfn-ui.preview-desktop .mfn-form .mfn-form-row.mfn_field_mobile, .mfn-ui.preview-desktop .mfn-form .mfn-form-row.mfn_field_mobile.conditionally-show, .mfn-ui.preview-desktop.mfn-vb-template.mfn-vb-tmpl-header .mfn-form .visible-header-builder.mfn_field_mobile{ display: none; }
.mfn-ui.preview-desktop .mfn-form .mfn-form-row.mfn_field_tablet, .mfn-ui.preview-desktop .mfn-form .mfn-form-row.mfn_field_tablet.conditionally-show, .mfn-ui.preview-desktop.mfn-vb-template.mfn-vb-tmpl-header .mfn-form .visible-header-builder.mfn_field_tablet{ display: none; }
.mfn-ui.preview-desktop .mfn-form .mfn-form-row.mfn_field_desktop, .mfn-ui.preview-desktop .mfn-form .mfn-form-row.mfn_field_desktop.conditionally-show, .mfn-ui.preview-desktop.mfn-vb-template.mfn-vb-tmpl-header .mfn-form .visible-header-builder.mfn_field_desktop{ display: block; }

.mfn-ui.preview-mobile .mfn-form .mfn-form-row.mfn_field_laptop, .mfn-ui.preview-mobile .mfn-form .mfn-form-row.mfn_field_laptop.conditionally-show{ display: none; }
.mfn-ui.preview-mobile .mfn-form .mfn-form-row.mfn_field_desktop, .mfn-ui.preview-mobile .mfn-form .mfn-form-row.mfn_field_desktop.conditionally-show{ display: none; }
.mfn-ui.preview-mobile .mfn-form .mfn-form-row.mfn_field_tablet, .mfn-ui.preview-mobile .mfn-form .mfn-form-row.mfn_field_tablet.conditionally-show{ display: none; }
.mfn-ui.preview-mobile .mfn-form .mfn-form-row.mfn_field_mobile, .mfn-ui.preview-mobile .mfn-form .mfn-form-row.mfn_field_mobile.conditionally-show{ display: block; }

.mfn-ui.preview-tablet .mfn-form .mfn-form-row.mfn_field_mobile, .mfn-ui.preview-tablet .mfn-form .mfn-form-row.mfn_field_mobile.conditionally-show{ display: none; }
.mfn-ui.preview-tablet .mfn-form .mfn-form-row.mfn_field_tablet, .mfn-ui.preview-tablet .mfn-form .mfn-form-row.mfn_field_tablet.conditionally-show{ display: block; }
.mfn-ui.preview-tablet .mfn-form .mfn-form-row.mfn_field_desktop, .mfn-ui.preview-tablet .mfn-form .mfn-form-row.mfn_field_desktop.conditionally-show{ display: none; }
.mfn-ui.preview-tablet .mfn-form .mfn-form-row.mfn_field_laptop, .mfn-ui.preview-tablet .mfn-form .mfn-form-row.mfn_field_laptop.conditionally-show{ display: none; }

.mfn-ui.preview-laptop .mfn-form .mfn-form-row.mfn_field_mobile,  .mfn-ui.preview-laptop .mfn-form .mfn-form-row.mfn_field_mobile.conditionally-show{ display: none; }
.mfn-ui.preview-laptop .mfn-form .mfn-form-row.mfn_field_laptop, .mfn-ui.preview-laptop .mfn-form .mfn-form-row.mfn_field_laptop.conditionally-show{ display: block; }
.mfn-ui.preview-laptop .mfn-form .mfn-form-row.mfn_field_desktop, .mfn-ui.preview-laptop .mfn-form .mfn-form-row.mfn_field_desktop.conditionally-show{ display: none; }
.mfn-ui.preview-laptop .mfn-form .mfn-form-row.mfn_field_tablet, .mfn-ui.preview-laptop .mfn-form .mfn-form-row.mfn_field_tablet.conditionally-show{ display: none; }





.mfn-ui .mfn-form .mfn-form-row.mfn-vb-formrow.conditionally-hide,
.mfn-ui .mfn-form .mfn-form-row.mfn-vb-formrow.mfn-toggled.conditionally-show{ 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-row.mfn-toggled, .mfn-ui.preview-laptop .mfn-form-row.mfn_field_laptop.mfn-toggled, .mfn-ui.preview-mobile .mfn-form-row.mfn_field_mobile.mfn-toggled, .mfn-ui.preview-tablet .mfn-form-row.mfn_field_tablet.mfn-toggled, .mfn-ui.mfn-vb-template.mfn-vb-tmpl-header .visible-header-builder.mfn-toggled{ display: none; }

.mfn-ui.preview-desktop .mfn-form .mfn-form-row.mfn_field_desktop.conditionally-hide,
.mfn-ui.preview-tablet .mfn-form .mfn-form-row.mfn_field_tablet.conditionally-hide,
.mfn-ui.preview-laptop .mfn-form .mfn-form-row.mfn_field_laptop.conditionally-hide,
.mfn-ui.preview-mobile .mfn-form .mfn-form-row.mfn_field_mobile.conditionally-hide{
  display: none;
}

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

.mfn-ui .mfn-form .modalbox-card{
  display: none;
}
.mfn-ui .mfn-form .modalbox-card.active{
  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.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 .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: 295px; 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]: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]:hover:before{ transform: translate(22px, -10px); }
.mfn-ui .mfn-form .desc-group{ display: none; margin-bottom: 15px; }



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



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



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

.theme-options-tabs .vb-to-custom .custom-javascript{display:none!important}

.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-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-vb-formrow.mfn-hidden-nested-wrap{ opacity: 0.3; pointer-events: none; }
.mfn-template-builder-blog .hidden-blog-builder{ opacity: 0.3; pointer-events: none; }
.mfn-template-builder-portfolio .hidden-portfolio-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-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 .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){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-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; }

/* 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; 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 var(--mfn-ui-revisions-list-bg-hover); 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; font-size: 10px; line-height: 1em; top: -26px; left: 10px; background-color: var(--mfn-ui-modal-bg); color: var(--mfn-ui-heading); }
.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:before{ content: "AND"; position: absolute; font-size: 10px; line-height: 1em; top: -5px; left: 10px; background-color: var(--mfn-ui-modal-bg); color: var(--mfn-ui-heading);}
.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-bottom: 10px; margin-top: 10px; border-bottom: 1px solid var(--mfn-ui-panel-heading-bg); }
.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; }

.modal-conditional-logic .mfn-cl-content-wrapper{ display: block; width: 100%; text-align:center;}
.modal-conditional-logic .modal-conditional-logic-form{ margin-bottom: 20px; }
.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{ min-height: 30px; }
.mfn-select2-wrapper.mfn-select2-loading .mfn-select2-options:before{ content: "Please wait..."; position: absolute; top: 0; left: 0; z-index:10; background-color: rgba(0,0,0,.8); 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-hotspot-point{ display: block; width: 100%; position: relative; margin-bottom: 5px;}
.mfn-hotspot-point .mfn-hotspot-form-wrapper{ display: none; width: 100%; }
.mfn-hotspot-point.open .mfn-hotspot-form-wrapper{ box-sizing: border-box;  padding: 10px 10px 0 10px; display: block; border-width: 0 1px 1px 1px; border-style: solid; border-color: var(--mfn-ui-panel-heading-bg);}
.mfn-hotspot-point .mfn-hotspot-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-hotspot-point .mfn-hotspot-point-tab-header h6{font-weight: 500; margin: 0;}
.mfn-hotspot-point.open .mfn-hotspot-point-tab-header .mfn-tab-toggle{ transform: rotate(180deg); }
.mfn-hotspot-point .mfn-hotspot-point-tab-header .mfn-tab-toggle{ margin-right: 5px; transition: 0.3s; }
.mfn-hotspot-point .mfn-hotspot-point-header-left{ flex-grow:1; }