body {
    margin: 0px;
    padding: 0px;
    overflow: hidden;
    -webkit-overflow-scrolling: touch;
    overscroll-behavior-x: none;
    overscroll-behavior-y: none;
}

#main-window {
    position: absolute;
    top: 0px;
    left: 0px;
    right: 0px;
    bottom: 0px;
    -webkit-user-select: none;
    -webkit-user-drag: none;
}


/*
* Cannot directly apply to div and iframe as the audio view also containts div, it would make it error
*/

#main-window,
#audio-view,
.core-view .ebook-toolbar,
.visible-view,
.visible-view div {
    display: inline;
    visibility: visible;
    z-index: 0;
}

#main-window[data-visible="false"],
#audio-view[data-visible="false"],
.core-view .ebook-toolbar[data-visible="false"],
.visible-view[data-visible="false"],
.visible-view div[data-visible="false"] {
    display: none;
    visibility: hidden;
    z-index: -50;
}

#window-dialog[data-visible="true"] {
    z-index: 1200;
}

#window-dialog[data-visible="false"] {
    z-index: -50;
}

.core-view .ebook-main-frame,
.core-view .ebook-split-main-frame,
.core-view .ebook-text-search-frame,
.core-view .ebook-split-text-search-frame,
.core-view .ebook-tools-frame,
.core-view .ebook-split-tools-frame {
    display: inline;
    visibility: visible;
    z-index: 0;
}

.core-view .ebook-main-frame[data-visible="false"],
.core-view .ebook-split-main-frame[data-visible="false"],
.core-view .ebook-text-search-frame[data-visible="false"],
.core-view .ebook-split-text-search-frame[data-visible="false"],
.core-view .ebook-tools-frame[data-visible="false"],
.core-view .ebook-split-tools-frame[data-visible="false"] {
    display: inline;
    visibility: hidden;
    z-index: -50;
}

.full-screen {
    position: absolute;
    top: 0px;
    left: 0px;
    right: 0px;
    bottom: 0px;
    -webkit-user-select: none;
    -webkit-user-drag: none;
}

.full-screen iframe {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    border: 0px;
    margin: 0px;
    -webkit-user-select: none;
    -webkit-user-drag: none;
}

#nativeRequest,
#nativeRespond {
    position: absolute;
    display: none;
}

.ebook-frame {
    background-color: #CCCCCC;
    overflow: hidden;
}

.ebook-frame[data-whiteBg="true"] {
    background-color: #FFFFFF;
}

.white-bg {
    background-color: #FFFFFF;
}

.core-view .ebook-toolbar-bg {
    position: absolute;
    top: auto;
    left: auto;
    bottom: 0px;
    right: 0px;
    width: 100%;
    height: 36px;
    background-color: #FFFFFF;
}

.core-view .ebook-toolbar {
    position: absolute;
    top: auto;
    left: auto;
    bottom: 0px;
    right: 0px;
    width: 100%;
    height: 36px;
    background-color: transparent;
}

.core-view .ebook-split-main-frame {
    position: absolute;
    top: auto;
    left: auto;
    bottom: 36px;
    right: 0px;
    width: 100%;
    height: 100%;
}

.core-view .ebk-slider-hori {
    position: absolute;
    top: 50%;
    margin-top: -16px;
    left: 0px;
    width: 52px;
    height: 32px;
    background-image: url(../images/APP/slider_hori.png);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
    cursor: ew-resize;
}

.core-view .ebk-slider-vert {
    position: absolute;
    top: 0px;
    left: 50%;
    margin-left: -16px;
    width: 32px;
    height: 52px;
    background-image: url(../images/APP/slider_vert.png);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
    cursor: ns-resize;
}

.visually-hidden {
    position: absolute !important;
    height: 1px;
    width: 1px;
    overflow: hidden;
    clip: rect(1px, 1px, 1px, 1px);
}

#media-save-btn {
    position: absolute;
    top: 18px;
    left: 15px;
    right: auto;
    width: 40px;
    height: 40px;
    background-image: url(../images/APP/save.png);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
    cursor: pointer;
}

#media-close-btn {
    position: absolute;
    top: 18px;
    left: auto;
    right: 15px;
    width: 40px;
    height: 40px;
    background-image: url(../images/APP/close.png);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
    cursor: pointer;
}