/*  

Visual Builder

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


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

}

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

.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-element-fields-wrapper { display: none; }
.mfn-element-fields-wrapper.mfn-fr-show { display: block; }

.mfn-form-options .mfn-vb-formrow{
  display: block;
}
.mfn-vb-formrow.mfn-fr-show{
    display: block;
}
#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: "";
}
.sidebar-panel-footer .mfn-history-btn.inactive{
  pointer-events: none;
}
.sidebar-panel-footer .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: absolute; 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-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; }

/*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}
.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-form-control:not(:last-child){margin-bottom:5px}
.mfn-ui .mfn-form .tabs .tab .tab-content .form-control{width:100%;margin-top:13px}
.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}


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

.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; }
.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-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: #fff; }
  .mfn-ui a:hover.mfn-option-blank-dark { background-color:rgba(227,241,255,.05); color: #fff; }

/* Button classes */
.mfn-ui .mfn-btn.loading,
.mfn-ui a.mfn-option-btn.loading,
.mfn-ui .mfn-option-dropdown a.mfn-dropdown-item.loading { position: relative; }
.mfn-ui .mfn-btn.loading:after,
.mfn-ui a.mfn-option-btn.loading:after,
.mfn-ui a.mfn-dropdown-item.loading: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 { visibility: hidden; }
.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; }


/* 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 { left: -90px; 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 .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 .icon { width: 90px; display: inline-block; margin-bottom: 15px; }
.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-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); }


/* Navigator */
.mfn-ui .mfn-navigator { display: none; width: 330px; z-index: 9991; }
.mfn-navigator-active .mfn-navigator { display: block; }

.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: 16px; }
.mfn-ui .mfn-navigator .modalbox-content { position: relative; padding: 15px; height: calc(100% - 61px); }
.mfn-ui .mfn-navigator ul.navigator-tree li { position: relative; }
.mfn-ui .mfn-navigator ul.navigator-tree li a { display: flex; position: relative; align-items: center; padding: 10px 15px; color: var(--mfn-ui-navigator-tree-color); text-decoration: none; }
.mfn-ui .mfn-navigator ul.navigator-tree li a:hover { background-color:  var(--mfn-ui-navigator-tree-hover-bg); }
.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 > ul { display: none; }
.mfn-ui .mfn-navigator.mfn-nav-searching ul.navigator-tree li > ul { display: block; }

.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: 14px; 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: 26px; height: 26px; margin-right: 3px; margin-left: -6px; background-size: 22px; 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 { background-color: var(--mfn-ui-navigator-tree-wrap-bg); 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 .mfn-icon { display: block; flex-shrink: 0; width: 24px; height: 24px; margin-right: 10px; border-radius: 100%; background-color: var(--mfn-ui-navigator-tree-icon-bg); background-size: 20px; 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 > .navigator-arrow,
.mfn-ui .mfn-navigator ul.navigator-tree li.navigator-wrap > .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: 8px; transition: all 0.3s ease-in-out; }
.mfn-ui .mfn-navigator ul.navigator-tree li.navigator-section.active > .navigator-arrow,
.mfn-ui .mfn-navigator ul.navigator-tree li.navigator-wrap.active > .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; }



/* Forms */

.mfn-ui .mfn-form {}
.mfn-ui .mfn-form .mfn-form-row { margin-bottom: 10px; }
.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 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 { margin: 10px 0 20px; font-size: 13px; padding: 6px 0; border-bottom: 1px solid #000; background-color: transparent; }

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

.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-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; float: left; list-style: none;  width: 31%; margin: 0 2% 10px 0; }
.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 .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 .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 ul li:nth-child(7) { margin-top: 10px; }
    .mfn-ui .mfn-form .checkboxes ul li:nth-child(7) .title,
    .mfn-ui .mfn-form .checkboxes ul li:nth-child(8) .title,
    .mfn-ui .mfn-form .checkboxes ul li:nth-child(9) .title,
    .mfn-ui .mfn-form .checkboxes ul li:nth-child(10) .title { opacity: .5; }
    .mfn-ui .mfn-form .checkboxes ul li:nth-child(7) .title:after,
    .mfn-ui .mfn-form .checkboxes ul li:nth-child(8) .title:after,
    .mfn-ui .mfn-form .checkboxes ul li:nth-child(9) .title:after,
    .mfn-ui .mfn-form .checkboxes 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; }
.mfn-ui .mfn-form .visual-options ul li input[type="checkbox"] { display: 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 .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,
.mfn-ui .mfn-form .color-picker a:hover span.label{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}
.mfn-ui .mfn-form .color-picker.multi .color-picker-group:first-child{margin-right:10px}
.mfn-ui .mfn-form .color-picker.multi .color-picker-group[data-key]{margin-bottom:10px}
.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}
*/

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

.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 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 .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 .visibility .visual-segmented-options ul li:not(.active) .img .cls-1 { stroke: #fff; }
.mfn-ui .visibility .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 .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: 20px; }
.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 .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}


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

/* Snackbar */
.mfn-snackbar { display: inline-flex; align-items: center; 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 .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; }


/* 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-tablet .preview-wrapper iframe,
.mfn-visualbuilder.preview-mobile .preview-wrapper iframe { display: block; margin: 5vh auto; height: calc(90vh - 60px); min-height: auto; 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-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-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-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 .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 .sidebar-menu .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-visualbuilder .sidebar-menu .mfnb-logo .mfnb-ver:before { content: "V"; display: inline-block; }
.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{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{background-color:var(--mfn-ui-sidebar-menu-hover)}

.mfn-visualbuilder .sidebar-menu nav ul li.menu-items a{background-image:url(../svg/menu/items.svg)}
.mfn-visualbuilder .sidebar-menu nav ul li.menu-edit-item a{background-image:url(../svg/menu/items.svg)}
.mfn-visualbuilder .sidebar-menu nav ul li.menu-sections a{background-image:url(../svg/menu/prebuilt-sections.svg)}
.mfn-visualbuilder .sidebar-menu nav ul li.menu-navigator a{background-image:url(../svg/menu/navigator.svg)}
.mfn-visualbuilder .sidebar-menu nav ul li.menu-revisions a{background-image:url(../svg/menu/revision.svg)}
.mfn-visualbuilder .sidebar-menu nav ul li.menu-export a{background-image:url(../svg/menu/import-export.svg)}
.mfn-visualbuilder .sidebar-menu nav ul li.menu-page a{background-image:url(../svg/menu/import-page.svg)}
.mfn-visualbuilder .sidebar-menu nav ul li.menu-wordpress a{background-image:url(../svg/menu/wordpress.svg)}
.mfn-visualbuilder .sidebar-menu nav ul li.menu-viewpage a{background-image:url(../svg/menu/view-page.svg)}
.mfn-visualbuilder .sidebar-menu nav ul li.menu-preview a{background-image:url(../svg/menu/preview.svg)}
.mfn-visualbuilder .sidebar-menu nav ul li.menu-settings a{background-image:url(../svg/menu/settings.svg)}
.mfn-visualbuilder .sidebar-menu nav ul li.menu-options a{background-image:url(../svg/menu/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; 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-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 .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 > .btn-save-changes { margin: 0 0 0 5px;padding-top:5px;padding-bottom:5px;}
    .mfn-visualbuilder .sidebar-panel .sidebar-panel-footer > .btn-save-changes.mfn-btn-green { border-radius: 3px 0 0 3px; }
    .mfn-visualbuilder .sidebar-panel .sidebar-panel-footer > .btn-save-changes.mfn-btn-blue { padding-left: 20px; padding-right: 20px; }
    .mfn-visualbuilder .sidebar-panel .sidebar-panel-footer .btn-save-option{padding: 5px 0; margin: 0; border-radius: 0 3px 3px 0;}
    .mfn-visualbuilder .sidebar-panel .sidebar-panel-footer .btn-save-action{margin-left: 0;border-left: 1px solid #54a678;}
    .mfn-visualbuilder .sidebar-panel .sidebar-panel-footer .btn-save-action:hover > .dropdown-wrapper{display: none;}
    .mfn-visualbuilder .sidebar-panel .sidebar-panel-footer .btn-save-action.s-opt-show .dropdown-wrapper{display: block;}
    .mfn-visualbuilder .sidebar-panel .sidebar-panel-footer .dropdown-wrapper{top: inherit; bottom: 100%; left: inherit; right: 0; padding:  5px;}
    .mfn-visualbuilder .sidebar-panel .sidebar-panel-footer .dropdown-wrapper .mfn-btn{padding: 4px; width: 100%; box-sizing: border-box; margin: 0; background-color: transparent; transition: 0.3s;}
    .mfn-visualbuilder .sidebar-panel .sidebar-panel-footer .dropdown-wrapper .mfn-btn:hover{background-color: #edf1f5; padding-left: 8px;}


    .mfn-visualbuilder .sidebar-panel-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.category-single-product a:after,
    .mfn-visualbuilder .sidebar-panel-content ul.items-list li.category-shop-archive 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; }

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

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

/* ---------- ICONS ---------- */

