html.print-designer-mode,
body.print-designer-mode {
    overflow: hidden;
}

#main-container.print-designer-mode {
    display: flex;
    flex-direction: column;
    overflow: hidden !important;
    height: 92%;
}

#main-content.print-designer-mode {
    display: flex;
    flex-direction: column;
    flex: 1 1 auto;
    min-height: 0;
    height: 100%;
    overflow: hidden !important;
    padding-bottom: 0 !important;
}

#main-content.print-designer-mode > .print-page-heading,
#main-content.print-designer-mode > .print-tabs {
    flex-shrink: 0;
}

#main-content.print-designer-mode .designer-page {
    flex: 1 1 0;
    min-height: 0;
    overflow: hidden;
}

#main-content.print-designer-mode .designer-page-main {
    flex: 1 1 0;
    min-height: 0;
    overflow: hidden;
}

#main-content.print-designer-mode .designer-layout {
    flex: 1 1 0;
    min-height: 0;
    overflow: hidden;
}

#main-content.print-designer-mode .designer-sidebar {
    min-height: 0;
    max-height: 100%;
    overflow-x: hidden;
    overflow-y: auto;
    overscroll-behavior: contain;
}

#main-content.print-designer-mode .designer-main {
    min-height: 0;
    height: 100%;
    overflow: hidden;
}

#main-content.print-designer-mode .designer-canvas-workspace {
    flex: 1 1 0;
    min-height: 0;
    overflow: hidden;
}

#main-content.print-designer-mode .designer-canvas-scroll {
    height: 100%;
    overflow: auto;
    overscroll-behavior: contain;
}

#main-content.print-designer-mode .designer-footer {
    position: fixed;
    bottom: 0;
    z-index: 40;
    margin: 0;
    box-shadow: 0 -4px 12px rgba(15, 23, 42, .08);
}