/* Generic pane rules */
body {
    margin: 0;
    -webkit-text-size-adjust: 100%;
}

.page {
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    position: absolute
}

/* فقط layout shell — نه Bootstrap .row داخل فرم‌ها */
.page,
.col,
.body.row,
.header.row,
.footer.row {
    overflow: hidden;
}
/*.row { left: 0; right: 0; }*/
.col {
    top: 0;
    bottom: 0;
}

.scroll-x {
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
}

.scroll-y {
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
}

.scroll-y-form {
    overflow-y: scroll;
    -webkit-overflow-scrolling: touch;
}

.fill, .pane {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%
}

.pane {
    display: none;
}

/* فاز ۱: فقط pane فعال داخل داشبورد قابل مشاهده و کلیک است */
.main.pane .pane:not(.menu.pane):not(.active) {
    display: none !important;
    visibility: hidden !important;
    pointer-events: none !important;
}

.main.pane .pane:not(.menu.pane).active {
    display: block !important;
    visibility: visible !important;
    pointer-events: auto !important;
}

/* Workaround: in landscape mode, IEMobile makes bottom toolbar overlap the page, so shorten the page by 75px to compensate */
.iemobile .page {
    bottom: -6px;
}

@media screen and (orientation:landscape) {
    .iemobile .page {
        bottom: 75px;
    }
}

.body.row,
.header.row,
.footer.row {
    left: 0;
    right: 15px;
}