.mfn-icon-edit { background-image:url(../svg/options/edit.svg); }
.mfn-icon-edit-light { background-image:url(../svg/options/edit-light.svg); }
.mfn-icon-clone { background-image:url(../svg/options/clone.svg); }
.mfn-icon-clone-light { background-image:url(../svg/options/clone-light.svg); }
.mfn-icon-show { background-image:url(../svg/options/show.svg); }
.mfn-icon-hide { background-image:url(../svg/options/hide.svg); }
.mfn-icon-delete { background-image:url(../svg/options/delete.svg); }
.mfn-icon-delete-light { background-image: url(../svg/options/delete-light.svg); }
.mfn-icon-delete-red { background-image:url(../svg/options/delete-red.svg); }
.mfn-icon-more { background-image:url(../svg/options/more.svg); }
.mfn-icon-card { background-image:url(../svg/options/card.svg); }
.mfn-icon-check-blue { background-image:url(../svg/options/check-blue.svg); }
.mfn-icon-arrow-up { background-image:url(../svg/options/arrow-up.svg); }
.mfn-icon-arrow-down { background-image:url(../svg/options/arrow-down.svg); }
.mfn-icon-arrow-left { background-image:url(../svg/options/arrow-left.svg); }
.mfn-icon-arrow-right { background-image:url(../svg/options/arrow-right.svg); }
.mfn-icon-padding-up { background-image:url(../svg/options/padding-up.svg); }
.mfn-icon-padding-down { background-image:url(../svg/options/padding-down.svg); }
.mfn-icon-padding-horizontal { background-image:url(../svg/options/padding-horizontal.svg); }
.mfn-icon-information { background-image:url(../svg/options/info.svg); }
.mfn-icon-dec { background-image:url(../svg/options/dec.svg); }
.mfn-icon-dec-light { background-image:url(../svg/options/dec-light.svg); }
.mfn-icon-inc { background-image:url(../svg/options/inc.svg); }
.mfn-icon-inc-light { background-image:url(../svg/options/inc-light.svg); }
.mfn-icon-move-up { background-image:url(../svg/options/move-up.svg); }
.mfn-icon-move-down { background-image:url(../svg/options/move-down.svg); }
.mfn-icon-fold { background-image:url(../svg/options/fold.svg); }
.mfn-icon-fold-light { background-image:url(../svg/options/fold-light.svg); }
.mfn-icon-unfold { background-image:url(../svg/options/unfold.svg); }
.mfn-icon-export { background-image:url(../svg/options/export.svg); }
.mfn-icon-import-before { background-image:url(../svg/options/import-before.svg); } /* dodac */
.mfn-icon-import-after { background-image:url(../svg/options/import-after.svg); } /* dodac */
.mfn-icon-add { background-image:url(../svg/options/add.svg); }
.mfn-icon-add-light { background-image:url(../svg/options/add-light.svg); }
.mfn-icon-close { background-image:url(../svg/options/close.svg); }
.mfn-icon-close-light { background-image:url(../svg/options/close-light.svg); }
.mfn-icon-desktop { background-image:url(../svg/options/desktop.svg); }
.mfn-icon-desktop-light { background-image:url(../svg/options/desktop-light.svg); }
.mfn-icon-tablet { background-image:url(../svg/options/tablet.svg); }
.mfn-icon-tablet-light { background-image:url(../svg/options/tablet-light.svg); }
.mfn-icon-mobile { background-image:url(../svg/options/mobile.svg); }
.mfn-icon-mobile-light { background-image:url(../svg/options/mobile-light.svg); }
.mfn-icon-search { background-image:url(../svg/options/search.svg); }
.mfn-icon-copy { background-image:url(../svg/options/copy.svg); }
.mfn-icon-paste { background-image:url(../svg/options/paste.svg); }
.mfn-icon-cog { background-image:url(../svg/options/cog.svg); }
.mfn-icon-cog-light { background-image:url(../svg/options/cog-light.svg); }
.mfn-icon-desc { background-image:url(../svg/options/desc.svg); }
.mfn-icon-navigator {background-image:url(../svg/editor/navigator.svg)}
.mfn-icon-folder {background-image:url(../svg/editor/folder.svg)}
.mfn-icon-folder-open {background-image:url(../svg/editor/folder-open.svg)}
.mfn-icon-star {background-image:url(../svg/options/star.svg)}
.mfn-icon-preview { background-image:url(../svg/options/preview.svg); }
.mfn-icon-view-page { background-image:url(../svg/options/view-page.svg); }
.mfn-icon-section { background-image:url(../svg/options/section.svg); }
.mfn-icon-wrap { background-image:url(../svg/options/wrap.svg); }
.mfn-icon-item { background-image:url(../svg/options/item.svg); }

.mfn-icon-settings { background-image:url(../svg/others/settings.svg); }
.mfn-icon-options { background-image:url(../svg/menu/options.svg); }
.mfn-icon-support {background-image:url(../svg/others/support.svg)}
.mfn-icon-changelog { background-image:url(../svg/others/changelog.svg); }
.mfn-icon-card {background-image:url(../svg/others/card.svg)}
.mfn-icon-dark-mode {background-image:url(../svg/others/dark-mode.svg)}
.mfn-icon-grid-width {background-image:url(../svg/others/grid-width.svg)}
.mfn-icon-simple-view {background-image:url(../svg/others/simple-view.svg)}
.mfn-icon-hover-effects {background-image:url(../svg/others/hover-effects.svg)}
.mfn-icon-precompleted-items {background-image:url(../svg/others/precompleted-items.svg)}
.mfn-icon-add-big {background-image:url(../svg/others/add-big.svg)}
.mfn-icon-clock {background-image:url(../svg/others/clock.svg)}
.mfn-icon-predefined-sections {background-image:url(../svg/others/predefined-sections.svg)}
.mfn-icon-export-import {background-image:url(../svg/others/export-import.svg)}
.mfn-icon-menu {background-image:url(../svg/others/menu.svg)}
.mfn-icon-menu-light {background-image:url(../svg/others/menu-light.svg)}
.mfn-icon-revisions {background-image:url(../svg/others/revisions.svg)}
.mfn-icon-intro-slider {background-image:url(../svg/others/intro-slider.svg)}
.mfn-icon-shortcuts {background-image:url(../svg/others/shortcuts.svg)}
.mfn-icon-navigation {background-image:url(../svg/others/navigation.svg)}
.mfn-icon-right-click {background-image:url(../svg/others/right-click.svg)}

