html {
    height: 100%;
    margin: 0;
}

body {
    height: 100%;
    width: 100%;
    margin: 0;
    padding: 0px;
    position: absolute;
    box-sizing:border-box;
    -moz-box-sizing:border-box; /* Firefox */
    -webkit-box-sizing:border-box; /* Safari */
}

@media only screen and (min-width:  1200px) {
    body.drawer-open-left {
        width: calc(100% - 250px) !important;
    }
}

iframe {
    border-width: 0;
}

#viewport {
    width: 100%;
    height: 100%;
    position: relative;
    
    overflow: auto; /* pan-zoom feature, fixed layout pages */
}

.inpage #viewport {
    position: absolute;
    top: 0;
    bottom: 0;
}


/*Fixed layout */

#fixed-book-frame {
    position: absolute !important;
}



.iframe-fixed {
    width: 100%;
    height: 100%;
}


/*Reflowable layout*/

#reflowable-book-frame {
    position: absolute !important;
    left:0;
    top:0;
    right: 0;
    bottom: 0;
}

#reflowable-content-frame {
    position: absolute !important;
    opacity: 1;
    visibility: visible;
}

.content-doc-frame {
    position: relative !important;
}


/*fixed layout frames only*/
.fixed-page-frame, .fixed-page-frame-left, .fixed-page-frame-right, .fixed-page-frame-center {
    position: absolute !important;
}