@font-face {
    font-family: 'Open Sans';
    src: url("../fonts/OpenSans-Regular.woff") format("woff");
    font-weight: normal;
    font-style: normal
}

.slider {
    display: inline-block;
    position: relative;
    vertical-align: top;
    width: 80px;
    height: 2px;
    top: 9px;
    margin: 0 5px;
    box-sizing: border-box;
    border-radius: 4px;
    box-shadow: inset 0 1px 1px #F0F0F0;
    border: 1px solid #959595
}

.slider__slider-base {
    height: 2px
}

.slider__handler {
    position: relative;
    width: 10px;
    height: 10px;
    border-radius: 50%;
    background: #959595;
    z-index: 1;
    cursor: pointer;
    transform: translate(-5px, -5px);
    -ms-transform: translate(-5px, -5px);
    -webkit-transform: translate(-5px, -5px);
    -moz-transform: translate(-5px, -5px)
}

.thumbnailWrapper {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    text-align: center
}

    .thumbnailWrapper.open {
        bottom: 50px
    }

    .thumbnailWrapper .thumbnailContainer {
        vertical-align: bottom
    }

        .thumbnailWrapper .thumbnailContainer.withPagination {
            padding-bottom: 2px
        }

        .thumbnailWrapper .thumbnailContainer.scaled {
            transform-origin: center bottom
        }

    .thumbnailWrapper .thumbnailControlsContainer {
        display: table;
        margin: 0 auto
    }

        .thumbnailWrapper .thumbnailControlsContainer .itemsContainer {
            display: table-cell;
            vertical-align: top;
            padding: 0
        }

        .thumbnailWrapper .thumbnailControlsContainer .paginationPage {
            display: table-cell;
            cursor: pointer;
            padding: 5px 0
        }

            .thumbnailWrapper .thumbnailControlsContainer .paginationPage .backLight {
                height: 100%;
                overflow: hidden;
                border-radius: 3px;
                transition: background 0.3s ease-out
            }

                .thumbnailWrapper .thumbnailControlsContainer .paginationPage .backLight.active {
                    background: #3C3E41
                }

                .thumbnailWrapper .thumbnailControlsContainer .paginationPage .backLight .arrow {
                    display: inline-block;
                    vertical-align: middle;
                    width: 8px;
                    margin: 0 7px;
                    height: 100%;
                    background-repeat: no-repeat;
                    background-position: center
                }

            .thumbnailWrapper .thumbnailControlsContainer .paginationPage.prev .backLight {
                margin-right: 2px
            }

            .thumbnailWrapper .thumbnailControlsContainer .paginationPage.prev .arrow {
                background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAxOC4xLjEsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjxzdmcgdmVyc2lvbj0iMS4xIiBpZD0iTGF5ZXJfMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeD0iMHB4IiB5PSIwcHgiDQoJIHZpZXdCb3g9IjAgMCAxMyAyMiIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDAgMTMgMjI7IiB4bWw6c3BhY2U9InByZXNlcnZlIj4NCjxzdHlsZSB0eXBlPSJ0ZXh0L2NzcyI+DQoJLnN0MHtmaWxsLXJ1bGU6ZXZlbm9kZDtjbGlwLXJ1bGU6ZXZlbm9kZDtmaWxsOiNDMEMwQzA7fQ0KPC9zdHlsZT4NCjxwYXRoIGNsYXNzPSJzdDAiIGQ9Ik0xMi40LDIuOEwzLjksMTFsOC42LDguM2wwLDBjMC4zLDAuMywwLjUsMC43LDAuNSwxLjFjMCwwLjktMC43LDEuNi0xLjYsMS42Yy0wLjQsMC0wLjgtMC4yLTEuMS0wLjRsMCwwDQoJbC05LjctOS40bDAsMEMwLjIsMTEuOCwwLDExLjQsMCwxMWMwLDAsMCwwLDAsMGMwLDAsMCwwLDAsMGMwLTAuNCwwLjItMC44LDAuNS0xLjFsMCwwbDkuNy05LjRsMCwwQzEwLjUsMC4yLDEwLjksMCwxMS40LDANCglDMTIuMywwLDEzLDAuNywxMywxLjZDMTMsMiwxMi44LDIuNSwxMi40LDIuOHoiLz4NCjwvc3ZnPg0K")
            }

            .thumbnailWrapper .thumbnailControlsContainer .paginationPage.prev.active .arrow {
                background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAxOC4xLjEsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjxzdmcgdmVyc2lvbj0iMS4xIiBpZD0iTGF5ZXJfMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeD0iMHB4IiB5PSIwcHgiDQoJIHZpZXdCb3g9IjAgMCAxMyAyMiIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDAgMTMgMjI7IiB4bWw6c3BhY2U9InByZXNlcnZlIj4NCjxzdHlsZSB0eXBlPSJ0ZXh0L2NzcyI+DQoJLnN0MHtmaWxsLXJ1bGU6ZXZlbm9kZDtjbGlwLXJ1bGU6ZXZlbm9kZDtmaWxsOiNGRkZGRkY7fQ0KPC9zdHlsZT4NCjxwYXRoIGNsYXNzPSJzdDAiIGQ9Ik0xMi40LDIuOEwzLjksMTFsOC42LDguM2wwLDBjMC4zLDAuMywwLjUsMC43LDAuNSwxLjFjMCwwLjktMC43LDEuNi0xLjYsMS42Yy0wLjQsMC0wLjgtMC4yLTEuMS0wLjRsMCwwDQoJbC05LjctOS40bDAsMEMwLjIsMTEuOCwwLDExLjQsMCwxMWMwLDAsMCwwLDAsMGMwLDAsMCwwLDAsMGMwLTAuNCwwLjItMC44LDAuNS0xLjFsMCwwbDkuNy05LjRsMCwwQzEwLjUsMC4yLDEwLjksMCwxMS40LDANCglDMTIuMywwLDEzLDAuNywxMywxLjZDMTMsMiwxMi44LDIuNSwxMi40LDIuOHoiLz4NCjwvc3ZnPg0K")
            }

            .thumbnailWrapper .thumbnailControlsContainer .paginationPage.next .backLight {
                margin-left: 2px
            }

            .thumbnailWrapper .thumbnailControlsContainer .paginationPage.next .arrow {
                background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAxOC4xLjEsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjxzdmcgdmVyc2lvbj0iMS4xIiBpZD0iTGF5ZXJfMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeD0iMHB4IiB5PSIwcHgiDQoJIHZpZXdCb3g9IjAgMCAxMyAyMiIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDAgMTMgMjI7IiB4bWw6c3BhY2U9InByZXNlcnZlIj4NCjxzdHlsZSB0eXBlPSJ0ZXh0L2NzcyI+DQoJLnN0MHtmaWxsLXJ1bGU6ZXZlbm9kZDtjbGlwLXJ1bGU6ZXZlbm9kZDtmaWxsOiNDMEMwQzA7fQ0KPC9zdHlsZT4NCjxwYXRoIGNsYXNzPSJzdDAiIGQ9Ik0wLjYsMi44TDkuMSwxMWwtOC42LDguM2wwLDBDMC4yLDE5LjYsMCwyMCwwLDIwLjRDMCwyMS4zLDAuNywyMiwxLjYsMjJjMC40LDAsMC44LTAuMiwxLjEtMC40bDAsMGw5LjctOS40DQoJbDAsMGMwLjMtMC4zLDAuNS0wLjcsMC41LTEuMWMwLDAsMCwwLDAsMGMwLDAsMCwwLDAsMGMwLTAuNC0wLjItMC44LTAuNS0xLjFsMCwwTDIuOCwwLjRsMCwwQzIuNSwwLjIsMi4xLDAsMS42LDANCglDMC43LDAsMCwwLjcsMCwxLjZDMCwyLDAuMiwyLjUsMC42LDIuOHoiLz4NCjwvc3ZnPg0K")
            }

            .thumbnailWrapper .thumbnailControlsContainer .paginationPage.next.active .arrow {
                background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAxOC4xLjEsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjxzdmcgdmVyc2lvbj0iMS4xIiBpZD0iTGF5ZXJfMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeD0iMHB4IiB5PSIwcHgiDQoJIHZpZXdCb3g9IjAgMCAxMyAyMiIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDAgMTMgMjI7IiB4bWw6c3BhY2U9InByZXNlcnZlIj4NCjxzdHlsZSB0eXBlPSJ0ZXh0L2NzcyI+DQoJLnN0MHtmaWxsLXJ1bGU6ZXZlbm9kZDtjbGlwLXJ1bGU6ZXZlbm9kZDtmaWxsOiNGRkZGRkY7fQ0KPC9zdHlsZT4NCjxwYXRoIGNsYXNzPSJzdDAiIGQ9Ik0wLjYsMi44TDkuMSwxMWwtOC42LDguM2wwLDBDMC4yLDE5LjYsMCwyMCwwLDIwLjRDMCwyMS4zLDAuNywyMiwxLjYsMjJjMC40LDAsMC44LTAuMiwxLjEtMC40bDAsMGw5LjctOS40DQoJbDAsMGMwLjMtMC4zLDAuNS0wLjcsMC41LTEuMWMwLDAsMCwwLDAsMGMwLDAsMCwwLDAsMGMwLTAuNC0wLjItMC44LTAuNS0xLjFsMCwwTDIuOCwwLjRsMCwwQzIuNSwwLjIsMi4xLDAsMS42LDANCglDMC43LDAsMCwwLjcsMCwxLjZDMCwyLDAuMiwyLjUsMC42LDIuOHoiLz4NCjwvc3ZnPg0K")
            }

    .thumbnailWrapper .itemsContainer .thumbnailView {
        display: inline-block;
        position: relative;
        vertical-align: top;
        margin: 0 2px;
        user-select: none
    }

        .thumbnailWrapper .itemsContainer .thumbnailView .selection {
            padding: 5px 3px;
            border: 2px solid transparent;
            border-radius: 4px
        }

            .thumbnailWrapper .itemsContainer .thumbnailView .selection.selected {
                border: 2px solid #D4D8DA
            }

                .thumbnailWrapper .itemsContainer .thumbnailView .selection.selected .thumbnailSpread {
                    opacity: 1
                }

    .thumbnailWrapper .thumbnailPagination {
        height: 15px;
        margin: 2px 0 0
    }

        .thumbnailWrapper .thumbnailPagination .selection {
            display: inline-block;
            vertical-align: top;
            cursor: pointer;
            margin: 0 2px;
            padding: 5px 0
        }

            .thumbnailWrapper .thumbnailPagination .selection.active .paginationPage {
                background-color: #A8A8A8
            }

            .thumbnailWrapper .thumbnailPagination .selection.selected .paginationPage {
                background-color: #FFFFFF
            }

        .thumbnailWrapper .thumbnailPagination .paginationPage {
            width: 35px;
            height: 5px;
            border-radius: 4px;
            background-color: #777777;
            transition: background 0.2s ease-out
        }

.lineSpreadThumbnail .thumbnailContainer {
    display: inline-block;
    padding: 10px 40px
}

.lineSpreadThumbnail .itemsContainer .thumbnailSpread {
    position: relative;
    background: #FFFFFF;
    cursor: pointer;
    opacity: 0.7
}

    .lineSpreadThumbnail .itemsContainer .thumbnailSpread.active {
        opacity: 1
    }

    .lineSpreadThumbnail .itemsContainer .thumbnailSpread .thumbnail {
        position: absolute;
        top: 0
    }

        .lineSpreadThumbnail .itemsContainer .thumbnailSpread .thumbnail canvas {
            position: absolute;
            top: 0;
            left: 0
        }

        .lineSpreadThumbnail .itemsContainer .thumbnailSpread .thumbnail .content {
            z-index: 1
        }

        .lineSpreadThumbnail .itemsContainer .thumbnailSpread .thumbnail .shadow {
            z-index: 2
        }

        .lineSpreadThumbnail .itemsContainer .thumbnailSpread .thumbnail.left {
            left: 0
        }

        .lineSpreadThumbnail .itemsContainer .thumbnailSpread .thumbnail.right {
            right: 0
        }

.linePageThumbnail {
    z-index: 99
}

    .linePageThumbnail .thumbnailContainer {
        display: inline-block;
        padding: 10px;
        margin: 0 30px 5px;
        background: #393B3E;
        border-radius: 3px
    }

        .linePageThumbnail .thumbnailContainer .thumbnailControlsContainer .paginationPage .backLight.active {
            background: #575A5E
        }

        .linePageThumbnail .thumbnailContainer.scaled {
            padding-top: 5px;
            margin-bottom: 3px
        }

    .linePageThumbnail .itemsContainer .thumbnail {
        background: #FFFFFF;
        cursor: pointer;
        opacity: 0.7;
        position: relative
    }

        .linePageThumbnail .itemsContainer .thumbnail.active {
            opacity: 1
        }

        .linePageThumbnail .itemsContainer .thumbnail .content {
            position: absolute;
            top: 0;
            left: 0
        }

* {
    margin: 0;
    padding: 0
}

body {
    -webkit-tap-highlight-color: rgba(255,255,255,0);
    -webkit-tap-highlight-color: transparent;
    overflow: hidden
}

input {
    font-family: "Open Sans"
}

*:focus {
    outline: none
}