.mfn-icon-addmedia { background-image:url(../svg/editor/image.svg) }
.mfn-icon-bold {background-image:url(../svg/editor/bold.svg)}
.mfn-icon-italic {background-image:url(../svg/editor/italic.svg)}
.mfn-icon-underline {background-image:url(../svg/editor/underline.svg)}
.mfn-icon-textcolor {background-image:url(../svg/editor/text-color.svg)}
.mfn-icon-listordered {background-image:url(../svg/editor/ordered-list.svg)}
.mfn-icon-listunordered {background-image:url(../svg/editor/unordered-list.svg)}
.mfn-icon-link {background-image:url(../svg/editor/link.svg)}
.mfn-icon-table {background-image:url(../svg/editor/table.svg)}
.mfn-icon-break {background-image:url(../svg/editor/line-break.svg)}
.mfn-icon-divider {background-image:url(../svg/editor/divider.svg)}
.mfn-icon-lorem {background-image:url(../svg/editor/txt.svg)}
.mfn-icon-undo {background-image:url(../svg/editor/undo.svg)}
.mfn-icon-redo {background-image:url(../svg/editor/redo.svg)}
.mfn-icon-align-left {background-image:url(../svg/editor/align-left.svg)}
.mfn-icon-align-center {background-image:url(../svg/editor/align-center.svg)}
.mfn-icon-align-right {background-image:url(../svg/editor/align-right.svg)}
.mfn-icon-align-justify {background-image:url(../svg/editor/align-justify.svg)}
.mfn-icon-format-h1 {background-image:url(../svg/editor/format-h1.svg)}
.mfn-icon-format-h2 {background-image:url(../svg/editor/format-h2.svg)}
.mfn-icon-format-h3 {background-image:url(../svg/editor/format-h3.svg)}
.mfn-icon-format-h4 {background-image:url(../svg/editor/format-h4.svg)}
.mfn-icon-format-h5 {background-image:url(../svg/editor/format-h5.svg)}
.mfn-icon-format-h6 {background-image:url(../svg/editor/format-h6.svg)}
.mfn-icon-format-p { background-image:url(../svg/editor/format-paragraph.svg) }
.mfn-icon-format-p-big { background-image:url(../svg/editor/format-paragraph-big.svg) }
.mfn-icon-format-code { background-image:url(../svg/editor/format-code.svg) }
.mfn-icon-shortcode { background-image:url(../svg/editor/shortcode.svg) }

.mfn-item-accordion .card-icon, .mfn-icon-accordion  {background-image:url(../svg/items/accordion.svg)}
.mfn-item-article_box .card-icon, .mfn-icon-article-box  {background-image:url(../svg/items/article-box.svg)}
.mfn-item-before_after .card-icon, .mfn-icon-before-after  {background-image:url(../svg/items/before-after.svg)}
.mfn-item-blockquote .card-icon, .mfn-icon-blockquote  {background-image:url(../svg/items/blockquote.svg)}
.mfn-item-blog .card-icon, .mfn-icon-blog  {background-image:url(../svg/items/blog.svg)}
.mfn-item-blog_news .card-icon, .mfn-icon-blog-news  {background-image:url(../svg/items/blog-news.svg); }
.mfn-item-blog_slider .card-icon, .mfn-icon-blog-slider  {background-image:url(../svg/items/blog-slider.svg); }
.mfn-item-blog_teaser .card-icon, .mfn-icon-blog-teaser  {background-image:url(../svg/items/blog-teaser.svg); }
.mfn-item-button .card-icon, .mfn-icon-button  {background-image:url(../svg/items/button.svg); }
.mfn-item-call_to_action .card-icon, .mfn-icon-call-to-action  {background-image:url(../svg/items/call-to-action.svg); }
.mfn-item-chart .card-icon, .mfn-icon-chart  {background-image:url(../svg/items/chart.svg); }
.mfn-item-clients .card-icon, .mfn-icon-clients  {background-image:url(../svg/items/clients.svg); }
.mfn-item-clients_slider .card-icon, .mfn-icon-clients-slider  {background-image:url(../svg/items/clients-slider.svg); }
.mfn-item-code .card-icon, .mfn-icon-code  {background-image:url(../svg/items/code.svg); }
.mfn-item-column .card-icon, .mfn-icon-column  {background-image:url(../svg/items/column.svg); }
.mfn-item-contact_box .card-icon, .mfn-icon-contact-box  {background-image:url(../svg/items/contact-box.svg); }
.mfn-item-content .card-icon, .mfn-icon-content  {background-image:url(../svg/items/content.svg); }
.mfn-item-countdown .card-icon, .mfn-icon-countdown  {background-image:url(../svg/items/countdown.svg); }
.mfn-item-counter .card-icon, .mfn-icon-counter  {background-image:url(../svg/items/counter.svg); }
.mfn-item-divider .card-icon, .mfn-icon-divider {background-image:url(../svg/items/divider.svg); }
.mfn-item-fancy_divider .card-icon, .mfn-icon-fancy-divider  {background-image:url(../svg/items/fancy-divider.svg); }
.mfn-item-fancy_heading .card-icon, .mfn-icon-fancy-heading  {background-image:url(../svg/items/fancy-heading.svg); }
.mfn-item-faq .card-icon, .mfn-icon-faq  {background-image:url(../svg/items/faq.svg); }
.mfn-item-feature_box .card-icon, .mfn-icon-feature-box  {background-image:url(../svg/items/feature-box.svg); }
.mfn-item-feature_list .card-icon, .mfn-icon-feature-list  {background-image:url(../svg/items/feature-list.svg); }
.mfn-item-flat_box .card-icon, .mfn-icon-flat-box  {background-image:url(../svg/items/flat-box.svg); }
.mfn-item-heading .card-icon, .mfn-icon-heading  {background-image:url(../svg/items/heading.svg); }
.mfn-item-helper .card-icon, .mfn-icon-helper  {background-image:url(../svg/items/helper.svg); }
.mfn-item-hover_box .card-icon, .mfn-icon-hover-box   {background-image:url(../svg/items/hover-box.svg); }
.mfn-item-hover_color .card-icon, .mfn-icon-hover-color  {background-image:url(../svg/items/hover-color.svg); }
.mfn-item-how_it_works .card-icon, .mfn-icon-how-it_works  {background-image:url(../svg/items/how-it-works.svg); }
.mfn-item-icon_box .card-icon, .mfn-icon-icon-box  {background-image:url(../svg/items/icon-box.svg); }
.mfn-item-image .card-icon, .mfn-icon-image  {background-image:url(../svg/items/image.svg); }
.mfn-item-image_gallery .card-icon, .mfn-icon-image-gallery  {background-image:url(../svg/items/image-gallery.svg); }
.mfn-item-info_box .card-icon, .mfn-icon-info-box  {background-image:url(../svg/items/info-box.svg); }
.mfn-item-list .card-icon, .mfn-icon-list  {background-image:url(../svg/items/list.svg); }
.mfn-item-map_basic .card-icon, .mfn-icon-map-basic  {background-image:url(../svg/items/map-basic.svg); }
.mfn-item-map .card-icon, .mfn-icon-map  {background-image:url(../svg/items/map.svg); }
.mfn-item-offer .card-icon, .mfn-icon-offer  {background-image:url(../svg/items/offer.svg); }
.mfn-item-offer_thumb .card-icon, .mfn-icon-offer-thumb  {background-image:url(../svg/items/offer-thumb.svg); }
.mfn-item-opening_hours .card-icon, .mfn-icon-opening-hours  {background-image:url(../svg/items/opening-hours.svg); }
.mfn-item-table_of_contents .card-icon, .mfn-icon-table-of-contents  {background-image:url(../svg/items/table-of-contents.svg); }
.mfn-item-our_team .card-icon, .mfn-icon-our-team  {background-image:url(../svg/items/our-team.svg); }
.mfn-item-our_team_list .card-icon, .mfn-icon-our-team-list  {background-image:url(../svg/items/our-team-list.svg); }
.mfn-item-photo_box .card-icon, .mfn-icon-photo-box  {background-image:url(../svg/items/photo-box.svg); }
.mfn-item-placeholder .card-icon, .mfn-icon-placeholder  {background-image:url(../svg/items/placeholder.svg); }
.mfn-item-portfolio .card-icon, .mfn-icon-portfolio  {background-image:url(../svg/items/portfolio.svg); }
.mfn-item-portfolio_grid .card-icon, .mfn-icon-portfolio-grid  {background-image:url(../svg/items/portfolio-grid.svg); }
.mfn-item-portfolio_photo .card-icon, .mfn-icon-portfolio-photo  {background-image:url(../svg/items/portfolio-photo.svg); }
.mfn-item-portfolio_slider .card-icon, .mfn-icon-portfolio-slider  {background-image:url(../svg/items/portfolio-slider.svg); }
.mfn-item-pricing_item .card-icon, .mfn-icon-pricing-item  {background-image:url(../svg/items/pricing-item.svg); }
.mfn-item-progress_bars .card-icon, .mfn-icon-progress-bars  {background-image:url(../svg/items/progress-bars.svg); }
.mfn-item-promo_box .card-icon, .mfn-icon-promo-box  {background-image:url(../svg/items/promo-box.svg); }
.mfn-item-quick_fact .card-icon, .mfn-icon-quick-fact  {background-image:url(../svg/items/quick-fact.svg); }
.mfn-item-shop .card-icon, .mfn-icon-shop  {background-image:url(../svg/items/shop.svg); }
.mfn-item-shop_slider .card-icon, .mfn-icon-shop-slider  {background-image:url(../svg/items/shop-slider.svg); }
.mfn-item-sidebar_widget .card-icon, .mfn-icon-sidebar-widget  {background-image:url(../svg/items/sidebar-widget.svg); }
.mfn-item-slider .card-icon, .mfn-icon-slider  {background-image:url(../svg/items/slider.svg); }
.mfn-item-slider_plugin .card-icon, .mfn-icon-slider-plugin  {background-image:url(../svg/items/slider-plugin.svg); }
.mfn-item-sliding_box .card-icon, .mfn-icon-sliding-box  {background-image:url(../svg/items/sliding-box.svg); }
.mfn-item-story_box .card-icon, .mfn-icon-story-box  {background-image:url(../svg/items/story-box.svg); }
.mfn-item-tabs .card-icon, .mfn-icon-tabs  {background-image:url(../svg/items/tabs.svg); }
.mfn-item-testimonials .card-icon, .mfn-icon-testimonials  {background-image:url(../svg/items/testimonials.svg); }
.mfn-item-testimonials_list .card-icon, .mfn-icon-testimonials-list  {background-image:url(../svg/items/testimonials-list.svg); }
.mfn-item-timeline .card-icon, .mfn-icon-timeline  {background-image:url(../svg/items/timeline.svg); }
.mfn-item-trailer_box .card-icon, .mfn-icon-trailer-box  {background-image:url(../svg/items/trailer-box.svg); }
.mfn-item-video .card-icon, .mfn-icon-video  {background-image:url(../svg/items/video.svg); }
.mfn-item-visual .card-icon, .mfn-icon-visual  {background-image:url(../svg/items/visual.svg); }
.mfn-item-zoom_box  .card-icon, .mfn-icon-zoom-box  {background-image:url(../svg/items/zoom-box.svg); }
.mfn-item-livesearch  .card-icon, .mfn-icon-livesearch  {background-image:url(../svg/items/livesearch.svg); }

