:root{
    --z-qr-app: 9;
    --z-blog-tab: 9;
    
    --z-bootstrap-dropdown-backdrop: 990;
    --z-bootstrap-dropdown: 1000;

    --z-zoom: 1000;
    --z-scroll: 1000;

    --z-header: 1100;

    --z-bootstrap-modal-backdrop: 1140;
    --z-bootstrap-modal: 1150;
    --z-bootstrap-popover: 1160;
    --z-bootstrap-tooltip: 1170;

    --z-vivapark: 1171;

    --z-top-banner: 1200;
    
    --z-tinymce-base: 2000;
    --z-editor-base: 1000;
    --z-editor-modal: calc(var(--z-editor-base) + var(--z-bootstrap-modal));
    --z-editor-modal-backdrop: calc(var(--z-editor-base) + var(--z-bootstrap-modal-backdrop));
    --z-editor-tinymce: calc(var(--z-editor-base) + var(--z-tinymce-base) + 1);
    --z-editor-moxie: calc(var(--z-editor-base) + var(--z-tinymce-base) + 10);

    --z-cookie-hu: 5000;
    --z-cookie-tooltip: calc(var(--z-cookie-hu) + 1);
    --z-cookie-layout: var(--z-cookie-hu);

    --z-color-sample-cart: 9000;
    --z-fillscreen: 10000;
}

/* HEADER */

:root .header{
    z-index: var(--z-header);
}

/* MODAL */

:root .modal {
    z-index: var(--z-bootstrap-modal);
}

/* COOKIES */

:root .cookie-hu-container{
    z-index: var(--z-cookie-hu);
}

:root .cookie-tooltip{
    z-index: var(--z-cookie-tooltip);
}

:root .cookieLayout{
    z-index: var(--z-cookie-layout);
}

:root .pro-cookie-layout{
    z-index: var(--z-cookie-layout);
}

/* PAGE BUILDER */

:root .editor-page .modal{
    z-index: var(--z-editor-modal);
}

:root .editor-page .modal-backdrop{
    z-index: var(--z-editor-modal-backdrop);
}

/* TINY MCE */

:root .tox-tinymce-aux {
    z-index: var(--z-editor-tinymce) !important;
}

/* MOXIE */

:root .mce-floatpanel{
    z-index: var(--z-editor-moxie) !important;
}

/* BOOTSTRAP */

:root .modal-backdrop{
    z-index: var(--z-bootstrap-modal-backdrop);
}

:root .modal{
    z-index: var(--z-bootstrap-modal);
}

:root .dropdown-backdrop{
    z-index: var(--z-bootstrap-dropdown-backdrop);
}

:root .dropdown-menu{
    z-index: var(--z-bootstrap-dropdown);
}

:root .popover{
    z-index: var(--z-bootstrap-popover);
}

:root .tooltip{
    z-index: var(--z-bootstrap-tooltip);
}

/* BLOG TAB */

:root .blog-tab{
    z-index: var(--z-blog-tab);
}

/* PROMO SYSTEM */

:root .banner{  
    z-index: var(--z-top-banner);
}

:root .qr-app{
    z-index: var(--z-qr-app);
}

/* FILLSCREEN */

:root .fillscreen-zoomed-image {
    z-index: var(--z-fillscreen);
}

/* COLOR SAMPLE FLOATING CART */

:root .color-sample-floating-cart {
    z-index: var(--z-color-sample-cart);
}

/* VIVAPARK */

:root .vivapark-compare .vivapark-compare-main-image-row.house-main-image-fixed {
    z-index: var(--z-vivapark);
}

:root .house-detail-container .viva-park-house-card .house-main-image.house-main-image-fixed{
    z-index: var(--z-vivapark);
}

:root .vivapark-comparison-cart{
    z-index: calc(var(--z-vivapark) + 1);
}

/* ZOOM */

:root .enable-zoom .zoom {
    z-index: var(--z-zoom);
}

:root .enable-zoom .zoom-y {
    z-index: var(--z-zoom);
}

/* SCROLL */

:root #scroll-percentage {
    z-index: var(--z-scroll);
}