.invisible {
    visibility: hidden
}

.ispring {
    display: none;
    position: absolute;
    right: 0;
    z-index: 10;
    background: black;
    opacity: 0
}

button::-moz-focus-inner {
    padding: 0;
    border: 0
}

.outerContainer {
    position: absolute;
    font-family: "Open Sans";
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    min-width: 320px;
    background: #4B4E51
}

::-ms-reveal {
    display: none
}

.mainContainer {
    background: #4B4E51;
    overflow: hidden;
    position: relative;
    font-family: "Open Sans"
}

    .mainContainer .loadingBar {
        width: 100%;
        height: 3px;
        background: #43464D
    }

        .mainContainer .loadingBar .progress {
            background: #707580;
            height: 3px
        }

.viewerContainer {
    position: absolute;
    overflow: hidden;
    top: 0;
    right: 0;
    bottom: 50px;
    left: 0;
    outline: none
}

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

.loaderIcon {
    position: absolute;
    width: 50px;
    height: 50px;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    margin: auto;
    border-radius: 10px;
    background-color: rgba(0,0,0,0.5)
}

    .loaderIcon::after {
        content: '';
        position: absolute;
        background: url(data:image/png;base64,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UmVhZHlxyWU8AAADcmlUWHRYTUw6Y29tLmFkb2JlLnhtcAAAAAAAPD94cGFja2V0IGJlZ2luPSLvu78iIGlkPSJXNU0wTXBDZWhpSHpyZVN6TlRjemtjOWQiPz4gPHg6eG1wbWV0YSB4bWxuczp4PSJhZG9iZTpuczptZXRhLyIgeDp4bXB0az0iQWRvYmUgWE1QIENvcmUgNS42LWMwNjcgNzkuMTU3NzQ3LCAyMDE1LzAzLzMwLTIzOjQwOjQyICAgICAgICAiPiA8cmRmOlJERiB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiPiA8cmRmOkRlc2NyaXB0aW9uIHJkZjphYm91dD0iIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtbG5zOnhtcD0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wLyIgeG1wTU06T3JpZ2luYWxEb2N1bWVudElEPSJ4bXAuZGlkOmFjOGVjNDFhLTZkYWItODQ0Ni04YzkzLWU1Mjk3N2YwMmE4NSIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDpFRThCNzU3NDYzNjcxMUU1QTZDRUE5NTVGOUJGQ0E3MCIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDpFRThCNzU3MzYzNjcxMUU1QTZDRUE5NTVGOUJGQ0E3MCIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgQ0MgMjAxNSAoV2luZG93cykiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDo0OWFlZmI1OC00ZWFmLWQ3NDgtYTI0ZS0zNmNhNGQ2M2QwNTYiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6N0MwQkFBM0M2MjAxMTFFNUI4QjBERTk4MjY5MjQwQjUiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz6MGSVVAAAE3klEQVR42uycW4hWVRiG15Q4eYzGQySSQlriEQ9BF2mE4iSdESRRIb0RD+mNmHgICjqQEGUe6sqgCy1i0iRinAzELrooQhHLGQURUTzMiM7omCLj+/F/czX/t/890z6s9e/3hZcZ1l6z19r7mXXca62arq4uR/mjh/gKCIQiEAKhCIRAKAIhEIpACIQiEIpACIQiEAKhCIRAKAIhEMoX9Yu62NbWxjcUobq6OpaQQpcQz/QwPBOeDU+Fx8Oj4UfhoRrnJnwDvgC3wCfgY/Bf8P0QHrImahmQB1VWLfwGvAieqy+/LxJIR+Dv4QPwf75WWb4CGQavg9fo70mqFd4F79DfCSRCA+HN8Hp4cMppdcBfwB/Bt9mo99Sr8Cl4SwYwnKYhaf2jaXMconoE/hL+CR6TQ/pPato7NS+FbtSfgH+Gp8eMfwv+HT6qpakZvqzVT/d//ePw0/BEeI72ygbFvP/f8MvwpSK2IfLSGuGxFeJ1aby98CG4s5fpDNAqaTlcL89cIf45jddcpDZknI4PKsFo0NKzQLusnX1Iq1P/doHe60CF+GM1b+OK0obIYO5XeGREnLPwfHghfDzBtOVeb+q9z0bEG6njltHVDqQ2RuP9HTwDbkoxH02axv4YjX1tNQP5LKIBl7ZiK/yWToGkLUljsaZpNaTTNc9VCeR1eHUEjHfgD3OoQiXNVRFQVmveqwrIEHh3xPXNOp2Rl77WPFiSvA+tJiCb4FHGNanHP/FggCp52Gdck7y/Wy0Dw2Hatx9s9KZmZNRmxC3JMjh8qsy1Du0St4Y+DomaKFzlEQxRu+apnOQZ1oVeZfWPeMCGlLu2/6dL3BDRwPcPGYiMjocbvaoPnL963+h1DddnChbIMiP8cMIj8KQln34be/lM3gOREW69cW2v81/fGOH1aY7e0wTyrNGYyxT6wQCAHNS8lmvcZ4UIZL4RLt8z7gQA5I7mtZyeCxHIS0b4UReOrLw+EyIQqxScDAiIldcJIQLZYTTmvwUEpMUIHxMikB/gta40PXIF/lwHVrcCAnLVCH8srQR9X7mYt2RUbq1yrOFia390N9SReugaYoR3EEg+GmGEtxNIPhpvhJ8nkHw02Qj/l0Dy0Rwj/DSBZC9ZeD3buPYHgWSv11z5RdrSw/qTQLLX20Z4o0toSxyBxJdsKrVmq79NM2ECKa/3XPltC9fgXwgkW81zpVX35fSVS3HahEB6SqZK9hjXujeJOgLJTrLG19qos1OrLALJSLL+eLFx7SL8cRaZIJCSVrrSfnVL8qHtJoFkoy3ablibQeWz849ZZaZfgUHIfg/Z97EkIs5xLR2OQNLv2u5x0Ttt5UShV1wfj91glRVP01xp8UVTBRiyuOFFheJYQpKVzNrKwQErXPyDA2SF+5k8MhsykCnwPdfzaA3ZYy6nREyCX4Cfd/EPs+nV0RoEUlqWsx1eCie9Bkc2nW5wOa87Dg3Ipy75bWXntSd1yIcHDK1RT3KzTIcOBif6AqOo3d42HX/I0tZW3zIXWgnp68chmfaQjZxyoKac0bXNRxghlpCN2m1dpj/btXEfpD0uqYaua89Luq3dx8TKN3AeE1vt4mLrAohACIQiEAKhCIRAKAIhEIpACq7IqROKJYRA+AoIhCIQAqEIhEAoAiEQikCKrQcCDABHPgH2w7NQdAAAAABJRU5ErkJggg==);
        background-size: cover;
        top: 0;
        left: 0;
        bottom: 0;
        right: 0;
        animation: loaderIconSpin 1s infinite linear
    }

@keyframes loaderIconSpin {
    0% {
        transform: rotate(0deg)
    }

    100% {
        transform: rotate(360deg)
    }
}

.pages-count {
    font-family: -apple-system,Roboto;
    width: 100%;
    position: relative;
    color: rgba(61,61,61,0.54);
    text-align: center;
    font-size: 13px;
    user-select: none;
    font-weight: 500
}

.pages-count__current-page {
    color: #3D3D3D
}

.pages-count-popup {
    font-family: -apple-system,Roboto;
    position: absolute;
    text-align: center;
    width: 110px;
    height: 32px;
    border-radius: 6px;
    background-color: rgba(0,0,0,0.7);
    font-size: 15px;
    color: rgba(255,255,255,0.54);
    left: 0;
    top: 0;
    line-height: 34px
}

.pages-count-popup__current-page {
    color: #FFFFFF;
    font-size: 17px;
    line-height: 32px
}

.seek-bar {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0
}

.seek-bar__background {
    height: 2px;
    background: #B1B1B1;
    border-radius: 1.5px;
    width: calc(100% - 48px);
    top: 15px;
    left: 24px;
    position: absolute
}

.seek-bar__progress {
    height: 2px;
    background-color: #3D3D3D;
    position: absolute;
    left: 0;
    top: 0;
    border-radius: 1.5px
}

.seek-bar__thumb {
    width: 8px;
    height: 8px;
    position: absolute;
    margin-left: -4px;
    margin-top: -3px;
    border-radius: 4px;
    left: 0;
    top: 0;
    background-color: #3D3D3D
}

    .seek-bar__thumb.seek-bar__thumb_dragged {
        width: 16px;
        height: 16px;
        margin-left: -8px;
        margin-top: -7px;
        border-radius: 8px
    }

.seek-bar.seek-bar_landscape .seek-bar__background {
    top: 12px
}

.bottom-toolbar {
    position: absolute;
    bottom: 0;
    width: 100%;
    height: 60px;
    background-color: #fff;
    box-shadow: 0 0 14px 0 rgba(0,0,0,0.1);
    transition: opacity 400ms cubic-bezier(0.64, 0.04, 0.35, 1)
}

.bottom-toolbar__pages-count {
    margin-top: 30px
}

.bottom-toolbar.bottom-toolbar_landscape {
    height: 52px
}

    .bottom-toolbar.bottom-toolbar_landscape .bottom-toolbar__pages-count {
        margin-top: 27px
    }

.bottom-toolbar[disabled] {
    pointer-events: none
}

.top-toolbar {
    background-color: #fff;
    position: absolute;
    top: 0;
    height: 44px;
    width: 100%;
    transition: opacity 400ms cubic-bezier(0.64, 0.04, 0.35, 1);
    box-shadow: 0 0 14px 0 rgba(0,0,0,0.1);
    font-family: -apple-system,Roboto;
    color: #3D3D3D
}

    .top-toolbar[disabled] {
        pointer-events: none
    }

.top-toolbar__container {
    top: 0;
    bottom: 0;
    margin: auto 0;
    height: 100%;
    position: absolute
}

    .top-toolbar__container.top-toolbar__container_position_right {
        right: 14px
    }

    .top-toolbar__container.top-toolbar__container_position_left {
        width: calc(100% - 26px);
        left: 12px
    }

.top-toolbar__show-popup-button {
    width: 32px;
    height: 100%;
    border: none;
    float: right;
    background: url(../images/mobile/outline-icon.svg) center no-repeat
}

.top-toolbar__close-window-button {
    border: none;
    width: 24px;
    height: 100%;
    float: left;
    background: url(../images/mobile/back-arrow.svg) no-repeat;
    background-position: 0 center
}

.top-toolbar__title {
    font-size: 16px;
    float: left;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    height: 100%;
    line-height: 44px;
    margin-left: 11px;
    width: calc(100% - 107px)
}

.top-toolbar__bookmark-button {
    background: url(../images/mobile/bookmark-icon.svg) center no-repeat;
    width: 32px;
    height: 100%;
    float: right;
    margin-right: 13px;
    border: none;
    transition: background-image ease 250ms
}

    .top-toolbar__bookmark-button[aria-pressed='true'] {
        background-image: url(../images/mobile/bookmark-icon-selected.svg)
    }

.top-toolbar.top-toolbar_mobile-app .top-toolbar__title {
    margin-left: 11px;
    width: calc(100% - 131px)
}

.top-toolbar.top-toolbar_above-auth-popup {
    z-index: 40001
}

    .top-toolbar.top-toolbar_above-auth-popup .top-toolbar__container.top-toolbar__container_position_right {
        display: none
    }

    .top-toolbar.top-toolbar_above-auth-popup .top-toolbar__title {
        width: calc(100% - 50px)
    }

.popup-tabs {
    box-sizing: border-box;
    height: 28px;
    width: 192px;
    text-align: center;
    position: relative;
    border: 1px solid #4D4D4D;
    border-radius: 4px;
    font-size: 14px;
    margin: auto
}

.popup-tabs__tab {
    width: 50%;
    height: 100%;
    display: inline-block;
    position: relative;
    line-height: 28px
}

    .popup-tabs__tab[aria-selected='true'] {
        background-color: #4D4D4D;
        color: #fff
    }

.outline-view {
    height: 100%
}

.outline-view__no-outline-label {
    display: none;
    position: absolute;
    color: rgba(61,61,61,0.54);
    font-size: 17px;
    top: 0;
    text-align: center;
    left: 27px;
    right: 27px;
    margin: 0 auto
}

.outline-view.outline-view_without-outline .outline-view__outline-list {
    display: none
}

.outline-view.outline-view_without-outline .outline-view__no-outline-label {
    display: block
}

.outline-list-view {
    height: 100%;
    overflow: hidden
}

.outline-item-view {
    height: 60px;
    padding: 0 16px;
    position: relative
}

    .outline-item-view.outline-item-view_active {
        background-color: #F2F2F5
    }

    .outline-item-view[aria-selected='true'] {
        background-color: #F2F2F5
    }

.outline-item-view__title {
    width: calc(100% - 85px);
    max-height: 46px;
    position: absolute;
    line-height: 1.4
}

.outline-item-view.outline-item-view_has-subitems .outline-item-view__title {
    font-weight: 500
}

.outline-item-view__page-number {
    float: right;
    width: 40px;
    text-align: right;
    height: 60px;
    line-height: 62px;
    color: #828282;
    font-weight: normal
}

.outline-item-view.outline-item-view_subitem .outline-item-view__title {
    font-weight: normal;
    padding-left: 16px;
    width: calc(100% - 101px)
}

.outline-item-view::after {
    content: '';
    position: absolute;
    height: 1px;
    bottom: 0;
    left: 16px;
    right: 16px;
    box-shadow: inset 0 -1px 0 0 rgba(242,242,242,0.5)
}

.bookmarks-view {
    height: 100%
}

.bookmarks-view__add-bookmarks {
    display: none
}

.bookmarks-view.bookmarks-view_without-bookmarks .bookmarks-view__bookmarks-list {
    display: none
}

.bookmarks-view.bookmarks-view_without-bookmarks .bookmarks-view__add-bookmarks {
    display: block
}

.bookmarks-list-view {
    height: 100%;
    overflow: hidden
}

.add-bookmark-container {
    position: absolute;
    left: 27px;
    right: 27px;
    top: 0;
    text-align: center;
    color: rgba(61,61,61,0.54)
}

.add-bookmark-container__header {
    font-size: 17px;
    margin-bottom: 14px
}

.bookmarks-item-view {
    height: 70px;
    padding: 0 16px;
    position: relative;
    box-shadow: inset 0 -1px 0 0 rgba(242,242,242,0.5)
}

    .bookmarks-item-view.bookmarks-item-view_active {
        background-color: #F2F2F5
    }

.bookmarks-item-view__title {
    width: calc(100% - 95px);
    position: relative;
    padding-top: 16px;
    padding-bottom: 5px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    display: inline-block
}

.bookmarks-item-view__page-number {
    width: 59px;
    text-align: right;
    color: rgba(61,61,61,0.54);
    display: inline-block;
    position: absolute;
    height: 22px;
    line-height: 22px;
    top: 14px;
    right: 16px
}

.bookmarks-item-view__time-passed {
    font-size: 13px;
    color: rgba(61,61,61,0.54);
    width: calc(100% - 95px)
}

.popup-layer {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background: rgba(0,0,0,0.3)
}

.popup-panel {
    position: absolute;
    top: 0;
    right: 0;
    width: 100%;
    height: 100%;
    background: #fff;
    font-size: 15px;
    font-family: -apple-system,Roboto;
    color: #3D3D3D;
    user-select: none
}

.popup-panel__content-view {
    position: relative;
    width: 100%;
    height: calc(100% - 89px)
}

.popup-panel.popup-panel_landscape .popup-panel__content-view {
    height: calc(100% - 79px)
}

.popup-menu {
    height: 89px;
    box-shadow: inset 0 -1px 0 0 #F2F2F2
}

.popup-menu__title {
    margin: 13px 69px 17px 69px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    height: 18px;
    text-align: center;
    font-weight: 500
}

.popup-menu__close-button {
    width: 24px;
    height: 24px;
    top: 8px;
    right: 16px;
    position: absolute;
    background: url(../images/mobile/close-icon.svg) no-repeat center;
    z-index: 1
}

.popup-menu.popup-menu_landscape {
    height: 79px
}

    .popup-menu.popup-menu_landscape .popup-menu__title {
        margin-top: 10px;
        margin-bottom: 11px
    }

.mobile-password-dialog-view {
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: 40000;
    top: 0;
    left: 0;
    font-family: -apple-system,Roboto;
    color: #3D3D3D;
    background-color: #FFFFFF;
    display: flex;
    justify-content: center;
    align-items: center
}

    .mobile-password-dialog-view.mobile-password-dialog-view_landscape.mobile-password-dialog-view_mobile-app {
        padding-top: 22px
    }

.ask-password-dialog-container {
    position: relative;
    width: calc(100% - 60px);
    max-width: 315px;
    margin: 0 30px
}

.ask-password-dialog-container__header {
    font-size: 20px;
    text-align: center
}

.ask-password-dialog-container__password-container {
    margin-top: 43px;
    position: relative
}

    .ask-password-dialog-container__password-container::before {
        content: '';
        position: absolute;
        left: 8px;
        top: 0;
        height: 100%;
        width: 24px;
        background: url(../images/mobile/password-icon.svg) no-repeat center
    }

.ask-password-dialog-container__input {
    box-sizing: border-box;
    height: 52px;
    padding-left: 36px;
    padding-right: 16px;
    width: 100%;
    border: solid 1px #D7D7DB;
    border-radius: 4px;
    font-size: 16px;
    box-shadow: none;
    -webkit-appearance: none
}

.ask-password-dialog-container__error {
    color: #FC583F;
    font-size: 13px;
    width: 100%;
    padding: 1px 2px;
    box-sizing: border-box;
    display: none
}

.ask-password-dialog-container__submit {
    margin-top: 21px;
    height: 50px;
    border-radius: 4px;
    background-color: #4D4D4D;
    font-size: 16px;
    font-weight: 500;
    color: #FFFFFF;
    width: 100%;
    border: none;
    -webkit-appearance: none;
    transition: background-color ease 250ms
}

    .ask-password-dialog-container__submit.ask-password-dialog-container__submit_active {
        background-color: #3A3A3A
    }

.ask-password-dialog-container__password-placeholder {
    font-size: 16px;
    color: #B1B1B3;
    position: absolute;
    left: 36px;
    top: 18px;
    pointer-events: none
}

.ask-password-dialog-container.ask-password-dialog-container_incorrect-password .ask-password-dialog-container__error {
    display: block
}

.ask-password-dialog-container.ask-password-dialog-container_incorrect-password .ask-password-dialog-container__input {
    border-color: #FC583F
}

.ask-password-dialog-container.ask-password-dialog-container_hide-placeholder .ask-password-dialog-container__password-placeholder {
    display: none
}

body.mobile {
    position: fixed
}

    body.mobile * {
        -webkit-touch-callout: none;
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none
    }

    body.mobile input, body.mobile textarea {
        -webkit-touch-callout: default;
        -webkit-user-select: text;
        -moz-user-select: text;
        -ms-user-select: text;
        user-select: text;
        appearance: none
    }

    body.mobile .viewer {
        position: relative
    }

        body.mobile .viewer .page {
            overflow: hidden
        }

            body.mobile .viewer .page .loadingIcon {
                width: 50px;
                height: 50px;
                position: absolute;
                top: 0;
                left: 0;
                bottom: 0;
                right: 0;
                margin: auto;
                border-radius: 10px;
                background-color: rgba(0,0,0,0.5);
                background-image: none
            }

                body.mobile .viewer .page .loadingIcon::after {
                    content: '';
                    position: absolute;
                    background: url("../images/preloader.png");
                    background-size: cover;
                    top: 0;
                    left: 0;
                    bottom: 0;
                    right: 0;
                    animation: preloader_spin 1s infinite linear
                }

.viewerContainer.mobile {
    bottom: 0;
    z-index: 0;
    background: #DCDCDE
}

    .viewerContainer.mobile .page {
        box-shadow: 0 1px 3px 0 rgba(0,0,0,0.1)
    }

.toolbar.mobile .toolbarCenter {
    max-width: none
}

.toolbar.mobile button {
    padding: 6px
}

.toolbar.mobile > div {
    top: 8px
}

.toolbar.mobile .pageNavigationToolbarContainer {
    width: 184px;
    margin-left: -92px
}

    .toolbar.mobile .pageNavigationToolbarContainer .pageNumber .view {
        margin-top: 4px
    }

.container-top-shadow {
    background: __verticalGradient(#fff, rgba(255,255,255,0));
    background: linear-gradient(to bottom, #fff, rgba(255,255,255,0));
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    height: 60px;
    pointer-events: none
}

.container-bottom-shadow {
    background: __verticalGradient(rgba(255,255,255,0), #fff);
    background: linear-gradient(to bottom, rgba(255,255,255,0), #fff);
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    height: 60px;
    pointer-events: none
}

.mobile-vertical-scrollbar {
    position: absolute;
    width: 10px;
    top: 6px;
    bottom: 6px;
    right: 0;
    opacity: 0
}

.mobile-vertical-scrollbar__thumb {
    position: absolute;
    width: 3px !important;
    right: 3px;
    padding: 1px;
    border-radius: 5px;
    background-color: rgba(0,0,0,0.5)
}

@keyframes preloader_spin {
    0% {
        transform: rotate(0deg)
    }

    100% {
        transform: rotate(360deg)
    }
}

.preloader-view {
    width: 50px;
    height: 50px;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    margin: auto;
    border-radius: 10px;
    background-color: rgba(0,0,0,0.5)
}

    .preloader-view::after {
        content: '';
        position: absolute;
        background: url("../images/preloader.png");
        background-size: cover;
        top: 0;
        left: 0;
        bottom: 0;
        right: 0;
        animation: preloader_spin 1s infinite linear
    }

.thumbnailWrapper.tablet .thumbnailPagination .selection {
    margin: 0 1px;
    padding: 5px 3px
}

body.tablet {
    position: fixed
}

.lineSpreadThumbnail.tablet .thumbnailContainer {
    display: inline-block;
    padding: 3px 40px 6px
}

.lineSpreadThumbnail.tablet .thumbnailControlsContainer .paginationPage .arrow {
    width: 9px
}

.lineSpreadThumbnail.tablet .thumbnailControlsContainer .paginationPage.next .arrow {
    margin-left: 10px;
    margin-right: 15px;
    background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxMCAxNi45MiI+PGRlZnM+PHN0eWxlPi5jbHMtMXtmaWxsOiM5OTk7ZmlsbC1ydWxlOmV2ZW5vZGQ7fTwvc3R5bGU+PC9kZWZzPjx0aXRsZT5BcnRib2FyZCAyMjwvdGl0bGU+PGcgaWQ9InRpbWVsaW5lIj48ZyBpZD0iTGF5ZXJfMTgiIGRhdGEtbmFtZT0iTGF5ZXIgMTgiPjxwYXRoIGNsYXNzPSJjbHMtMSIgZD0iTS40NCwyLjI2bDUuODksNi4yLTYsNi4yOGgwYTEuMTgsMS4xOCwwLDAsMC0uMzUuODQsMS40NywxLjQ3LDAsMCwwLDEuMzksMS4zNCwxLjI3LDEuMjcsMCwwLDAsLjg3LS4zNGgwTDkuNjIsOS4zM2gwQTEuMTksMS4xOSwwLDAsMCwxMCw4LjQ2aDBhMS4xOSwxLjE5LDAsMCwwLS4zOC0uODdoMEwyLjI2LjMzaDBBMS4yNywxLjI3LDAsMCwwLDEuMzksMCwxLjQ3LDEuNDcsMCwwLDAsMCwxLjM0LDEuMTksMS4xOSwwLDAsMCwuNDQsMi4yNloiLz48L2c+PC9nPjwvc3ZnPg==")
}

.lineSpreadThumbnail.tablet .thumbnailControlsContainer .paginationPage.prev .arrow {
    margin-left: 15px;
    margin-right: 10px;
    background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAyMC4wLjAsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjxzdmcgdmVyc2lvbj0iMS4xIiBpZD0iTGF5ZXJfMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeD0iMHB4IiB5PSIwcHgiDQoJIHZpZXdCb3g9IjAgMCAxMCAxNi45IiBzdHlsZT0iZW5hYmxlLWJhY2tncm91bmQ6bmV3IDAgMCAxMCAxNi45OyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+DQo8c3R5bGUgdHlwZT0idGV4dC9jc3MiPg0KCS5zdDB7ZmlsbDojOTk5OTk5O30NCjwvc3R5bGU+DQo8dGl0bGU+QXJ0Ym9hcmQgMjI8L3RpdGxlPg0KPGcgaWQ9InRpbWVsaW5lIj4NCgk8ZyBpZD0iTGF5ZXJfMTgiPg0KCQk8cGF0aCBjbGFzcz0ic3QwIiBkPSJNMTAsMS4zQzkuOSwwLjYsOS4zLDAsOC42LDBDOC4zLDAsOCwwLjEsNy43LDAuM2wwLDBMMC40LDcuNmwwLDBDMC4xLDcuOCwwLDguMSwwLDguNWwwLDANCgkJCWMwLDAuMywwLjEsMC42LDAuNCwwLjlsMCwwbDcuNCw3LjJsMCwwYzAuMiwwLjIsMC41LDAuMywwLjksMC4zYzAuNywwLDEuMy0wLjYsMS40LTEuM2MwLTAuMy0wLjEtMC42LTAuMy0wLjhsMCwwbC02LTYuM2w1LjktNi4yDQoJCQlDOS44LDIsMTAsMS43LDEwLDEuM3oiLz4NCgk8L2c+DQo8L2c+DQo8L3N2Zz4NCg==")
}

.lineSpreadThumbnail.tablet .thumbnailPagination {
    margin-top: 3px
}

    .lineSpreadThumbnail.tablet .thumbnailPagination .selection {
        padding: 7px 3px
    }

.toolbar {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 100;
    background: #313536;
    user-select: none
}

    .toolbar.openThumbnail {
        margin-left: 200px
    }

    .toolbar.hidden {
        display: none
    }

    .toolbar .toolbarCenter {
        position: relative;
        width: 100%;
        height: 50px;
        max-width: 800px;
        margin-left: auto;
        margin-right: auto
    }

    .toolbar button {
        border: 0;
        cursor: pointer;
        vertical-align: top;
        background: none
    }

        .toolbar button .icon {
            position: relative;
            width: 20px;
            height: 20px;
            background-color: transparent;
            background-repeat: no-repeat;
            background-position: center
        }

        .toolbar button[disabled] {
            opacity: 0.4;
            cursor: auto
        }

    .toolbar > div {
        top: 15px
    }

    .toolbar .zoomToolbarContainer {
        position: absolute;
        left: 10px
    }

        .toolbar .zoomToolbarContainer button {
            margin: 0 10px
        }

            .toolbar .zoomToolbarContainer button .icon.zoomOut, .toolbar .zoomToolbarContainer button[disabled] .icon.zoomOut, .toolbar .zoomToolbarContainer button[disabled].active .icon.zoomOut {
                background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAxOC4xLjEsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjxzdmcgdmVyc2lvbj0iMS4xIiBpZD0iTGF5ZXJfMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeD0iMHB4IiB5PSIwcHgiDQoJIHZpZXdCb3g9IjAgMCAyMCAyMCIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDAgMjAgMjA7IiB4bWw6c3BhY2U9InByZXNlcnZlIj4NCjxzdHlsZSB0eXBlPSJ0ZXh0L2NzcyI+DQoJLnN0MHtmaWxsLXJ1bGU6ZXZlbm9kZDtjbGlwLXJ1bGU6ZXZlbm9kZDtmaWxsOiM5NTk1OTU7fQ0KPC9zdHlsZT4NCjxwYXRoIGNsYXNzPSJzdDAiIGQ9Ik00LDhoMTJ2M0g0Vjh6Ii8+DQo8L3N2Zz4NCg==")
            }

            .toolbar .zoomToolbarContainer button .icon.zoomIn, .toolbar .zoomToolbarContainer button[disabled] .icon.zoomIn, .toolbar .zoomToolbarContainer button[disabled].active .icon.zoomIn {
                background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAxOC4xLjEsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjxzdmcgdmVyc2lvbj0iMS4xIiBpZD0iTGF5ZXJfMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeD0iMHB4IiB5PSIwcHgiDQoJIHZpZXdCb3g9IjAgMCAyMCAyMCIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDAgMjAgMjA7IiB4bWw6c3BhY2U9InByZXNlcnZlIj4NCjxzdHlsZSB0eXBlPSJ0ZXh0L2NzcyI+DQoJLnN0MHtmaWxsLXJ1bGU6ZXZlbm9kZDtjbGlwLXJ1bGU6ZXZlbm9kZDtmaWxsOiM5NTk1OTU7fQ0KPC9zdHlsZT4NCjxwYXRoIGNsYXNzPSJzdDAiIGQ9Ik00LDhoMTN2M0g0Vjh6Ii8+DQo8cGF0aCBjbGFzcz0ic3QwIiBkPSJNOSwzaDN2MTNIOVYzeiIvPg0KPC9zdmc+DQo=")
            }

            .toolbar .zoomToolbarContainer button.active .icon.zoomOut {
                background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAxOC4xLjEsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjxzdmcgdmVyc2lvbj0iMS4xIiBpZD0iTGF5ZXJfMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeD0iMHB4IiB5PSIwcHgiDQoJIHZpZXdCb3g9IjAgMCAyMCAyMCIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDAgMjAgMjA7IiB4bWw6c3BhY2U9InByZXNlcnZlIj4NCjxzdHlsZSB0eXBlPSJ0ZXh0L2NzcyI+DQoJLnN0MHtmaWxsLXJ1bGU6ZXZlbm9kZDtjbGlwLXJ1bGU6ZXZlbm9kZDtmaWxsOiNGRkZGRkY7fQ0KPC9zdHlsZT4NCjxwYXRoIGNsYXNzPSJzdDAiIGQ9Ik00LDhoMTJ2M0g0Vjh6Ii8+DQo8L3N2Zz4NCg==")
            }

            .toolbar .zoomToolbarContainer button.active .icon.zoomIn {
                background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAxOC4xLjEsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjxzdmcgdmVyc2lvbj0iMS4xIiBpZD0iTGF5ZXJfMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeD0iMHB4IiB5PSIwcHgiDQoJIHZpZXdCb3g9IjAgMCAyMCAyMCIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDAgMjAgMjA7IiB4bWw6c3BhY2U9InByZXNlcnZlIj4NCjxzdHlsZSB0eXBlPSJ0ZXh0L2NzcyI+DQoJLnN0MHtmaWxsLXJ1bGU6ZXZlbm9kZDtjbGlwLXJ1bGU6ZXZlbm9kZDtmaWxsOiNGRkZGRkY7fQ0KPC9zdHlsZT4NCjxwYXRoIGNsYXNzPSJzdDAiIGQ9Ik00LDhoMTN2M0g0Vjh6Ii8+DQo8cGF0aCBjbGFzcz0ic3QwIiBkPSJNOSwzaDN2MTNIOVYzeiIvPg0KPC9zdmc+DQo=")
            }

    .toolbar .pageNavigationToolbarContainer {
        position: absolute;
        left: 50%;
        width: 160px;
        margin-left: -80px
    }

        .toolbar .pageNavigationToolbarContainer button .icon.previous, .toolbar .pageNavigationToolbarContainer button[disabled] .icon.previous, .toolbar .pageNavigationToolbarContainer button[disabled].active .icon.previous {
            background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAxOC4xLjEsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjxzdmcgdmVyc2lvbj0iMS4xIiBpZD0iTGF5ZXJfMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeD0iMHB4IiB5PSIwcHgiDQoJIHZpZXdCb3g9IjAgMCAyMCAyMCIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDAgMjAgMjA7IiB4bWw6c3BhY2U9InByZXNlcnZlIj4NCjxzdHlsZSB0eXBlPSJ0ZXh0L2NzcyI+DQoJLnN0MHtmaWxsLXJ1bGU6ZXZlbm9kZDtjbGlwLXJ1bGU6ZXZlbm9kZDtmaWxsOiM5NTk1OTU7fQ0KPC9zdHlsZT4NCjxwYXRoIGNsYXNzPSJzdDAiIGQ9Ik0xMy42LDRsLTUuOSw2bDYsNi4xbDAsMGMwLjIsMC4yLDAuMywwLjUsMC4zLDAuOGMwLDAuNi0wLjUsMS4xLTEuMSwxLjFjLTAuMywwLTAuNi0wLjEtMC44LTAuM2wwLDBsLTYuNy02LjkNCglsMCwwQzUuMSwxMC42LDUsMTAuMyw1LDEwYzAsMCwwLDAsMCwwYzAsMCwwLDAsMCwwYzAtMC4zLDAuMS0wLjYsMC4zLTAuOGwwLDBsNi43LTYuOWwwLDBDMTIuMywyLjEsMTIuNiwyLDEyLjksMg0KCUMxMy41LDIsMTQsMi41LDE0LDMuMUMxNCwzLjUsMTMuOCwzLjgsMTMuNiw0eiIvPg0KPC9zdmc+DQo=")
        }

            .toolbar .pageNavigationToolbarContainer button .icon.previous.up, .toolbar .pageNavigationToolbarContainer button[disabled] .icon.previous.up, .toolbar .pageNavigationToolbarContainer button[disabled].active .icon.previous.up {
                background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAxOC4xLjEsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjxzdmcgdmVyc2lvbj0iMS4xIiBpZD0iTGF5ZXJfMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeD0iMHB4IiB5PSIwcHgiDQoJIHZpZXdCb3g9IjAgMCAyMCAyMCIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDAgMjAgMjA7IiB4bWw6c3BhY2U9InByZXNlcnZlIj4NCjxzdHlsZSB0eXBlPSJ0ZXh0L2NzcyI+DQoJLnN0MHtmaWxsLXJ1bGU6ZXZlbm9kZDtjbGlwLXJ1bGU6ZXZlbm9kZDtmaWxsOiM5NTk1OTU7fQ0KPC9zdHlsZT4NCjxwYXRoIGNsYXNzPSJzdDAiIGQ9Ik0xNS45LDE0LjZMMTAsOS4zbC01LjksNS40bDAsMEMzLjksMTQuOSwzLjYsMTUsMy4zLDE1QzIuNiwxNSwyLDE0LjQsMiwxMy44YzAtMC4zLDAuMS0wLjYsMC4zLTAuOGwwLDANCglsNi45LTYuNmwwLDBDOS40LDYuMSw5LjcsNiwxMCw2YzAsMCwwLDAsMCwwYzAsMCwwLDAsMCwwYzAuMywwLDAuNiwwLjEsMC44LDAuM2wwLDBsNi45LDYuNmwwLDBjMC4yLDAuMiwwLjMsMC41LDAuMywwLjgNCgljMCwwLjYtMC42LDEuMy0xLjMsMS4zQzE2LjQsMTUsMTYuMSwxNC44LDE1LjksMTQuNnoiLz4NCjwvc3ZnPg0K")
            }

        .toolbar .pageNavigationToolbarContainer button .icon.next, .toolbar .pageNavigationToolbarContainer button[disabled] .icon.next, .toolbar .pageNavigationToolbarContainer button[disabled].active .icon.next {
            background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAxOC4xLjEsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjxzdmcgdmVyc2lvbj0iMS4xIiBpZD0iTGF5ZXJfMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeD0iMHB4IiB5PSIwcHgiDQoJIHZpZXdCb3g9IjAgMCAyMCAyMCIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDAgMjAgMjA7IiB4bWw6c3BhY2U9InByZXNlcnZlIj4NCjxzdHlsZSB0eXBlPSJ0ZXh0L2NzcyI+DQoJLnN0MHtmaWxsLXJ1bGU6ZXZlbm9kZDtjbGlwLXJ1bGU6ZXZlbm9kZDtmaWxsOiM5NTk1OTU7fQ0KPC9zdHlsZT4NCjxwYXRoIGNsYXNzPSJzdDAiIGQ9Ik01LjQsNGw1LjksNmwtNiw2LjFsMCwwQzUuMSwxNi4zLDUsMTYuNSw1LDE2LjlDNSwxNy41LDUuNSwxOCw2LjEsMThjMC4zLDAsMC42LTAuMSwwLjgtMC4zbDAsMGw2LjgtNi45bDAsMA0KCWMwLjItMC4yLDAuMy0wLjUsMC4zLTAuOGMwLDAsMCwwLDAsMGMwLDAsMCwwLDAsMGMwLTAuMy0wLjEtMC42LTAuMy0wLjhsMCwwTDYuOSwyLjNsMCwwQzYuNywyLjEsNi40LDIsNi4xLDJDNS41LDIsNSwyLjUsNSwzLjENCglDNSwzLjUsNS4yLDMuOCw1LjQsNHoiLz4NCjwvc3ZnPg0K")
        }

            .toolbar .pageNavigationToolbarContainer button .icon.next.down, .toolbar .pageNavigationToolbarContainer button[disabled] .icon.next.down, .toolbar .pageNavigationToolbarContainer button[disabled].active .icon.next.down {
                background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAxOC4xLjEsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjxzdmcgdmVyc2lvbj0iMS4xIiBpZD0iTGF5ZXJfMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeD0iMHB4IiB5PSIwcHgiDQoJIHZpZXdCb3g9IjAgMCAyMCAyMCIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDAgMjAgMjA7IiB4bWw6c3BhY2U9InByZXNlcnZlIj4NCjxzdHlsZSB0eXBlPSJ0ZXh0L2NzcyI+DQoJLnN0MHtmaWxsLXJ1bGU6ZXZlbm9kZDtjbGlwLXJ1bGU6ZXZlbm9kZDtmaWxsOiM5NTk1OTU7fQ0KPC9zdHlsZT4NCjxwYXRoIGNsYXNzPSJzdDAiIGQ9Ik0xNS45LDYuNEwxMCwxMS43TDQuMSw2LjNsMCwwQzMuOSw2LjEsMy42LDYsMy4zLDZDMi42LDYsMiw2LjYsMiw3LjNDMiw3LjYsMi4xLDcuOCwyLjMsOGwwLDBsNi45LDYuNmwwLDANCglDOS40LDE0LjksOS43LDE1LDEwLDE1YzAsMCwwLDAsMCwwYzAsMCwwLDAsMCwwYzAuMywwLDAuNi0wLjEsMC44LTAuM2wwLDBMMTcuNyw4bDAsMEMxNy45LDcuOCwxOCw3LjYsMTgsNy4zQzE4LDYuNiwxNy40LDYsMTYuNyw2DQoJQzE2LjQsNiwxNi4xLDYuMiwxNS45LDYuNHoiLz4NCjwvc3ZnPg0K")
            }

        .toolbar .pageNavigationToolbarContainer button.active .icon.previous {
            background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAxOC4xLjEsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjxzdmcgdmVyc2lvbj0iMS4xIiBpZD0iTGF5ZXJfMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeD0iMHB4IiB5PSIwcHgiDQoJIHZpZXdCb3g9IjAgMCAyMCAyMCIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDAgMjAgMjA7IiB4bWw6c3BhY2U9InByZXNlcnZlIj4NCjxzdHlsZSB0eXBlPSJ0ZXh0L2NzcyI+DQoJLnN0MHtmaWxsLXJ1bGU6ZXZlbm9kZDtjbGlwLXJ1bGU6ZXZlbm9kZDtmaWxsOiNGRkZGRkY7fQ0KPC9zdHlsZT4NCjxwYXRoIGNsYXNzPSJzdDAiIGQ9Ik0xMy42LDRsLTUuOSw2bDYsNi4xbDAsMGMwLjIsMC4yLDAuMywwLjUsMC4zLDAuOGMwLDAuNi0wLjUsMS4xLTEuMSwxLjFjLTAuMywwLTAuNi0wLjEtMC44LTAuM2wwLDBsLTYuNy02LjkNCglsMCwwQzUuMSwxMC42LDUsMTAuMyw1LDEwYzAsMCwwLDAsMCwwYzAsMCwwLDAsMCwwYzAtMC4zLDAuMS0wLjYsMC4zLTAuOGwwLDBsNi43LTYuOWwwLDBDMTIuMywyLjEsMTIuNiwyLDEyLjksMg0KCUMxMy41LDIsMTQsMi41LDE0LDMuMUMxNCwzLjUsMTMuOCwzLjgsMTMuNiw0eiIvPg0KPC9zdmc+DQo=")
        }

            .toolbar .pageNavigationToolbarContainer button.active .icon.previous.up {
                background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAxOC4xLjEsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjxzdmcgdmVyc2lvbj0iMS4xIiBpZD0iTGF5ZXJfMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeD0iMHB4IiB5PSIwcHgiDQoJIHZpZXdCb3g9IjAgMCAyMCAyMCIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDAgMjAgMjA7IiB4bWw6c3BhY2U9InByZXNlcnZlIj4NCjxzdHlsZSB0eXBlPSJ0ZXh0L2NzcyI+DQoJLnN0MHtmaWxsLXJ1bGU6ZXZlbm9kZDtjbGlwLXJ1bGU6ZXZlbm9kZDtmaWxsOiNGRkZGRkY7fQ0KPC9zdHlsZT4NCjxwYXRoIGNsYXNzPSJzdDAiIGQ9Ik0xNS45LDE0LjZMMTAsOS4zbC01LjksNS40bDAsMEMzLjksMTQuOSwzLjYsMTUsMy4zLDE1QzIuNiwxNSwyLDE0LjQsMiwxMy44YzAtMC4zLDAuMS0wLjYsMC4zLTAuOGwwLDANCglsNi45LTYuNmwwLDBDOS40LDYuMSw5LjcsNiwxMCw2YzAsMCwwLDAsMCwwYzAsMCwwLDAsMCwwYzAuMywwLDAuNiwwLjEsMC44LDAuM2wwLDBsNi45LDYuNmwwLDBjMC4yLDAuMiwwLjMsMC41LDAuMywwLjgNCgljMCwwLjYtMC42LDEuMy0xLjMsMS4zQzE2LjQsMTUsMTYuMSwxNC44LDE1LjksMTQuNnoiLz4NCjwvc3ZnPg0K")
            }

        .toolbar .pageNavigationToolbarContainer button.active .icon.next {
            background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAxOC4xLjEsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjxzdmcgdmVyc2lvbj0iMS4xIiBpZD0iTGF5ZXJfMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeD0iMHB4IiB5PSIwcHgiDQoJIHZpZXdCb3g9IjAgMCAyMCAyMCIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDAgMjAgMjA7IiB4bWw6c3BhY2U9InByZXNlcnZlIj4NCjxzdHlsZSB0eXBlPSJ0ZXh0L2NzcyI+DQoJLnN0MHtmaWxsLXJ1bGU6ZXZlbm9kZDtjbGlwLXJ1bGU6ZXZlbm9kZDtmaWxsOiNGRkZGRkY7fQ0KPC9zdHlsZT4NCjxwYXRoIGNsYXNzPSJzdDAiIGQ9Ik01LjQsNGw1LjksNmwtNiw2LjFsMCwwQzUuMSwxNi4zLDUsMTYuNSw1LDE2LjlDNSwxNy41LDUuNSwxOCw2LjEsMThjMC4zLDAsMC42LTAuMSwwLjgtMC4zbDAsMGw2LjgtNi45bDAsMA0KCWMwLjItMC4yLDAuMy0wLjUsMC4zLTAuOGMwLDAsMCwwLDAsMGMwLDAsMCwwLDAsMGMwLTAuMy0wLjEtMC42LTAuMy0wLjhsMCwwTDYuOSwyLjNsMCwwQzYuNywyLjEsNi40LDIsNi4xLDJDNS41LDIsNSwyLjUsNSwzLjENCglDNSwzLjUsNS4yLDMuOCw1LjQsNHoiLz4NCjwvc3ZnPg0K")
        }

            .toolbar .pageNavigationToolbarContainer button.active .icon.next.down {
                background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAxOC4xLjEsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjxzdmcgdmVyc2lvbj0iMS4xIiBpZD0iTGF5ZXJfMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeD0iMHB4IiB5PSIwcHgiDQoJIHZpZXdCb3g9IjAgMCAyMCAyMCIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDAgMjAgMjA7IiB4bWw6c3BhY2U9InByZXNlcnZlIj4NCjxzdHlsZSB0eXBlPSJ0ZXh0L2NzcyI+DQoJLnN0MHtmaWxsLXJ1bGU6ZXZlbm9kZDtjbGlwLXJ1bGU6ZXZlbm9kZDtmaWxsOiNGRkZGRkY7fQ0KPC9zdHlsZT4NCjxwYXRoIGNsYXNzPSJzdDAiIGQ9Ik0xNS45LDYuNEwxMCwxMS43TDQuMSw2LjNsMCwwQzMuOSw2LjEsMy42LDYsMy4zLDZDMi42LDYsMiw2LjYsMiw3LjNDMiw3LjYsMi4xLDcuOCwyLjMsOGwwLDBsNi45LDYuNmwwLDANCglDOS40LDE0LjksOS43LDE1LDEwLDE1YzAsMCwwLDAsMCwwYzAsMCwwLDAsMCwwYzAuMywwLDAuNi0wLjEsMC44LTAuM2wwLDBMMTcuNyw4bDAsMEMxNy45LDcuOCwxOCw3LjYsMTgsNy4zQzE4LDYuNiwxNy40LDYsMTYuNyw2DQoJQzE2LjQsNiwxNi4xLDYuMiwxNS45LDYuNHoiLz4NCjwvc3ZnPg0K")
            }

        .toolbar .pageNavigationToolbarContainer .pageNumber {
            display: inline-block;
            vertical-align: top;
            width: 120px
        }

            .toolbar .pageNavigationToolbarContainer .pageNumber .view {
                color: #AAAAAA;
                text-align: center;
                font-weight: bold;
                height: 25px;
                line-height: 25px;
                font-size: 13px;
                margin-top: -2px;
                user-select: none
            }

                .toolbar .pageNavigationToolbarContainer .pageNumber .view .currentPage {
                    width: 35px;
                    font-size: 13px;
                    font-weight: bold;
                    background: #505354;
                    color: #FFFFFF;
                    border: 0;
                    border-radius: 5px;
                    padding: 3px 5px;
                    text-align: right;
                    margin-right: 5px
                }

                    .toolbar .pageNavigationToolbarContainer .pageNumber .view .currentPage.mobile {
                        height: 20px;
                        font-family: Open Sans;
                        display: inline-block;
                        line-height: 20px;
                        background: transparent;
                        width: initial
                    }

                .toolbar .pageNavigationToolbarContainer .pageNumber .view .pagesCount {
                    margin-left: 5px
                }

    .toolbar .viewerToolbarContainer {
        position: absolute;
        right: 10px
    }

        .toolbar .viewerToolbarContainer button {
            margin: 0 10px
        }

            .toolbar .viewerToolbarContainer button .fullscreen {
                background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAxOC4xLjEsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjxzdmcgdmVyc2lvbj0iMS4xIiBpZD0iTGF5ZXJfMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeD0iMHB4IiB5PSIwcHgiDQoJIHZpZXdCb3g9IjAgMCAyMCAyMCIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDAgMjAgMjA7IiB4bWw6c3BhY2U9InByZXNlcnZlIj4NCjxzdHlsZSB0eXBlPSJ0ZXh0L2NzcyI+DQoJLnN0MHtmaWxsLXJ1bGU6ZXZlbm9kZDtjbGlwLXJ1bGU6ZXZlbm9kZDtmaWxsOiM5NTk1OTU7fQ0KPC9zdHlsZT4NCjxwYXRoIGNsYXNzPSJzdDAiIGQ9Ik0xOCw2LjlMMTgsNi45YzAsMC41LTAuNCwwLjktMC45LDAuOWMtMC41LDAtMC45LTAuNS0wLjktMWwwLDBWNS4zbC00LjUsNC4zYy0wLjIsMC4yLDAsMC0wLjItMC4yDQoJYy0wLjMtMC4zLTAuNC0wLjQtMC45LTAuOWMtMC4yLTAuMi0wLjMsMC0wLjItMC4ybDAsMGw0LjItNC41bDAsMGgtMS40Yy0wLjUsMC0xLTAuNC0xLTAuOVMxMi42LDIsMTMuMSwybDAsMEgxOGgtMC45DQoJQzE3LjYsMiwxOCwyLjQsMTgsMi45bDAsMFY2Ljl6Ii8+DQo8cGF0aCBjbGFzcz0ic3QwIiBkPSJNMTYsMmgydjEuOWgtMlYyeiIvPg0KPHBhdGggY2xhc3M9InN0MCIgZD0iTTEyLjIsMmgyLjR2MS44aC0yLjRWMnoiLz4NCjxwYXRoIGNsYXNzPSJzdDAiIGQ9Ik0xNi4yLDUuM0gxOHYyLjZoLTEuOFY1LjN6Ii8+DQo8cGF0aCBjbGFzcz0ic3QwIiBkPSJNNi45LDE4TDYuOSwxOGMwLjUsMCwwLjktMC40LDAuOS0wLjljMC0wLjUtMC41LTAuOS0xLTAuOWwwLDBINS4zbDQuMy00LjVjMC4yLTAuMiwwLDAtMC4yLTAuMg0KCWMtMC4zLTAuMy0wLjQtMC40LTAuOS0wLjljLTAuMi0wLjIsMC0wLjMtMC4yLTAuMmwwLDBsLTQuNSw0LjJsMCwwdi0xLjRjMC0wLjUtMC40LTEtMC45LTFTMiwxMi42LDIsMTMuMWwwLDBWMTh2LTAuOQ0KCUMyLDE3LjYsMi40LDE4LDIuOSwxOGwwLDBINi45eiIvPg0KPHBhdGggY2xhc3M9InN0MCIgZD0iTTIsMTZoMS45djJIMlYxNnoiLz4NCjxwYXRoIGNsYXNzPSJzdDAiIGQ9Ik0yLDEyLjJoMS44djIuNEgyVjEyLjJ6Ii8+DQo8cGF0aCBjbGFzcz0ic3QwIiBkPSJNNS4zLDE2LjJoMi42VjE4SDUuM1YxNi4yeiIvPg0KPC9zdmc+DQo=")
            }

                .toolbar .viewerToolbarContainer button .fullscreen.selected {
                    background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAxOC4xLjEsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjxzdmcgdmVyc2lvbj0iMS4xIiBpZD0iTGF5ZXJfMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeD0iMHB4IiB5PSIwcHgiDQoJIHZpZXdCb3g9IjAgMCAyMCAyMCIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDAgMjAgMjA7IiB4bWw6c3BhY2U9InByZXNlcnZlIj4NCjxzdHlsZSB0eXBlPSJ0ZXh0L2NzcyI+DQoJLnN0MHtmaWxsLXJ1bGU6ZXZlbm9kZDtjbGlwLXJ1bGU6ZXZlbm9kZDtmaWxsOiM5NTk1OTU7fQ0KPC9zdHlsZT4NCjxwYXRoIGNsYXNzPSJzdDAiIGQ9Ik0xNS4yLDEwTDE1LjIsMTBjMC41LDAsMC44LTAuNSwwLjgtMWMwLTAuNS0yLTEtMi41LTFIMTVoLTEuNWw0LjItNC40Yy0wLjEsMC4xLDAsMC0wLjItMC4yDQoJQzE3LjEsMywxNy4xLDMsMTYuNSwyLjVjLTAuMi0wLjItMC4zLDAtMC4yLTAuMWwwLDBMMTIsNi42VjVsMCwwYzAtMC41LTAuNS0xLTEtMXMtMSwwLjItMSwwLjdsMCwwdjQuM2wwLDBjMCwwLjUsMC40LDAuOSwwLjksMC45DQoJbDAsMEgxNS4yeiIvPg0KPHBhdGggY2xhc3M9InN0MCIgZD0iTTEwLDhoMnYyaC0yVjh6Ii8+DQo8cGF0aCBjbGFzcz0ic3QwIiBkPSJNMTMuNSw4SDE2djJoLTJMMTMuNSw4eiIvPg0KPHBhdGggY2xhc3M9InN0MCIgZD0iTTEwLDRoMnYyaC0yVjR6Ii8+DQo8cGF0aCBjbGFzcz0ic3QwIiBkPSJNMTAsMTUuMUwxMCwxNS4xYzAsMC41LTAuNCwwLjktMC45LDAuOUM4LjYsMTYsOCwxNS41LDgsMTVsMCwwdi0xbC00LjMsMy42Yy0wLjIsMC4yLDAsMC0wLjItMC4yDQoJYy0wLjMtMC4zLTAuNC0wLjQtMC45LTAuOWMtMC4yLTAuMi0wLjMsMC0wLjItMC4ybDAsMEw2LDEybDAsMEg1Yy0wLjUsMC0xLTAuNi0xLTEuMVM0LjQsMTAsNC45LDEwbDAsMEgxMEg5LjENCgljMC41LDAsMC45LDAuNCwwLjksMC45bDAsMFYxNS4xeiIvPg0KPHBhdGggY2xhc3M9InN0MCIgZD0iTTgsMTBoMnYySDhWMTB6Ii8+DQo8cGF0aCBjbGFzcz0ic3QwIiBkPSJNNCwxMGgydjJINFYxMHoiLz4NCjxwYXRoIGNsYXNzPSJzdDAiIGQ9Ik04LDE0aDJ2Mkg4VjE0eiIvPg0KPC9zdmc+DQo=") !important
                }

            .toolbar .viewerToolbarContainer button.active .fullscreen {
                background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAxOC4xLjEsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjxzdmcgdmVyc2lvbj0iMS4xIiBpZD0iTGF5ZXJfMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeD0iMHB4IiB5PSIwcHgiDQoJIHZpZXdCb3g9IjAgMCAyMCAyMCIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDAgMjAgMjA7IiB4bWw6c3BhY2U9InByZXNlcnZlIj4NCjxzdHlsZSB0eXBlPSJ0ZXh0L2NzcyI+DQoJLnN0MHtmaWxsLXJ1bGU6ZXZlbm9kZDtjbGlwLXJ1bGU6ZXZlbm9kZDtmaWxsOiNGRkZGRkY7fQ0KPC9zdHlsZT4NCjxwYXRoIGNsYXNzPSJzdDAiIGQ9Ik0xOCw2LjlMMTgsNi45YzAsMC41LTAuNCwwLjktMC45LDAuOWMtMC41LDAtMC45LTAuNS0wLjktMWwwLDBWNS4zbC00LjUsNC4zYy0wLjIsMC4yLDAsMC0wLjItMC4yDQoJYy0wLjMtMC4zLTAuNC0wLjQtMC45LTAuOWMtMC4yLTAuMi0wLjMsMC0wLjItMC4ybDAsMGw0LjItNC41bDAsMGgtMS40Yy0wLjUsMC0xLTAuNC0xLTAuOVMxMi42LDIsMTMuMSwybDAsMEgxOGgtMC45DQoJQzE3LjYsMiwxOCwyLjQsMTgsMi45bDAsMFY2Ljl6Ii8+DQo8cGF0aCBjbGFzcz0ic3QwIiBkPSJNMTYsMmgydjEuOWgtMlYyeiIvPg0KPHBhdGggY2xhc3M9InN0MCIgZD0iTTEyLjIsMmgyLjR2MS44aC0yLjRWMnoiLz4NCjxwYXRoIGNsYXNzPSJzdDAiIGQ9Ik0xNi4yLDUuM0gxOHYyLjZoLTEuOFY1LjN6Ii8+DQo8cGF0aCBjbGFzcz0ic3QwIiBkPSJNNi45LDE4TDYuOSwxOGMwLjUsMCwwLjktMC40LDAuOS0wLjljMC0wLjUtMC41LTAuOS0xLTAuOWwwLDBINS4zbDQuMy00LjVjMC4yLTAuMiwwLDAtMC4yLTAuMg0KCWMtMC4zLTAuMy0wLjQtMC40LTAuOS0wLjljLTAuMi0wLjIsMC0wLjMtMC4yLTAuMmwwLDBsLTQuNSw0LjJsMCwwdi0xLjRjMC0wLjUtMC40LTEtMC45LTFTMiwxMi42LDIsMTMuMWwwLDBWMTh2LTAuOQ0KCUMyLDE3LjYsMi40LDE4LDIuOSwxOGwwLDBINi45eiIvPg0KPHBhdGggY2xhc3M9InN0MCIgZD0iTTIsMTZoMS45djJIMlYxNnoiLz4NCjxwYXRoIGNsYXNzPSJzdDAiIGQ9Ik0yLDEyLjJoMS44djIuNEgyVjEyLjJ6Ii8+DQo8cGF0aCBjbGFzcz0ic3QwIiBkPSJNNS4zLDE2LjJoMi42VjE4SDUuM1YxNi4yeiIvPg0KPC9zdmc+DQo=")
            }

                .toolbar .viewerToolbarContainer button.active .fullscreen.selected {
                    background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAxOC4xLjEsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjxzdmcgdmVyc2lvbj0iMS4xIiBpZD0iTGF5ZXJfMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeD0iMHB4IiB5PSIwcHgiDQoJIHZpZXdCb3g9IjAgMCAyMCAyMCIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDAgMjAgMjA7IiB4bWw6c3BhY2U9InByZXNlcnZlIj4NCjxzdHlsZSB0eXBlPSJ0ZXh0L2NzcyI+DQoJLnN0MHtmaWxsLXJ1bGU6ZXZlbm9kZDtjbGlwLXJ1bGU6ZXZlbm9kZDtmaWxsOiNGRkZGRkY7fQ0KPC9zdHlsZT4NCjxwYXRoIGNsYXNzPSJzdDAiIGQ9Ik0xNS4yLDEwTDE1LjIsMTBjMC41LDAsMC44LTAuNSwwLjgtMWMwLTAuNS0yLTEtMi41LTFIMTVoLTEuNWw0LjItNC40Yy0wLjEsMC4xLDAsMC0wLjItMC4yDQoJQzE3LjEsMywxNy4xLDMsMTYuNSwyLjVjLTAuMi0wLjItMC4zLDAtMC4yLTAuMWwwLDBMMTIsNi42VjVsMCwwYzAtMC41LTAuNS0xLTEtMXMtMSwwLjItMSwwLjdsMCwwdjQuM2wwLDBjMCwwLjUsMC40LDAuOSwwLjksMC45DQoJbDAsMEgxNS4yeiIvPg0KPHBhdGggY2xhc3M9InN0MCIgZD0iTTEwLDhoMnYyaC0yVjh6Ii8+DQo8cGF0aCBjbGFzcz0ic3QwIiBkPSJNMTMuNSw4SDE2djJoLTJMMTMuNSw4eiIvPg0KPHBhdGggY2xhc3M9InN0MCIgZD0iTTEwLDRoMnYyaC0yVjR6Ii8+DQo8cGF0aCBjbGFzcz0ic3QwIiBkPSJNMTAsMTUuMUwxMCwxNS4xYzAsMC41LTAuNCwwLjktMC45LDAuOUM4LjYsMTYsOCwxNS41LDgsMTVsMCwwdi0xbC00LjMsMy42Yy0wLjIsMC4yLDAsMC0wLjItMC4yDQoJYy0wLjMtMC4zLTAuNC0wLjQtMC45LTAuOWMtMC4yLTAuMi0wLjMsMC0wLjItMC4ybDAsMEw2LDEybDAsMEg1Yy0wLjUsMC0xLTAuNi0xLTEuMVM0LjQsMTAsNC45LDEwbDAsMEgxMEg5LjENCgljMC41LDAsMC45LDAuNCwwLjksMC45bDAsMFYxNS4xeiIvPg0KPHBhdGggY2xhc3M9InN0MCIgZD0iTTgsMTBoMnYySDhWMTB6Ii8+DQo8cGF0aCBjbGFzcz0ic3QwIiBkPSJNNCwxMGgydjJINFYxMHoiLz4NCjxwYXRoIGNsYXNzPSJzdDAiIGQ9Ik04LDE0aDJ2Mkg4VjE0eiIvPg0KPC9zdmc+DQo=") !important
                }

            .toolbar .viewerToolbarContainer button .viewMode.pages {
                background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAxOC4xLjEsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjxzdmcgdmVyc2lvbj0iMS4xIiBpZD0iTGF5ZXJfMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeD0iMHB4IiB5PSIwcHgiDQoJIHZpZXdCb3g9IjAgMCAyMCAyMCIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDAgMjAgMjA7IiB4bWw6c3BhY2U9InByZXNlcnZlIj4NCjxzdHlsZSB0eXBlPSJ0ZXh0L2NzcyI+DQoJLnN0MHtmaWxsLXJ1bGU6ZXZlbm9kZDtjbGlwLXJ1bGU6ZXZlbm9kZDtmaWxsOiM5NTk1OTU7fQ0KCS5zdDF7ZmlsbC1ydWxlOmV2ZW5vZGQ7Y2xpcC1ydWxlOmV2ZW5vZGQ7ZmlsbDojMzEzNTM2O30NCjwvc3R5bGU+DQo8cGF0aCBjbGFzcz0ic3QwIiBkPSJNMCwxLjh2MTRjMCwwLDAuMiwwLjcsMC43LDAuNmM1LjktMS4zLDcuOCwxLjMsNy44LDEuM3MxLjIsMS45LDMuMSwwYzAsMCwyLjMtMS45LDQuMy0xLjkNCgljMi4xLDAsMy40LDAuNiwzLjQsMC42czAuNy0wLjEsMC43LTAuNmMwLTAuNSwwLTE0LDAtMTRzLTAuMy0wLjMtNC44LTAuM2MtNC40LDAtNS4yLDEuOS01LjIsMS45UzguNCwxLjQsNC45LDEuNFMwLDEuOCwwLDEuOHoiLz4NCjxwYXRoIGNsYXNzPSJzdDEiIGQ9Ik0yLDMuNGwwLDExYzAsMCwyLjctMS42LDcsMS4xVjQuOUM5LDQuOSw3LjgsMy4zLDIsMy40eiIvPg0KPHBhdGggY2xhc3M9InN0MSIgZD0iTTExLDQuN3YxMC44YzAsMCwzLTIuNCw3LTFsMC0xMUMxOCwzLjQsMTQuNiwzLjIsMTEsNC43eiIvPg0KPC9zdmc+DQo=")
            }

            .toolbar .viewerToolbarContainer button .viewMode.book {
                background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAxOC4xLjEsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjxzdmcgdmVyc2lvbj0iMS4xIiBpZD0iTGF5ZXJfMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeD0iMHB4IiB5PSIwcHgiDQoJIHZpZXdCb3g9IjAgMCAyMCAyMCIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDAgMjAgMjA7IiB4bWw6c3BhY2U9InByZXNlcnZlIj4NCjxzdHlsZSB0eXBlPSJ0ZXh0L2NzcyI+DQoJLnN0MHtmaWxsLXJ1bGU6ZXZlbm9kZDtjbGlwLXJ1bGU6ZXZlbm9kZDtmaWxsOiNGRkZGRkY7fQ0KCS5zdDF7ZmlsbC1ydWxlOmV2ZW5vZGQ7Y2xpcC1ydWxlOmV2ZW5vZGQ7ZmlsbDojMzEzNTM2O30NCjwvc3R5bGU+DQo8cGF0aCBjbGFzcz0ic3QwIiBkPSJNMCwxLjh2MTRjMCwwLDAuMiwwLjcsMC43LDAuNmM1LjktMS4zLDcuOCwxLjMsNy44LDEuM3MxLjIsMS45LDMuMSwwYzAsMCwyLjMtMS45LDQuMy0xLjkNCgljMi4xLDAsMy40LDAuNiwzLjQsMC42czAuNy0wLjEsMC43LTAuNmMwLTAuNSwwLTE0LDAtMTRzLTAuMy0wLjMtNC44LTAuM2MtNC40LDAtNS4yLDEuOS01LjIsMS45UzguNCwxLjQsNC45LDEuNFMwLDEuOCwwLDEuOHoiLz4NCjxwYXRoIGNsYXNzPSJzdDEiIGQ9Ik0yLDMuNGwwLDExYzAsMCwyLjctMS42LDcsMS4xVjQuOUM5LDQuOSw3LjgsMy4zLDIsMy40eiIvPg0KPHBhdGggY2xhc3M9InN0MSIgZD0iTTExLDQuN3YxMC44YzAsMCwzLTIuNCw3LTFsMC0xMUMxOCwzLjQsMTQuNiwzLjIsMTEsNC43eiIvPg0KPC9zdmc+DQo=")
            }

            .toolbar .viewerToolbarContainer button.active .viewMode.pages, .toolbar .viewerToolbarContainer button.active .viewMode.book {
                background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAxOC4xLjEsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjxzdmcgdmVyc2lvbj0iMS4xIiBpZD0iTGF5ZXJfMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeD0iMHB4IiB5PSIwcHgiDQoJIHZpZXdCb3g9IjAgMCAyMCAyMCIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDAgMjAgMjA7IiB4bWw6c3BhY2U9InByZXNlcnZlIj4NCjxzdHlsZSB0eXBlPSJ0ZXh0L2NzcyI+DQoJLnN0MHtmaWxsLXJ1bGU6ZXZlbm9kZDtjbGlwLXJ1bGU6ZXZlbm9kZDtmaWxsOiNGRkZGRkY7fQ0KCS5zdDF7ZmlsbC1ydWxlOmV2ZW5vZGQ7Y2xpcC1ydWxlOmV2ZW5vZGQ7ZmlsbDojMzEzNTM2O30NCjwvc3R5bGU+DQo8cGF0aCBjbGFzcz0ic3QwIiBkPSJNMCwxLjh2MTRjMCwwLDAuMiwwLjcsMC43LDAuNmM1LjktMS4zLDcuOCwxLjMsNy44LDEuM3MxLjIsMS45LDMuMSwwYzAsMCwyLjMtMS45LDQuMy0xLjkNCgljMi4xLDAsMy40LDAuNiwzLjQsMC42czAuNy0wLjEsMC43LTAuNmMwLTAuNSwwLTE0LDAtMTRzLTAuMy0wLjMtNC44LTAuM2MtNC40LDAtNS4yLDEuOS01LjIsMS45UzguNCwxLjQsNC45LDEuNFMwLDEuOCwwLDEuOHoiLz4NCjxwYXRoIGNsYXNzPSJzdDEiIGQ9Ik0yLDMuNGwwLDExYzAsMCwyLjctMS42LDcsMS4xVjQuOUM5LDQuOSw3LjgsMy4zLDIsMy40eiIvPg0KPHBhdGggY2xhc3M9InN0MSIgZD0iTTExLDQuN3YxMC44YzAsMCwzLTIuNCw3LTFsMC0xMUMxOCwzLjQsMTQuNiwzLjIsMTEsNC43eiIvPg0KPC9zdmc+DQo=")
            }

            .toolbar .viewerToolbarContainer button[disabled] .viewMode.book {
                background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAxOC4xLjEsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjxzdmcgdmVyc2lvbj0iMS4xIiBpZD0iTGF5ZXJfMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeD0iMHB4IiB5PSIwcHgiDQoJIHZpZXdCb3g9IjAgMCAyMCAyMCIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDAgMjAgMjA7IiB4bWw6c3BhY2U9InByZXNlcnZlIj4NCjxzdHlsZSB0eXBlPSJ0ZXh0L2NzcyI+DQoJLnN0MHtmaWxsLXJ1bGU6ZXZlbm9kZDtjbGlwLXJ1bGU6ZXZlbm9kZDtmaWxsOiM5NTk1OTU7fQ0KCS5zdDF7ZmlsbC1ydWxlOmV2ZW5vZGQ7Y2xpcC1ydWxlOmV2ZW5vZGQ7ZmlsbDojMzEzNTM2O30NCjwvc3R5bGU+DQo8cGF0aCBjbGFzcz0ic3QwIiBkPSJNMCwxLjh2MTRjMCwwLDAuMiwwLjcsMC43LDAuNmM1LjktMS4zLDcuOCwxLjMsNy44LDEuM3MxLjIsMS45LDMuMSwwYzAsMCwyLjMtMS45LDQuMy0xLjkNCgljMi4xLDAsMy40LDAuNiwzLjQsMC42czAuNy0wLjEsMC43LTAuNmMwLTAuNSwwLTE0LDAtMTRzLTAuMy0wLjMtNC44LTAuM2MtNC40LDAtNS4yLDEuOS01LjIsMS45UzguNCwxLjQsNC45LDEuNFMwLDEuOCwwLDEuOHoiLz4NCjxwYXRoIGNsYXNzPSJzdDEiIGQ9Ik0yLDMuNGwwLDExYzAsMCwyLjctMS42LDcsMS4xVjQuOUM5LDQuOSw3LjgsMy4zLDIsMy40eiIvPg0KPHBhdGggY2xhc3M9InN0MSIgZD0iTTExLDQuN3YxMC44YzAsMCwzLTIuNCw3LTFsMC0xMUMxOCwzLjQsMTQuNiwzLjIsMTEsNC43eiIvPg0KPC9zdmc+DQo=")
            }

            .toolbar .viewerToolbarContainer button .thumbnail {
                background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAxOC4xLjEsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjxzdmcgdmVyc2lvbj0iMS4xIiBpZD0iTGF5ZXJfMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeD0iMHB4IiB5PSIwcHgiDQoJIHZpZXdCb3g9IjAgMCAyMCAyMCIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDAgMjAgMjA7IiB4bWw6c3BhY2U9InByZXNlcnZlIj4NCjxzdHlsZSB0eXBlPSJ0ZXh0L2NzcyI+DQoJLnN0MHtmaWxsLXJ1bGU6ZXZlbm9kZDtjbGlwLXJ1bGU6ZXZlbm9kZDtmaWxsOiM5NTk1OTU7fQ0KPC9zdHlsZT4NCjxwYXRoIGNsYXNzPSJzdDAiIGQ9Ik0yLDJoNmMwLjYsMCwxLDAuNCwxLDF2NWMwLDAuNi0wLjQsMS0xLDFIMkMxLjQsOSwxLDguNiwxLDhWM0MxLDIuNCwxLjQsMiwyLDJ6Ii8+DQo8cGF0aCBjbGFzcz0ic3QwIiBkPSJNMTIsMmg2YzAuNiwwLDEsMC40LDEsMXY1YzAsMC42LTAuNCwxLTEsMWgtNmMtMC42LDAtMS0wLjQtMS0xVjNDMTEsMi40LDExLjQsMiwxMiwyeiIvPg0KPHBhdGggY2xhc3M9InN0MCIgZD0iTTIsMTFoNmMwLjYsMCwxLDAuNCwxLDF2NWMwLDAuNi0wLjQsMS0xLDFIMmMtMC42LDAtMS0wLjQtMS0xdi01QzEsMTEuNCwxLjQsMTEsMiwxMXoiLz4NCjxwYXRoIGNsYXNzPSJzdDAiIGQ9Ik0xMiwxMWg2YzAuNiwwLDEsMC40LDEsMXY1YzAsMC42LTAuNCwxLTEsMWgtNmMtMC42LDAtMS0wLjQtMS0xdi01QzExLDExLjQsMTEuNCwxMSwxMiwxMXoiLz4NCjwvc3ZnPg0K")
            }

                .toolbar .viewerToolbarContainer button .thumbnail.open {
                    background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAxOC4xLjEsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjxzdmcgdmVyc2lvbj0iMS4xIiBpZD0iTGF5ZXJfMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeD0iMHB4IiB5PSIwcHgiDQoJIHZpZXdCb3g9IjAgMCAyMCAyMCIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDAgMjAgMjA7IiB4bWw6c3BhY2U9InByZXNlcnZlIj4NCjxzdHlsZSB0eXBlPSJ0ZXh0L2NzcyI+DQoJLnN0MHtmaWxsLXJ1bGU6ZXZlbm9kZDtjbGlwLXJ1bGU6ZXZlbm9kZDtmaWxsOiNGRkZGRkY7fQ0KPC9zdHlsZT4NCjxwYXRoIGNsYXNzPSJzdDAiIGQ9Ik0yLDJoNmMwLjYsMCwxLDAuNCwxLDF2NWMwLDAuNi0wLjQsMS0xLDFIMkMxLjQsOSwxLDguNiwxLDhWM0MxLDIuNCwxLjQsMiwyLDJ6Ii8+DQo8cGF0aCBjbGFzcz0ic3QwIiBkPSJNMTIsMmg2YzAuNiwwLDEsMC40LDEsMXY1YzAsMC42LTAuNCwxLTEsMWgtNmMtMC42LDAtMS0wLjQtMS0xVjNDMTEsMi40LDExLjQsMiwxMiwyeiIvPg0KPHBhdGggY2xhc3M9InN0MCIgZD0iTTIsMTFoNmMwLjYsMCwxLDAuNCwxLDF2NWMwLDAuNi0wLjQsMS0xLDFIMmMtMC42LDAtMS0wLjQtMS0xdi01QzEsMTEuNCwxLjQsMTEsMiwxMXoiLz4NCjxwYXRoIGNsYXNzPSJzdDAiIGQ9Ik0xMiwxMWg2YzAuNiwwLDEsMC40LDEsMXY1YzAsMC42LTAuNCwxLTEsMWgtNmMtMC42LDAtMS0wLjQtMS0xdi01QzExLDExLjQsMTEuNCwxMSwxMiwxMXoiLz4NCjwvc3ZnPg0K")
                }

            .toolbar .viewerToolbarContainer button.active .thumbnail {
                background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAxOC4xLjEsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjxzdmcgdmVyc2lvbj0iMS4xIiBpZD0iTGF5ZXJfMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeD0iMHB4IiB5PSIwcHgiDQoJIHZpZXdCb3g9IjAgMCAyMCAyMCIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDAgMjAgMjA7IiB4bWw6c3BhY2U9InByZXNlcnZlIj4NCjxzdHlsZSB0eXBlPSJ0ZXh0L2NzcyI+DQoJLnN0MHtmaWxsLXJ1bGU6ZXZlbm9kZDtjbGlwLXJ1bGU6ZXZlbm9kZDtmaWxsOiNGRkZGRkY7fQ0KPC9zdHlsZT4NCjxwYXRoIGNsYXNzPSJzdDAiIGQ9Ik0yLDJoNmMwLjYsMCwxLDAuNCwxLDF2NWMwLDAuNi0wLjQsMS0xLDFIMkMxLjQsOSwxLDguNiwxLDhWM0MxLDIuNCwxLjQsMiwyLDJ6Ii8+DQo8cGF0aCBjbGFzcz0ic3QwIiBkPSJNMTIsMmg2YzAuNiwwLDEsMC40LDEsMXY1YzAsMC42LTAuNCwxLTEsMWgtNmMtMC42LDAtMS0wLjQtMS0xVjNDMTEsMi40LDExLjQsMiwxMiwyeiIvPg0KPHBhdGggY2xhc3M9InN0MCIgZD0iTTIsMTFoNmMwLjYsMCwxLDAuNCwxLDF2NWMwLDAuNi0wLjQsMS0xLDFIMmMtMC42LDAtMS0wLjQtMS0xdi01QzEsMTEuNCwxLjQsMTEsMiwxMXoiLz4NCjxwYXRoIGNsYXNzPSJzdDAiIGQ9Ik0xMiwxMWg2YzAuNiwwLDEsMC40LDEsMXY1YzAsMC42LTAuNCwxLTEsMWgtNmMtMC42LDAtMS0wLjQtMS0xdi01QzExLDExLjQsMTEuNCwxMSwxMiwxMXoiLz4NCjwvc3ZnPg0K")
            }

.viewer {
    position: relative
}

    .viewer .page {
        overflow: hidden
    }

        .viewer .page .loadingIcon {
            display: block;
            position: absolute;
            left: 0;
            top: 0;
            right: 0;
            bottom: 0;
            background: url("../images/loading-icon.gif") center no-repeat;
            z-index: 4
        }

        .viewer .page .canvasWrapper {
            position: absolute;
            overflow: hidden;
            width: 100%;
            height: 100%;
            z-index: 1;
            user-select: none
        }

            .viewer .page .canvasWrapper .content {
                position: absolute
            }

        .viewer .page .textLayer {
            position: absolute;
            top: 0;
            right: 0;
            left: 0;
            bottom: 0;
            opacity: 0.2;
            z-index: 2;
            user-select: text
        }

            .viewer .page .textLayer > div {
                position: absolute;
                cursor: text;
                white-space: pre;
                color: transparent;
                transform-origin: 0 0
            }

                .viewer .page .textLayer > div::selection {
                    background: #0000FF
                }

                .viewer .page .textLayer > div::-moz-selection {
                    background: #0000FF
                }

            .viewer .page .textLayer .endOfContent {
                display: block;
                position: absolute;
                left: 0;
                top: 100%;
                right: 0;
                bottom: 0;
                z-index: -1;
                cursor: default;
                user-select: none
            }

                .viewer .page .textLayer .endOfContent.active {
                    top: 0
                }

        .viewer .page .annotationsLayer {
            position: absolute;
            z-index: 3
        }

            .viewer .page .annotationsLayer > section {
                position: absolute
            }

                .viewer .page .annotationsLayer > section > a {
                    position: absolute;
                    top: 0;
                    bottom: 0;
                    left: 0;
                    right: 0
                }

                    .viewer .page .annotationsLayer > section > a.active {
                        background: #2F7BEC;
                        opacity: 0.5
                    }

.viewerContainer .handMotionOverlay {
    cursor: url("../images/hand.cur"),move !important;
    cursor: grab !important
}

    .viewerContainer .handMotionOverlay.holdHand {
        cursor: url("../images/hold-hand.cur"),move !important;
        cursor: grabbing !important
    }

    .viewerContainer .handMotionOverlay .textLayer {
        user-select: none !important;
        pointer-events: none
    }

.pageViewer {
    margin: 0 auto;
    text-align: center
}

    .pageViewer .shadowOffset {
        display: block;
        padding: 9px;
        margin-bottom: -5px
    }

    .pageViewer .page {
        text-align: left;
        position: relative;
        display: inline-block;
        background-color: #FFFFFF;
        box-shadow: 0 2px 10px 2px rgba(0,0,0,0.7);
        vertical-align: top
    }

.bookViewer {
    display: table;
    width: 100%
}

    .bookViewer .pageContainer {
        position: relative;
        background-color: #FFFFFF;
        box-shadow: 0 2px 10px 2px rgba(0,0,0,0.7)
    }

    .bookViewer.onePage .spread {
        display: none
    }

    .bookViewer.onePage .bookSpread {
        display: block;
        margin: 0 auto
    }

.spread {
    display: table-cell;
    vertical-align: middle;
    border: 0;
    min-width: 50px;
    cursor: pointer
}

.spread__backLight {
    display: inline-block;
    border-radius: 5px;
    transition: background 0.3s ease-out
}

.spread__arrow {
    display: inline-block;
    margin: 40px 7px;
    width: 25px;
    height: 25px;
    background-repeat: no-repeat;
    background-position: center
}

.spread.spread_type_prev {
    text-align: right
}

    .spread.spread_type_prev .spread__arrow {
        background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAxOC4xLjEsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjxzdmcgdmVyc2lvbj0iMS4xIiBpZD0iTGF5ZXJfMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeD0iMHB4IiB5PSIwcHgiDQoJIHZpZXdCb3g9IjAgMCAxMyAyMiIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDAgMTMgMjI7IiB4bWw6c3BhY2U9InByZXNlcnZlIj4NCjxzdHlsZSB0eXBlPSJ0ZXh0L2NzcyI+DQoJLnN0MHtmaWxsLXJ1bGU6ZXZlbm9kZDtjbGlwLXJ1bGU6ZXZlbm9kZDtmaWxsOiNDMEMwQzA7fQ0KPC9zdHlsZT4NCjxwYXRoIGNsYXNzPSJzdDAiIGQ9Ik0xMi40LDIuOEwzLjksMTFsOC42LDguM2wwLDBjMC4zLDAuMywwLjUsMC43LDAuNSwxLjFjMCwwLjktMC43LDEuNi0xLjYsMS42Yy0wLjQsMC0wLjgtMC4yLTEuMS0wLjRsMCwwDQoJbC05LjctOS40bDAsMEMwLjIsMTEuOCwwLDExLjQsMCwxMWMwLDAsMCwwLDAsMGMwLDAsMCwwLDAsMGMwLTAuNCwwLjItMC44LDAuNS0xLjFsMCwwbDkuNy05LjRsMCwwQzEwLjUsMC4yLDEwLjksMCwxMS40LDANCglDMTIuMywwLDEzLDAuNywxMywxLjZDMTMsMiwxMi44LDIuNSwxMi40LDIuOHoiLz4NCjwvc3ZnPg0K")
    }

    .spread.spread_type_prev.spread_active .spread__arrow {
        background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAxOC4xLjEsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjxzdmcgdmVyc2lvbj0iMS4xIiBpZD0iTGF5ZXJfMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeD0iMHB4IiB5PSIwcHgiDQoJIHZpZXdCb3g9IjAgMCAxMyAyMiIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDAgMTMgMjI7IiB4bWw6c3BhY2U9InByZXNlcnZlIj4NCjxzdHlsZSB0eXBlPSJ0ZXh0L2NzcyI+DQoJLnN0MHtmaWxsLXJ1bGU6ZXZlbm9kZDtjbGlwLXJ1bGU6ZXZlbm9kZDtmaWxsOiNGRkZGRkY7fQ0KPC9zdHlsZT4NCjxwYXRoIGNsYXNzPSJzdDAiIGQ9Ik0xMi40LDIuOEwzLjksMTFsOC42LDguM2wwLDBjMC4zLDAuMywwLjUsMC43LDAuNSwxLjFjMCwwLjktMC43LDEuNi0xLjYsMS42Yy0wLjQsMC0wLjgtMC4yLTEuMS0wLjRsMCwwDQoJbC05LjctOS40bDAsMEMwLjIsMTEuOCwwLDExLjQsMCwxMWMwLDAsMCwwLDAsMGMwLDAsMCwwLDAsMGMwLTAuNCwwLjItMC44LDAuNS0xLjFsMCwwbDkuNy05LjRsMCwwQzEwLjUsMC4yLDEwLjksMCwxMS40LDANCglDMTIuMywwLDEzLDAuNywxMywxLjZDMTMsMiwxMi44LDIuNSwxMi40LDIuOHoiLz4NCjwvc3ZnPg0K")
    }

.spread.spread_type_next {
    text-align: left
}

    .spread.spread_type_next .spread__arrow {
        background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAxOC4xLjEsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjxzdmcgdmVyc2lvbj0iMS4xIiBpZD0iTGF5ZXJfMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeD0iMHB4IiB5PSIwcHgiDQoJIHZpZXdCb3g9IjAgMCAxMyAyMiIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDAgMTMgMjI7IiB4bWw6c3BhY2U9InByZXNlcnZlIj4NCjxzdHlsZSB0eXBlPSJ0ZXh0L2NzcyI+DQoJLnN0MHtmaWxsLXJ1bGU6ZXZlbm9kZDtjbGlwLXJ1bGU6ZXZlbm9kZDtmaWxsOiNDMEMwQzA7fQ0KPC9zdHlsZT4NCjxwYXRoIGNsYXNzPSJzdDAiIGQ9Ik0wLjYsMi44TDkuMSwxMWwtOC42LDguM2wwLDBDMC4yLDE5LjYsMCwyMCwwLDIwLjRDMCwyMS4zLDAuNywyMiwxLjYsMjJjMC40LDAsMC44LTAuMiwxLjEtMC40bDAsMGw5LjctOS40DQoJbDAsMGMwLjMtMC4zLDAuNS0wLjcsMC41LTEuMWMwLDAsMCwwLDAsMGMwLDAsMCwwLDAsMGMwLTAuNC0wLjItMC44LTAuNS0xLjFsMCwwTDIuOCwwLjRsMCwwQzIuNSwwLjIsMi4xLDAsMS42LDANCglDMC43LDAsMCwwLjcsMCwxLjZDMCwyLDAuMiwyLjUsMC42LDIuOHoiLz4NCjwvc3ZnPg0K")
    }

    .spread.spread_type_next.spread_active .spread__arrow {
        background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAxOC4xLjEsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjxzdmcgdmVyc2lvbj0iMS4xIiBpZD0iTGF5ZXJfMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeD0iMHB4IiB5PSIwcHgiDQoJIHZpZXdCb3g9IjAgMCAxMyAyMiIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDAgMTMgMjI7IiB4bWw6c3BhY2U9InByZXNlcnZlIj4NCjxzdHlsZSB0eXBlPSJ0ZXh0L2NzcyI+DQoJLnN0MHtmaWxsLXJ1bGU6ZXZlbm9kZDtjbGlwLXJ1bGU6ZXZlbm9kZDtmaWxsOiNGRkZGRkY7fQ0KPC9zdHlsZT4NCjxwYXRoIGNsYXNzPSJzdDAiIGQ9Ik0wLjYsMi44TDkuMSwxMWwtOC42LDguM2wwLDBDMC4yLDE5LjYsMCwyMCwwLDIwLjRDMCwyMS4zLDAuNywyMiwxLjYsMjJjMC40LDAsMC44LTAuMiwxLjEtMC40bDAsMGw5LjctOS40DQoJbDAsMGMwLjMtMC4zLDAuNS0wLjcsMC41LTEuMWMwLDAsMCwwLDAsMGMwLDAsMCwwLDAsMGMwLTAuNC0wLjItMC44LTAuNS0xLjFsMCwwTDIuOCwwLjRsMCwwQzIuNSwwLjIsMi4xLDAsMS42LDANCglDMC43LDAsMCwwLjcsMCwxLjZDMCwyLDAuMiwyLjUsMC42LDIuOHoiLz4NCjwvc3ZnPg0K")
    }

.spread.spread_active .spread__backLight {
    background: #3C3E41
}

.spread.spread_invisible {
    visibility: hidden
}

.bookSpread {
    display: table-cell;
    padding: 9px
}

    .bookSpread .page {
        position: absolute;
        top: 0;
        overflow: hidden;
        background: #FFFFFF
    }

        .bookSpread .page.prev, .bookSpread .page.left {
            left: 0
        }

        .bookSpread .page.next, .bookSpread .page.right {
            right: 0
        }

        .bookSpread .page.back.prev, .bookSpread .page.back.next {
            z-index: 10
        }

        .bookSpread .page.back.left, .bookSpread .page.back.right {
            z-index: 14
        }

        .bookSpread .page.back.front-flipping, .bookSpread .page.back.back-flipping {
            z-index: 20
        }

        .bookSpread .page.back.front-flipping {
            box-shadow: -10px 0 10px 0 rgba(50,50,50,0.5)
        }

        .bookSpread .page.back.back-flipping {
            box-shadow: 10px 0 10px 0 rgba(50,50,50,0.5)
        }

        .bookSpread .page.front.prev, .bookSpread .page.front.next {
            z-index: 12
        }

        .bookSpread .page.front.left, .bookSpread .page.front.right {
            z-index: 16
        }

        .bookSpread .page.front.front-flipping, .bookSpread .page.front.back-flipping {
            z-index: 18
        }

        .bookSpread .page.back-flipping .canvasWrapper .content, .bookSpread .page.back-flipping .canvasWrapper .shadow {
            right: 0
        }

        .bookSpread .page .canvasWrapper canvas {
            position: absolute;
            top: 0
        }

        .bookSpread .page .canvasWrapper .content {
            z-index: 1
        }

        .bookSpread .page .canvasWrapper .shadow {
            z-index: 2
        }

    .bookSpread .turn-shadow {
        position: absolute;
        z-index: 30
    }

@media (max-height: 240px) {
    .spread .backLight .arrow {
        margin-top: 0;
        margin-bottom: 0
    }
}

.slideViewer {
    margin: 0 auto;
    padding: 30px
}

    .slideViewer .handMotionOverlay {
        margin: 30px
    }

    .slideViewer .page {
        position: relative;
        background-color: #FFFFFF;
        box-sizing: border-box;
        margin: 9px;
        box-shadow: 0 2px 10px 2px rgba(0,0,0,0.7)
    }

        .slideViewer .page.hidden {
            visibility: hidden
        }

.slideWithTransitionViewer {
    padding: 0
}

    .slideWithTransitionViewer .handMotionOverlay {
        margin: 0
    }

    .slideWithTransitionViewer .page {
        position: absolute;
        top: 0;
        background-color: #FFFFFF;
        box-sizing: border-box;
        box-shadow: 0 2px 10px 2px rgba(0,0,0,0.7)
    }

        .slideWithTransitionViewer .page.hidden {
            display: none
        }

        .slideWithTransitionViewer .page.next {
            transform: translateX(1px)
        }

        .slideWithTransitionViewer .page.prev {
            transform: translateX(-1px)
        }

    .slideWithTransitionViewer .pageContainer {
        position: relative;
        overflow: hidden
    }

.banner {
    position: absolute;
    top: 50%;
    left: 50%;
    margin-left: -300px;
    margin-top: -70px
}

    .banner .no-local-view {
        display: inline-block;
        vertical-align: top;
        background: url("../images/no-local-view.png");
        width: 98px;
        height: 100px;
        margin-right: 15px
    }

    .banner .message {
        display: inline-block;
        vertical-align: top;
        font-family: Arial, Helvetica, sans-serif
    }

        .banner .message .title {
            font-size: 30px;
            margin-top: 5px;
            margin-bottom: 5px;
            width: 600px
        }

.dialogContainerOverlay {
    display: table;
    position: absolute;
    width: 100%;
    height: 100%;
    background-color: rgba(0,0,0,0.2);
    z-index: 40000
}

    .dialogContainerOverlay .dialogCenter {
        display: table-cell;
        vertical-align: middle;
        text-align: center
    }

.dialog {
    display: inline-block;
    padding: 25px 30px;
    background-color: #2D3132;
    border: 1px solid #262B2B;
    border-radius: 4px;
    border-spacing: 4px;
    color: #FFFFFF;
    font-size: 14px
}

    .dialog .row {
        display: block;
        margin-bottom: 5px
    }

        .dialog .row:last-child {
            margin-bottom: 0
        }

        .dialog .row.hidden {
            display: none
        }

        .dialog .row.control {
            padding: 0 10px
        }

            .dialog .row.control .left, .dialog .row.control .right {
                display: inline-block;
                width: 49%
            }

            .dialog .row.control .left {
                margin-right: 1%
            }

            .dialog .row.control .right {
                margin-left: 1%
            }

    .dialog.askPassword {
        width: 350px;
        box-sizing: border-box
    }

        .dialog.askPassword .row {
            margin-bottom: 10px
        }

        .dialog.askPassword .text {
            margin-bottom: 20px
        }

        .dialog.askPassword .error {
            color: #E57373;
            margin-bottom: 20px
        }

        .dialog.askPassword .passwordInput {
            width: 100%;
            background: #E5E9EA;
            border: 1px solid #212424;
            height: 36px;
            text-align: center;
            border-radius: 4px
        }

        .dialog.askPassword button {
            width: 100%;
            font-size: 15px;
            color: #FFFFFF;
            background: #7D7F80;
            height: 38px;
            border: 0;
            border-radius: 4px;
            cursor: pointer
        }

            .dialog.askPassword button.active {
                background: #939697
            }

.mobile .dialog.askPassword {
    width: 95%;
    max-width: 350px
}

body.keyboard-showed {
    position: absolute;
    left: 0;
    top: 0
}