.mfn-item-product_title .card-icon, .mfn-icon-product-title{background-image:url(../svg/items/product-title.svg)}
.mfn-item-product_images .card-icon, .mfn-icon-product-images{background-image:url(../svg/items/product-images.svg)}
.mfn-item-product_price .card-icon, .mfn-icon-product-price{background-image:url(../svg/items/product-price.svg)}
.mfn-item-product_cart_button .card-icon, .mfn-icon-product-cart-button{background-image:url(../svg/items/product-cart-button.svg)}
.mfn-item-product_rating .card-icon, .mfn-icon-product-rating{background-image:url(../svg/items/product-rating.svg)}
.mfn-item-product_stock .card-icon, .mfn-icon-product-stock{background-image:url(../svg/items/product-stock.svg)}
.mfn-item-product_meta .card-icon, .mfn-icon-product-meta{background-image:url(../svg/items/product-meta.svg)}
.mfn-item-product_short_description .card-icon, .mfn-icon-product-short-description{background-image:url(../svg/items/product-short-description.svg)}
.mfn-item-product_content .card-icon, .mfn-icon-product-content{background-image:url(../svg/items/product-content.svg)}
.mfn-item-product_additional_information .card-icon, .mfn-icon-product-additional-information{background-image:url(../svg/items/product-additional-information.svg)}
.mfn-item-product_related .card-icon, .mfn-icon-product-related{background-image:url(../svg/items/product-related.svg)}
.mfn-item-product_upsells .card-icon, .mfn-icon-product-upsells{background-image:url(../svg/items/product-upsells.svg)}
.mfn-item-product_reviews .card-icon, .mfn-icon-product-reviews{background-image:url(../svg/items/product-reviews.svg)}
.mfn-item-product_breadcrumbs .card-icon, .mfn-icon-product-breadcrumbs{background-image:url(../svg/items/product-breadcrumbs.svg)}

.mfn-item-shop_categories .card-icon, .mfn-icon-shop-categories{background-image:url(../svg/items/shop-categories.svg)}
.mfn-item-shop_products .card-icon, .mfn-icon-shop-products{background-image:url(../svg/items/shop-products.svg)}
.mfn-item-shop_title .card-icon, .mfn-icon-shop-title{background-image:url(../svg/items/shop-title.svg)}

.mfn-item-header_logo .card-icon, .mfn-icon-header-logo{background-image:url(../svg/items/header-logo.svg)}
.mfn-item-header_menu .card-icon, .mfn-icon-header-menu{background-image:url(../svg/items/header-promo-bar.svg)}
.mfn-item-header_icon .card-icon, .mfn-icon-header-icon{background-image:url(../svg/items/header-icon.svg)}
.mfn-item-header_promo_bar .card-icon, .mfn-icon-header-promo-bar{background-image:url(../svg/items/header-menu.svg)}



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

.mfn-ui-dark .mfn-icon-edit { background-image:url(../_dark/svg/options/edit.svg); }
.mfn-ui-dark .mfn-icon-edit-light { background-image:url(../_dark/svg/options/edit-light.svg); }
.mfn-ui-dark .mfn-icon-clone { background-image:url(../_dark/svg/options/clone.svg); }
.mfn-ui-dark .mfn-icon-clone-light { background-image:url(../_dark/svg/options/clone-light.svg); }
.mfn-ui-dark .mfn-icon-show { background-image:url(../_dark/svg/options/show.svg); }
.mfn-ui-dark .mfn-icon-hide { background-image:url(../_dark/svg/options/hide.svg); }
.mfn-ui-dark .mfn-icon-delete { background-image:url(../_dark/svg/options/delete.svg); }
.mfn-ui-dark .mfn-icon-delete-light { background-image: url(../_dark/svg/options/delete-light.svg); }
.mfn-ui-dark .mfn-icon-delete-red { background-image:url(../_dark/svg/options/delete-red.svg); }
.mfn-ui-dark .mfn-icon-more { background-image:url(../_dark/svg/options/more.svg); }
.mfn-ui-dark .mfn-icon-card { background-image:url(../_dark/svg/options/card.svg); }
.mfn-ui-dark .mfn-icon-check-blue { background-image:url(../_dark/svg/options/check-blue.svg); }
.mfn-ui-dark .mfn-icon-arrow-up { background-image:url(../_dark/svg/options/arrow-up.svg); }
.mfn-ui-dark .mfn-icon-arrow-down { background-image:url(../_dark/svg/options/arrow-down.svg); }
.mfn-ui-dark .mfn-icon-arrow-left { background-image:url(../_dark/svg/options/arrow-left.svg); }
.mfn-ui-dark .mfn-icon-arrow-right { background-image:url(../_dark/svg/options/arrow-right.svg); }
.mfn-ui-dark .mfn-icon-padding-up { background-image:url(../_dark/svg/options/padding-up.svg); }
.mfn-ui-dark .mfn-icon-padding-down { background-image:url(../_dark/svg/options/padding-down.svg); }
.mfn-ui-dark .mfn-icon-padding-horizontal { background-image:url(../_dark/svg/options/padding-horizontal.svg); }
.mfn-ui-dark .mfn-icon-information { background-image:url(../_dark/svg/options/info.svg); }
.mfn-ui-dark .mfn-icon-dec { background-image:url(../_dark/svg/options/dec.svg); }
.mfn-ui-dark .mfn-icon-dec-light { background-image:url(../_dark/svg/options/dec-light.svg); }
.mfn-ui-dark .mfn-icon-inc { background-image:url(../_dark/svg/options/inc.svg); }
.mfn-ui-dark .mfn-icon-inc-light { background-image:url(../_dark/svg/options/inc-light.svg); }
.mfn-ui-dark .mfn-icon-move-up { background-image:url(../_dark/svg/options/move-up.svg); }
.mfn-ui-dark .mfn-icon-move-down { background-image:url(../_dark/svg/options/move-down.svg); }
.mfn-ui-dark .mfn-icon-fold { background-image:url(../_dark/svg/options/fold.svg); }
.mfn-ui-dark .mfn-icon-fold-light { background-image:url(../_dark/svg/options/fold-light.svg); }
.mfn-ui-dark .mfn-icon-unfold { background-image:url(../_dark/svg/options/unfold.svg); }
.mfn-ui-dark .mfn-icon-export { background-image:url(../_dark/svg/options/export.svg); }
.mfn-ui-dark .mfn-icon-import-before { background-image:url(../_dark/svg/options/import-before.svg); } /* dodac */
.mfn-ui-dark .mfn-icon-import-after { background-image:url(../_dark/svg/options/import-after.svg); } /* dodac */
.mfn-ui-dark .mfn-icon-add { background-image:url(../_dark/svg/options/add.svg); }
.mfn-ui-dark .mfn-icon-add-light { background-image:url(../_dark/svg/options/add-light.svg); }
.mfn-ui-dark .mfn-icon-close { background-image:url(../_dark/svg/options/close.svg); }
.mfn-ui-dark .mfn-icon-close-light { background-image:url(../_dark/svg/options/close-light.svg); }
.mfn-ui-dark .mfn-icon-desktop { background-image:url(../_dark/svg/options/desktop.svg); }
.mfn-ui-dark .mfn-icon-desktop-light { background-image:url(../_dark/svg/options/desktop-light.svg); }
.mfn-ui-dark .mfn-icon-tablet { background-image:url(../_dark/svg/options/tablet.svg); }
.mfn-ui-dark .mfn-icon-tablet-light { background-image:url(../_dark/svg/options/tablet-light.svg); }
.mfn-ui-dark .mfn-icon-mobile { background-image:url(../_dark/svg/options/mobile.svg); }
.mfn-ui-dark .mfn-icon-mobile-light { background-image:url(../_dark/svg/options/mobile-light.svg); }
.mfn-ui-dark .mfn-icon-search { background-image:url(../_dark/svg/options/search.svg); }
.mfn-ui-dark .mfn-icon-copy { background-image:url(../_dark/svg/options/copy.svg); }
.mfn-ui-dark .mfn-icon-paste { background-image:url(../_dark/svg/options/paste.svg); }
.mfn-ui-dark .mfn-icon-cog { background-image:url(../_dark/svg/options/cog.svg); }
.mfn-ui-dark .mfn-icon-cog-light { background-image:url(../_dark/svg/options/cog-light.svg); }
.mfn-ui-dark .mfn-icon-desc { background-image:url(../_dark/svg/options/desc.svg); }
.mfn-ui-dark .mfn-icon-navigator {background-image:url(../_dark/svg/editor/navigator.svg)}
.mfn-ui-dark .mfn-icon-folder {background-image:url(../_dark/svg/editor/folder.svg)}
.mfn-ui-dark .mfn-icon-folder-open {background-image:url(../_dark/svg/editor/folder-open.svg)}
.mfn-ui-dark .mfn-icon-star {background-image:url(../_dark/svg/options/star.svg)}
.mfn-ui-dark .mfn-icon-preview { background-image:url(../_dark/svg/options/preview.svg); }
.mfn-ui-dark .mfn-icon-view-page { background-image:url(../_dark/svg/options/view-page.svg); }
.mfn-ui-dark .mfn-icon-section { background-image:url(../_dark/svg/options/section.svg); }
.mfn-ui-dark .mfn-icon-wrap { background-image:url(../_dark/svg/options/wrap.svg); }
.mfn-ui-dark .mfn-icon-item { background-image:url(../_dark/svg/options/item.svg); }


.mfn-ui-dark .mfn-icon-settings { background-image:url(../_dark/svg/others/settings.svg); }
.mfn-ui-dark .mfn-icon-options { background-image:url(../_dark/svg/menu/options.svg); }
.mfn-ui-dark .mfn-icon-support {background-image:url(../_dark/svg/others/support.svg)}
.mfn-ui-dark .mfn-icon-changelog { background-image:url(../_dark/svg/others/changelog.svg); }
.mfn-ui-dark .mfn-icon-card {background-image:url(../_dark/svg/others/card.svg)}
.mfn-ui-dark .mfn-icon-dark-mode {background-image:url(../_dark/svg/others/dark-mode.svg)}
.mfn-ui-dark .mfn-icon-grid-width {background-image:url(../_dark/svg/others/grid-width.svg)}
.mfn-ui-dark .mfn-icon-simple-view {background-image:url(../_dark/svg/others/simple-view.svg)}
.mfn-ui-dark .mfn-icon-hover-effects {background-image:url(../_dark/svg/others/hover-effects.svg)}
.mfn-ui-dark .mfn-icon-precompleted-items {background-image:url(../_dark/svg/others/precompleted-items.svg)}
.mfn-ui-dark .mfn-icon-add-big {background-image:url(../_dark/svg/others/add-big.svg)}
.mfn-ui-dark .mfn-icon-clock {background-image:url(../_dark/svg/others/clock.svg)}
.mfn-ui-dark .mfn-icon-predefined-sections {background-image:url(../_dark/svg/others/predefined-sections.svg)}
.mfn-ui-dark .mfn-icon-export-import {background-image:url(../_dark/svg/others/export-import.svg)}
.mfn-ui-dark .mfn-icon-menu {background-image:url(../_dark/svg/others/menu.svg)}
.mfn-ui-dark .mfn-icon-menu-light {background-image:url(../_dark/svg/others/menu-light.svg)}
.mfn-ui-dark .mfn-icon-revisions {background-image:url(../_dark/svg/others/revisions.svg)}
.mfn-ui-dark .mfn-icon-intro-slider {background-image:url(../_dark/svg/others/intro-slider.svg)}
.mfn-ui-dark .mfn-icon-shortcuts {background-image:url(../_dark/svg/others/shortcuts.svg)}
.mfn-ui-dark .mfn-icon-navigation {background-image:url(../_dark/svg/others/navigation.svg)}
.mfn-ui-dark .mfn-icon-right-click {background-image:url(../_dark/svg/others/right-click.svg)}

.mfn-ui-dark .mfn-icon-addmedia { background-image:url(../_dark/svg/editor/image.svg) }
.mfn-ui-dark .mfn-icon-bold {background-image:url(../_dark/svg/editor/bold.svg)}
.mfn-ui-dark .mfn-icon-italic {background-image:url(../_dark/svg/editor/italic.svg)}
.mfn-ui-dark .mfn-icon-underline {background-image:url(../_dark/svg/editor/underline.svg)}
.mfn-ui-dark .mfn-icon-textcolor {background-image:url(../_dark/svg/editor/text-color.svg)}
.mfn-ui-dark .mfn-icon-listordered {background-image:url(../_dark/svg/editor/ordered-list.svg)}
.mfn-ui-dark .mfn-icon-listunordered {background-image:url(../_dark/svg/editor/unordered-list.svg)}
.mfn-ui-dark .mfn-icon-link {background-image:url(../_dark/svg/editor/link.svg)}
.mfn-ui-dark .mfn-icon-table {background-image:url(../_dark/svg/editor/table.svg)}
.mfn-ui-dark .mfn-icon-break {background-image:url(../_dark/svg/editor/line-break.svg)}
.mfn-ui-dark .mfn-icon-divider {background-image:url(../_dark/svg/editor/divider.svg)}
.mfn-ui-dark .mfn-icon-lorem {background-image:url(../_dark/svg/editor/txt.svg)}
.mfn-ui-dark .mfn-icon-undo {background-image:url(../_dark/svg/editor/undo.svg)}
.mfn-ui-dark .mfn-icon-redo {background-image:url(../_dark/svg/editor/redo.svg)}
.mfn-ui-dark .mfn-icon-align-left {background-image:url(../_dark/svg/editor/align-left.svg)}
.mfn-ui-dark .mfn-icon-align-center {background-image:url(../_dark/svg/editor/align-center.svg)}
.mfn-ui-dark .mfn-icon-align-right {background-image:url(../_dark/svg/editor/align-right.svg)}
.mfn-ui-dark .mfn-icon-align-justify {background-image:url(../_dark/svg/editor/align-justify.svg)}
.mfn-ui-dark .mfn-icon-format-h1 {background-image:url(../_dark/svg/editor/format-h1.svg)}
.mfn-ui-dark .mfn-icon-format-h2 {background-image:url(../_dark/svg/editor/format-h2.svg)}
.mfn-ui-dark .mfn-icon-format-h3 {background-image:url(../_dark/svg/editor/format-h3.svg)}
.mfn-ui-dark .mfn-icon-format-h4 {background-image:url(../_dark/svg/editor/format-h4.svg)}
.mfn-ui-dark .mfn-icon-format-h5 {background-image:url(../_dark/svg/editor/format-h5.svg)}
.mfn-ui-dark .mfn-icon-format-h6 {background-image:url(../_dark/svg/editor/format-h6.svg)}
.mfn-ui-dark .mfn-icon-format-p { background-image:url(../_dark/svg/editor/format-paragraph.svg) }
.mfn-ui-dark .mfn-icon-format-p-big { background-image:url(../_dark/svg/editor/format-paragraph-big.svg) }
.mfn-ui-dark .mfn-icon-format-code { background-image:url(../_dark/svg/editor/format-code.svg) }
.mfn-ui-dark .mfn-icon-shortcode { background-image:url(../_dark/svg/editor/shortcode.svg) }

.mfn-ui-dark .mfn-item-accordion .card-icon, .mfn-ui-dark .mfn-icon-accordion  {background-image:url(../_dark/svg/items/accordion.svg)}
.mfn-ui-dark .mfn-item-article_box .card-icon, .mfn-ui-dark .mfn-icon-article-box  {background-image:url(../_dark/svg/items/article-box.svg)}
.mfn-ui-dark .mfn-item-before_after .card-icon, .mfn-ui-dark .mfn-icon-before-after  {background-image:url(../_dark/svg/items/before-after.svg)}
.mfn-ui-dark .mfn-item-blockquote .card-icon, .mfn-ui-dark .mfn-icon-blockquote  {background-image:url(../_dark/svg/items/blockquote.svg)}
.mfn-ui-dark .mfn-item-blog .card-icon, .mfn-ui-dark .mfn-icon-blog  {background-image:url(../_dark/svg/items/blog.svg)}
.mfn-ui-dark .mfn-item-blog_news .card-icon, .mfn-ui-dark .mfn-icon-blog-news  {background-image:url(../_dark/svg/items/blog-news.svg); }
.mfn-ui-dark .mfn-item-blog_slider .card-icon, .mfn-ui-dark .mfn-icon-blog-slider  {background-image:url(../_dark/svg/items/blog-slider.svg); }
.mfn-ui-dark .mfn-item-blog_teaser .card-icon, .mfn-ui-dark .mfn-icon-blog-teaser  {background-image:url(../_dark/svg/items/blog-teaser.svg); }
.mfn-ui-dark .mfn-item-button .card-icon, .mfn-ui-dark .mfn-icon-button  {background-image:url(../_dark/svg/items/button.svg); }
.mfn-ui-dark .mfn-item-call_to_action .card-icon, .mfn-ui-dark .mfn-icon-call-to-action  {background-image:url(../_dark/svg/items/call-to-action.svg); }
.mfn-ui-dark .mfn-item-chart .card-icon, .mfn-ui-dark .mfn-icon-chart  {background-image:url(../_dark/svg/items/chart.svg); }
.mfn-ui-dark .mfn-item-clients .card-icon, .mfn-ui-dark .mfn-icon-clients  {background-image:url(../_dark/svg/items/clients.svg); }
.mfn-ui-dark .mfn-item-clients_slider .card-icon, .mfn-ui-dark .mfn-icon-clients-slider  {background-image:url(../_dark/svg/items/clients-slider.svg); }
.mfn-ui-dark .mfn-item-code .card-icon, .mfn-ui-dark .mfn-icon-code  {background-image:url(../_dark/svg/items/code.svg); }
.mfn-ui-dark .mfn-item-column .card-icon, .mfn-ui-dark .mfn-icon-column  {background-image:url(../_dark/svg/items/column.svg); }
.mfn-ui-dark .mfn-item-contact_box .card-icon, .mfn-ui-dark .mfn-icon-contact-box  {background-image:url(../_dark/svg/items/contact-box.svg); }
.mfn-ui-dark .mfn-item-content .card-icon, .mfn-ui-dark .mfn-icon-content  {background-image:url(../_dark/svg/items/content.svg); }
.mfn-ui-dark .mfn-item-countdown .card-icon, .mfn-ui-dark .mfn-icon-countdown  {background-image:url(../_dark/svg/items/countdown.svg); }
.mfn-ui-dark .mfn-item-counter .card-icon, .mfn-ui-dark .mfn-icon-counter  {background-image:url(../_dark/svg/items/counter.svg); }
.mfn-ui-dark .mfn-item-divider .card-icon, .mfn-ui-dark .mfn-icon-divider {background-image:url(../_dark/svg/items/divider.svg); }
.mfn-ui-dark .mfn-item-fancy_divider .card-icon, .mfn-ui-dark .mfn-icon-fancy-divider  {background-image:url(../_dark/svg/items/fancy-divider.svg); }
.mfn-ui-dark .mfn-item-fancy_heading .card-icon, .mfn-ui-dark .mfn-icon-fancy-heading  {background-image:url(../_dark/svg/items/fancy-heading.svg); }
.mfn-ui-dark .mfn-item-faq .card-icon, .mfn-ui-dark .mfn-icon-faq  {background-image:url(../_dark/svg/items/faq.svg); }
.mfn-ui-dark .mfn-item-feature_box .card-icon, .mfn-ui-dark .mfn-icon-feature-box  {background-image:url(../_dark/svg/items/feature-box.svg); }
.mfn-ui-dark .mfn-item-feature_list .card-icon, .mfn-ui-dark .mfn-icon-feature-list  {background-image:url(../_dark/svg/items/feature-list.svg); }
.mfn-ui-dark .mfn-item-flat_box .card-icon, .mfn-ui-dark .mfn-icon-flat-box  {background-image:url(../_dark/svg/items/flat-box.svg); }
.mfn-ui-dark .mfn-item-heading .card-icon, .mfn-ui-dark .mfn-icon-heading  {background-image:url(../_dark/svg/items/heading.svg); }
.mfn-ui-dark .mfn-item-helper .card-icon, .mfn-ui-dark .mfn-icon-helper  {background-image:url(../_dark/svg/items/helper.svg); }
.mfn-ui-dark .mfn-item-hover_box .card-icon, .mfn-ui-dark .mfn-icon-hover-box   {background-image:url(../_dark/svg/items/hover-box.svg); }
.mfn-ui-dark .mfn-item-hover_color .card-icon, .mfn-ui-dark .mfn-icon-hover-color  {background-image:url(../_dark/svg/items/hover-color.svg); }
.mfn-ui-dark .mfn-item-how_it_works .card-icon, .mfn-ui-dark .mfn-icon-how-it-works  {background-image:url(../_dark/svg/items/how-it-works.svg); }
.mfn-ui-dark .mfn-item-icon_box .card-icon, .mfn-ui-dark .mfn-icon-icon-box  {background-image:url(../_dark/svg/items/icon-box.svg); }
.mfn-ui-dark .mfn-item-image .card-icon, .mfn-ui-dark .mfn-icon-image  {background-image:url(../_dark/svg/items/image.svg); }
.mfn-ui-dark .mfn-item-image_gallery .card-icon, .mfn-ui-dark .mfn-icon-image-gallery  {background-image:url(../_dark/svg/items/image-gallery.svg); }
.mfn-ui-dark .mfn-item-info_box .card-icon, .mfn-ui-dark .mfn-icon-info-box  {background-image:url(../_dark/svg/items/info-box.svg); }
.mfn-ui-dark .mfn-item-list .card-icon, .mfn-ui-dark .mfn-icon-list  {background-image:url(../_dark/svg/items/list.svg); }
.mfn-ui-dark .mfn-item-map_basic .card-icon, .mfn-ui-dark .mfn-icon-map-basic  {background-image:url(../_dark/svg/items/map-basic.svg); }
.mfn-ui-dark .mfn-item-map .card-icon, .mfn-ui-dark .mfn-icon-map  {background-image:url(../_dark/svg/items/map.svg); }
.mfn-ui-dark .mfn-item-offer .card-icon, .mfn-ui-dark .mfn-icon-offer  {background-image:url(../_dark/svg/items/offer.svg); }
.mfn-ui-dark .mfn-item-offer_thumb .card-icon, .mfn-ui-dark .mfn-icon-offer-thumb  {background-image:url(../_dark/svg/items/offer-thumb.svg); }
.mfn-ui-dark .mfn-item-opening_hours .card-icon, .mfn-ui-dark .mfn-icon-opening-hours  {background-image:url(../_dark/svg/items/opening-hours.svg); }
.mfn-ui-dark .mfn-item-table_of_contents .card-icon, .mfn-ui-dark .mfn-icon-table-of-contents  {background-image:url(../_dark/svg/items/table-of-contents.svg); }
.mfn-ui-dark .mfn-item-our_team .card-icon, .mfn-ui-dark .mfn-icon-our-team  {background-image:url(../_dark/svg/items/our-team.svg); }
.mfn-ui-dark .mfn-item-our_team_list .card-icon, .mfn-ui-dark .mfn-icon-our-team-list  {background-image:url(../_dark/svg/items/our-team-list.svg); }
.mfn-ui-dark .mfn-item-photo_box .card-icon, .mfn-ui-dark .mfn-icon-photo-box  {background-image:url(../_dark/svg/items/photo-box.svg); }
.mfn-ui-dark .mfn-item-placeholder .card-icon, .mfn-ui-dark .mfn-icon-placeholder  {background-image:url(../_dark/svg/items/placeholder.svg); }
.mfn-ui-dark .mfn-item-portfolio .card-icon, .mfn-ui-dark .mfn-icon-portfolio  {background-image:url(../_dark/svg/items/portfolio.svg); }
.mfn-ui-dark .mfn-item-portfolio_grid .card-icon, .mfn-ui-dark .mfn-icon-portfolio-grid  {background-image:url(../_dark/svg/items/portfolio-grid.svg); }
.mfn-ui-dark .mfn-item-portfolio_photo .card-icon, .mfn-ui-dark .mfn-icon-portfolio-photo  {background-image:url(../_dark/svg/items/portfolio-photo.svg); }
.mfn-ui-dark .mfn-item-portfolio_slider .card-icon, .mfn-ui-dark .mfn-icon-portfolio-slider  {background-image:url(../_dark/svg/items/portfolio-slider.svg); }
.mfn-ui-dark .mfn-item-pricing_item .card-icon, .mfn-ui-dark .mfn-icon-pricing-item  {background-image:url(../_dark/svg/items/pricing-item.svg); }
.mfn-ui-dark .mfn-item-progress_bars .card-icon, .mfn-ui-dark .mfn-icon-progress-bars  {background-image:url(../_dark/svg/items/progress-bars.svg); }
.mfn-ui-dark .mfn-item-promo_box .card-icon, .mfn-ui-dark .mfn-icon-promo-box  {background-image:url(../_dark/svg/items/promo-box.svg); }
.mfn-ui-dark .mfn-item-quick_fact .card-icon, .mfn-ui-dark .mfn-icon-quick-fact  {background-image:url(../_dark/svg/items/quick-fact.svg); }
.mfn-ui-dark .mfn-item-shop .card-icon, .mfn-ui-dark .mfn-icon-shop  {background-image:url(../_dark/svg/items/shop.svg); }
.mfn-ui-dark .mfn-item-shop_slider .card-icon, .mfn-ui-dark .mfn-icon-shop-slider  {background-image:url(../_dark/svg/items/shop-slider.svg); }
.mfn-ui-dark .mfn-item-sidebar_widget .card-icon, .mfn-ui-dark .mfn-icon-sidebar-widget  {background-image:url(../_dark/svg/items/sidebar-widget.svg); }
.mfn-ui-dark .mfn-item-slider .card-icon, .mfn-ui-dark .mfn-icon-slider  {background-image:url(../_dark/svg/items/slider.svg); }
.mfn-ui-dark .mfn-item-slider_plugin .card-icon, .mfn-ui-dark .mfn-icon-slider-plugin  {background-image:url(../_dark/svg/items/slider-plugin.svg); }
.mfn-ui-dark .mfn-item-sliding_box .card-icon, .mfn-ui-dark .mfn-icon-sliding-box  {background-image:url(../_dark/svg/items/sliding-box.svg); }
.mfn-ui-dark .mfn-item-story_box .card-icon, .mfn-ui-dark .mfn-icon-story-box  {background-image:url(../_dark/svg/items/story-box.svg); }
.mfn-ui-dark .mfn-item-tabs .card-icon, .mfn-ui-dark .mfn-icon-tabs  {background-image:url(../_dark/svg/items/tabs.svg); }
.mfn-ui-dark .mfn-item-testimonials .card-icon, .mfn-ui-dark .mfn-icon-testimonials  {background-image:url(../_dark/svg/items/testimonials.svg); }
.mfn-ui-dark .mfn-item-testimonials_list .card-icon, .mfn-ui-dark .mfn-icon-testimonials-list  {background-image:url(../_dark/svg/items/testimonials-list.svg); }
.mfn-ui-dark .mfn-item-timeline .card-icon, .mfn-ui-dark .mfn-icon-timeline  {background-image:url(../_dark/svg/items/timeline.svg); }
.mfn-ui-dark .mfn-item-trailer_box .card-icon, .mfn-ui-dark .mfn-icon-trailer-box  {background-image:url(../_dark/svg/items/trailer-box.svg); }
.mfn-ui-dark .mfn-item-video .card-icon, .mfn-ui-dark .mfn-icon-video  {background-image:url(../_dark/svg/items/video.svg); }
.mfn-ui-dark .mfn-item-visual .card-icon, .mfn-ui-dark .mfn-icon-visual  {background-image:url(../_dark/svg/items/visual.svg); }
.mfn-ui-dark .mfn-item-zoom_box  .card-icon, .mfn-ui-dark .mfn-icon-zoom-box  {background-image:url(../_dark/svg/items/zoom-box.svg); }
.mfn-ui-dark .mfn-item-livesearch  .card-icon, .mfn-ui-dark .mfn-icon-livesearch  {background-image:url(../_dark/svg/items/livesearch.svg); }

.mfn-ui-dark .mfn-item-product_title .card-icon, .mfn-ui-dark .mfn-icon-product-title{background-image:url(../_dark/svg/items/product-title.svg)}
.mfn-ui-dark .mfn-item-product_images .card-icon, .mfn-ui-dark .mfn-icon-product-images{background-image:url(../_dark/svg/items/product-images.svg)}
.mfn-ui-dark .mfn-item-product_price .card-icon, .mfn-ui-dark .mfn-icon-product-price{background-image:url(../_dark/svg/items/product-price.svg)}
.mfn-ui-dark .mfn-item-product_cart_button .card-icon, .mfn-ui-dark .mfn-icon-product-cart-button{background-image:url(../_dark/svg/items/product-cart-button.svg)}
.mfn-ui-dark .mfn-item-product_rating .card-icon, .mfn-ui-dark .mfn-icon-product-rating{background-image:url(../_dark/svg/items/product-rating.svg)}
.mfn-ui-dark .mfn-item-product_stock .card-icon, .mfn-ui-dark .mfn-icon-product-stock{background-image:url(../_dark/svg/items/product-stock.svg)}
.mfn-ui-dark .mfn-item-product_meta .card-icon, .mfn-ui-dark .mfn-icon-product-meta{background-image:url(../_dark/svg/items/product-meta.svg)}
.mfn-ui-dark .mfn-item-product_short_description .card-icon, .mfn-ui-dark .mfn-icon-product-short-description{background-image:url(../_dark/svg/items/product-short-description.svg)}
.mfn-ui-dark .mfn-item-product_content .card-icon, .mfn-ui-dark .mfn-icon-product-content{background-image:url(../_dark/svg/items/product-content.svg)}
.mfn-ui-dark .mfn-item-product_additional_information .card-icon, .mfn-ui-dark  .mfn-icon-product-additional-information{background-image:url(../_dark/svg/items/product-additional-information.svg)}
.mfn-ui-dark .mfn-item-product_related .card-icon, .mfn-ui-dark .mfn-icon-product-related{background-image:url(../_dark/svg/items/product-related.svg)}
.mfn-ui-dark .mfn-item-product_upsells .card-icon, .mfn-ui-dark .mfn-icon-product-upsells{background-image:url(../_dark/svg/items/product-upsells.svg)}
.mfn-ui-dark .mfn-item-product_reviews .card-icon, .mfn-ui-dark .mfn-icon-product-reviews{background-image:url(../_dark/svg/items/product-reviews.svg)}
.mfn-ui-dark .mfn-item-product_breadcrumbs .card-icon, .mfn-ui-dark .mfn-icon-product-breadcrumbs{background-image:url(../_dark/svg/items/product-breadcrumbs.svg)}

.mfn-ui-dark .mfn-item-shop_categories .card-icon, .mfn-ui-dark .mfn-icon-shop-categories{background-image:url(../_dark/svg/items/shop-categories.svg)}
.mfn-ui-dark .mfn-item-shop_products .card-icon, .mfn-ui-dark .mfn-icon-shop-products{background-image:url(../_dark/svg/items/shop-products.svg)}
.mfn-ui-dark .mfn-item-shop_title .card-icon, .mfn-ui-dark .mfn-icon-shop-title{background-image:url(../_dark/svg/items/shop-title.svg)}

.mfn-ui-dark .mfn-item-header_logo .card-icon, .mfn-ui-dark .mfn-icon-header-logo{background-image:url(../_dark/svg/items/header-logo.svg)}
.mfn-ui-dark .mfn-item-header_menu .card-icon, .mfn-ui-dark .mfn-icon-header-menu{background-image:url(../_dark/svg/items/header-promo-bar.svg)}
.mfn-ui-dark .mfn-item-header_icon .card-icon, .mfn-ui-dark .mfn-icon-header-icon{background-image:url(../_dark/svg/items/header-icon.svg)}
.mfn-ui-dark .mfn-item-header_promo_bar .card-icon, .mfn-ui-dark .mfn-icon-header-promo-bar{background-image:url(../_dark/svg/items/header-menu.svg)}


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

.mfn-ui-dark .sidebar-menu nav ul li.menu-items a{background-image:url(../_dark/svg/menu/items.svg)}
.mfn-ui-dark .sidebar-menu nav ul li.menu-edit-item a{background-image:url(../_dark/svg/menu/items.svg)}
.mfn-ui-dark .sidebar-menu nav ul li.menu-sections a{background-image:url(../_dark/svg/menu/prebuilt-sections.svg)}
.mfn-ui-dark .sidebar-menu nav ul li.menu-navigator a{background-image:url(../_dark/svg/menu/navigator.svg)}
.mfn-ui-dark .sidebar-menu nav ul li.menu-revisions a{background-image:url(../_dark/svg/menu/revision.svg)}
.mfn-ui-dark .sidebar-menu nav ul li.menu-export a{background-image:url(../_dark/svg/menu/import-export.svg)}
.mfn-ui-dark .sidebar-menu nav ul li.menu-page a{background-image:url(../_dark/svg/menu/import-page.svg)}
.mfn-ui-dark .sidebar-menu nav ul li.menu-wordpress a{background-image:url(../_dark/svg/menu/wordpress.svg)}
.mfn-ui-dark .sidebar-menu nav ul li.menu-viewpage a{background-image:url(../_dark/svg/menu/view-page.svg)}
.mfn-ui-dark .sidebar-menu nav ul li.menu-preview a{background-image:url(../_dark/svg/menu/preview.svg)}
.mfn-ui-dark .sidebar-menu nav ul li.menu-settings a{background-image:url(../_dark/svg/menu/settings.svg)}
.mfn-ui-dark .sidebar-menu nav ul li.menu-options a{background-image:url(../_dark/svg/menu/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 { 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 .visibility .visual-segmented-options ul li.active .img .cls-1 { stroke: #fff; }
.mfn-ui-dark .visibility .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); }

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




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

/* 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-fr-show .mfn-vb-formrow.mfn_field_tablet, 
.mfn-ui .mfn-form .mfn-fr-show .mfn-vb-formrow.mfn_field_mobile,
.mfn-ui .mfn-form .mfn-fr-show .mfn-vb-formrow.mfn_field_tablet.conditionally-show,
.mfn-ui .mfn-form .mfn-fr-show .mfn-vb-formrow.mfn_field_mobile.conditionally-show{ 
  display: none; 
}

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

.mfn-ui .mfn-form .mfn-form-row.toggle_fields > .mfn-vb-formrow,
.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{
  display: none;
}


.mfn-ui .mfn-form .mfn-form-row.mfn-vb-formrow.conditionally-show{ display: block; }


.mfn-ui.preview-desktop .mfn-form .mfn-form-row.mfn_field_mobile, .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{ 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, .mfn-ui.preview-desktop .mfn-form .mfn-form-row.mfn_field_tablet.conditionally-show{ 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{ display: block; }

.mfn-ui.preview-mobile .mfn-form .mfn-form-row.mfn_field_desktop, .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, .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, .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, .mfn-ui.preview-tablet .mfn-form .mfn-form-row.mfn_field_desktop.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.conditionally-show.mfn-toggled{ display: none; }

.mfn-ui .mfn-form-row.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{ 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-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 .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.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; }


.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 .visible-header-builder{
  display: none;
}
.mfn-ui.mfn-vb-template.mfn-vb-tmpl-header .hidden-header-builder{
  display: none;
}
.mfn-ui.mfn-vb-template.mfn-vb-tmpl-header .visible-header-builder{
  display: block;
}

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



.sidebar-wrapper.mfn-vb-sidebar-overlay:after{
	content: "";
	position: absolute;
	top: 0;
	left: 100%;
	display: block;
	width: 100vw;
	height: 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="portfolio_grid"] .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 {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; }