div#lazy-container {

     width: 100%;

     height: 500px;

     overflow: display;

 }

 #top-spacer {

     height: 0px;

 }

 img.lazy {

     max-width: 99%;

     margin: 3px auto;

     height: auto;

     display: block;

     border: 1px solid black;

     border-radius: 5px;

     width: 99%;

     min-height: 400px;

     min-width: 250px;

     /* optional way, set loading as background */

     background: white;

     background-image: url('images/loading-icon.gif');

     background-repeat: no-repeat;

     background-position: 50% 50%;

 }

 img {

     pointer-events: none;

 }

 * {

     padding: 0;

     margin: 0;

 }

 input,

 button,

 select {

     font: message-box;

     outline: none;

 }

 .hidden {

     display: none !important;

 }

 .outerCenter {

     pointer-events: none;

     position: relative;

 }

 html[dir='ltr'] .outerCenter {

     float: right;

     right: 50%;

 }

 .innerCenter {

     pointer-events: auto;

     position: relative;

 }

 html[dir='ltr'] .innerCenter {

     float: right;

     right: -50%;

 }

 #toolbarContainer {

     width: 100%;

 }

 #toolbarContainer {

     position: relative;

     height: 32px;

     background-color: #ffffff;

 }

 html[dir='ltr'] #toolbarContainer {

     box-shadow: inset 1px 0 0 hsla(0, 0%, 100%, .08), inset 0 1px 1px hsla(0, 0%, 0%, .15), inset 0 -1px 0 hsla(0, 0%, 100%, .05), 0 1px 0 hsla(0, 0%, 0%, .15), 0 1px 1px hsla(0, 0%, 0%, .1);

 }

 #toolbarViewer {

     height: 32px;

 }

 #loadingBar {

     position: relative;

     width: 100%;

     height: 4px;

     background-color: #efefef;

     border-bottom: 1px solid #333;

 }

 #loadingBar .progress {

     position: absolute;

     top: 0;

     left: 0;

     width: 0;

     height: 100%;

     background-color: #633dbf;

     overflow: hidden;

     -webkit-transition: width 200ms;

     transition: width 200ms;

 }

 html[dir='ltr'] #toolbarViewerLeft {

     margin-left: -1px;

 }

 html[dir='ltr'] #toolbarViewerLeft {

     position: absolute;

     top: 0;

     left: 0;

 }

 html[dir='ltr'] #toolbarViewerRight {

     position: absolute;

     top: 0;

     right: 0;

 }

 html[dir='ltr'] #toolbarViewerLeft>*,

 html[dir='ltr'] #toolbarViewerMiddle>*,

 html[dir='ltr'] #toolbarViewerRight>* {

     position: relative;

     float: left;

 }

 html[dir='ltr'] .splitToolbarButton {

     margin: 3px 2px 4px 0;

     display: inline-block;

 }

 html[dir='ltr'] .splitToolbarButton>.toolbarButton {

     border-radius: 0;

     float: left;

 }

 .toolbarButton {

     border: 0 none;

     background: none;

     width: 32px;

     height: 25px;

 }

 .toolbarButton>span {

     display: inline-block;

     width: 0;

     height: 0;

     overflow: hidden;

 }

 .toolbarButton[disabled] {

     opacity: .5;

 }

 .toolbarButton.group {

     margin-right: 0;

 }

 .splitToolbarButton:hover>.toolbarButton,

 .splitToolbarButton:focus>.toolbarButton {

     background-color: hsla(0, 0%, 0%, .12);

     background-image: linear-gradient(hsla(0, 0%, 100%, .05), hsla(0, 0%, 100%, 0));

     background-clip: padding-box;

     border: 1px solid hsla(0, 0%, 0%, .35);

     border-color: hsla(0, 0%, 0%, .32) hsla(0, 0%, 0%, .38) hsla(0, 0%, 0%, .42);

     box-shadow: 0 1px 0 hsla(0, 0%, 100%, .05) inset, 0 0 1px hsla(0, 0%, 100%, .15) inset, 0 1px 0 hsla(0, 0%, 100%, .05);

     -webkit-transition-property: background-color, border-color, box-shadow;

     -webkit-transition-duration: 150ms;

     -webkit-transition-timing-function: ease;

     transition-property: background-color, border-color, box-shadow;

     transition-duration: 150ms;

     transition-timing-function: ease;

 }

 .splitToolbarButton>.toolbarButton:hover,

 .splitToolbarButton>.toolbarButton:focus,

 .dropdownToolbarButton:hover {

     background-color: hsla(0, 0%, 0%, .2);

     box-shadow: 0 1px 0 hsla(0, 0%, 100%, .05) inset, 0 0 1px hsla(0, 0%, 100%, .15) inset, 0 0 1px hsla(0, 0%, 0%, .05);

     z-index: 199;

 }

 .splitToolbarButton>.toolbarButton {

     position: relative;

 }

 html[dir='ltr'] .splitToolbarButton>.toolbarButton:first-child {

     position: relative;

     margin: 0;

     margin-right: -1px;

     border-top-left-radius: 2px;

     border-bottom-left-radius: 2px;

     border-right-color: transparent;

 }

 html[dir='ltr'] .splitToolbarButton>.toolbarButton:last-child {

     position: relative;

     margin: 0;

     margin-left: -1px;

     border-top-right-radius: 2px;

     border-bottom-right-radius: 2px;

     border-left-color: transparent;

 }

 .splitToolbarButtonSeparator {

     padding: 8px 0;

     width: 1px;

     background-color: hsla(0, 0%, 0%, .5);

     z-index: 99;

     box-shadow: 0 0 0 1px hsla(0, 0%, 100%, .08);

     display: inline-block;

     margin: 5px 0;

 }

 html[dir='ltr'] .splitToolbarButtonSeparator {

     float: left;

 }

 .splitToolbarButton:hover>.splitToolbarButtonSeparator {

     padding: 12px 0;

     margin: 1px 0;

     box-shadow: 0 0 0 1px hsla(0, 0%, 100%, .03);

     -webkit-transition-property: padding;

     -webkit-transition-duration: 10ms;

     -webkit-transition-timing-function: ease;

     transition-property: padding;

     transition-duration: 10ms;

     transition-timing-function: ease;

 }

 .toolbarButton,

 .dropdownToolbarButton {

     min-width: 16px;

     padding: 2px 6px 0;

     border: 1px solid transparent;

     border-radius: 2px;

     color: hsla(0, 0%, 100%, .8);

     font-size: 12px;

     line-height: 14px;

     -webkit-user-select: none;

     -moz-user-select: none;

     -ms-user-select: none;

     cursor: default;

     -webkit-transition-property: background-color, border-color, box-shadow;

     -webkit-transition-duration: 150ms;

     -webkit-transition-timing-function: ease;

     transition-property: background-color, border-color, box-shadow;

     transition-duration: 150ms;

     transition-timing-function: ease;

 }

 html[dir='ltr'] .toolbarButton,

 html[dir='ltr'] .dropdownToolbarButton {

     margin: 3px 2px 4px 0;

 }

 .toolbarButton:hover,

 .toolbarButton:focus,

 .dropdownToolbarButton {

     background-color: hsla(0, 0%, 0%, .12);

     background-image: linear-gradient(hsla(0, 0%, 100%, .05), hsla(0, 0%, 100%, 0));

     background-clip: padding-box;

     ;

     box-shadow: 0 1px 0 hsla(0, 0%, 100%, .05) inset, 0 0 1px hsla(0, 0%, 100%, .15) inset, 0 1px 0 hsla(0, 0%, 100%, .05);

 }

 .toolbarButton:hover:active,

 .dropdownToolbarButton:hover:active {

     background-color: hsla(0, 0%, 0%, .2);

     background-image: linear-gradient(hsla(0, 0%, 100%, .05), hsla(0, 0%, 100%, 0));

     border-color: hsla(0, 0%, 0%, .35) hsla(0, 0%, 0%, .4) hsla(0, 0%, 0%, .45);

     box-shadow: 0 1px 1px hsla(0, 0%, 0%, .1) inset, 0 0 1px hsla(0, 0%, 0%, .2) inset, 0 1px 0 hsla(0, 0%, 100%, .05);

     -webkit-transition-property: background-color, border-color, box-shadow;

     -webkit-transition-duration: 10ms;

     -webkit-transition-timing-function: linear;

     transition-property: background-color, border-color, box-shadow;

     transition-duration: 10ms;

     transition-timing-function: linear;

 }

 .dropdownToolbarButton {

     width: 120px;

     top: 2px;

     max-width: 120px;

     padding: 0;

     overflow: hidden;

     background: url(images/toolbarButton-menuArrows.png) no-repeat;

     background-color: #efefef;

 }

 html[dir='ltr'] .dropdownToolbarButton {

     background-position: 95%;

 }

 .dropdownToolbarButton>select {

     min-width: 140px;

     font-size: 12px;

     color: hsl(0, 1%, 3%);

     margin: 0;

     padding: 3px 2px 2px;

     border: none;

     background: rgba(0, 0, 0, 0);

 }

 .dropdownToolbarButton>select>option {

     background: hsl(0, 10%, 94%);

 }

 #customScaleOption {

     display: none;

 }

 #pageWidthOption {

     border-bottom: 1px rgba(255, 255, 255, .5) solid;

 }

 html[dir='ltr'] .splitToolbarButton:first-child,

 html[dir='ltr'] .toolbarButton:first-child {

     margin-left: 4px;

 }

 html[dir='ltr'] .toolbarButton:last-child {

     margin-right: 4px;

 }

 .toolbarButtonSpacer {

     width: 30px;

     display: inline-block;

     height: 1px;

 }

 .toolbarButton::before {

     position: absolute;

     display: inline-block;

     top: 2px;

     left: 7px;

 }

 html[dir='ltr'] .toolbarButton#sidebarToggle::before {

     content: url(images/toolbarButton-sidebarToggle.png);

 }

 html[dir='ltr'] .toolbarButton#secondaryToolbarToggle::before {

     content: url(images/toolbarButton-secondaryToolbarToggle.png);

 }

 html[dir='ltr'] .toolbarButton.pageUp::before {

     content: url(images/toolbarButton-pageUp.png);

 }

 html[dir='ltr'] .toolbarButton.pageDown::before {

     content: url(images/toolbarButton-pageDown.png);

 }

 .toolbarButton.zoomOut::before {

     content: url(images/toolbarButton-zoomOut.png);

 }

 .toolbarButton.zoomIn::before {

     content: url(images/toolbarButton-zoomIn.png);

     left: 5px;

 }

 .toolbarButton.presentationMode::before {

     content: url(images/toolbarButton-presentationMode.png);

 }

 .toolbarButton.print::before {

     content: url(images/toolbarButton-print.png);

 }

 .toolbarButton.openFile::before {

     content: url(images/toolbarButton-openFile.png);

 }

 .toolbarButton.download::before {

     content: url(images/toolbarButton-download.png);

 }

 .toolbarButton.bookmark {

     -webkit-box-sizing: border-box;

     -moz-box-sizing: border-box;

     box-sizing: border-box;

     outline: none;

     padding-top: 4px;

     text-decoration: none;

 }

 .toolbarButton.bookmark::before {

     content: url(images/toolbarButton-bookmark.png);

 }

 #viewFind.toolbarButton::before {

     content: url(images/toolbarButton-search.png);

 }

 .verticalToolbarSeparator {

     display: block;

     padding: 8px 0;

     margin: 8px 4px;

     width: 1px;

     background-color: hsla(0, 0%, 0%, .5);

     box-shadow: 0 0 0 1px hsla(0, 0%, 100%, .08);

 }

 html[dir='ltr'] .verticalToolbarSeparator {

     margin-left: 2px;

 }

 .toolbarField {

     padding: 3px 6px;

     margin: 4px 0;

     border: 1px solid transparent;

     border-radius: 2px;

     background-color: hsla(0, 0%, 94%);

     background-image: linear-gradient(hsla(0, 0%, 100%, .05), hsla(0, 0%, 100%, 0));

     background-clip: padding-box;

     box-shadow: 0 1px 0 hsla(0, 0%, 0%, .05) inset, 0 1px 0 hsla(0, 0%, 100%, .05);

     color: hsl(0, 2%, 6%);

     font-size: 12px;

     line-height: 14px;

     outline-style: none;

     transition-property: background-color, border-color, box-shadow;

     transition-duration: 150ms;

     transition-timing-function: ease;

 }

 .toolbarField.pageNumber {

     -moz-appearance: textfield;

     min-width: 16px;

     text-align: right;

     width: 40px;

 }

 .toolbarField:hover {

     background-color: hsla(0, 0%, 100%, .11);

     border-color: hsla(0, 0%, 0%, .4) hsla(0, 0%, 0%, .43) hsla(0, 0%, 0%, .45);

 }

 .toolbarField:focus {

     background-color: hsla(0, 0%, 100%, .15);

     border-color: hsla(204, 100%, 65%, .8) hsla(204, 100%, 65%, .85) hsla(204, 100%, 65%, .9);

 }

 .toolbarLabel {

     min-width: 16px;

     padding: 3px 6px 3px 2px;

     margin: 4px 2px 4px 0;

     border: 1px solid transparent;

     border-radius: 2px;

     color: hsl(0, 0%, 0%);

     font-size: 12px;

     line-height: 14px;

     text-align: left;

     -webkit-user-select: none;

     -moz-user-select: none;

     cursor: default;

 }

 ::selection {

     background: rgba(0, 0, 255, 0.3);

 }

 ::-moz-selection {

     background: rgba(0, 0, 255, 0.3);

 }

 @media screen and (min-resolution: 2dppx) {

     .toolbarButton::before {

         -webkit-transform: scale(0.5);

         transform: scale(0.5);

         top: -5px;

     }

     html[dir='ltr'] .toolbarButton::before {

         left: -1px;

     }

     .dropdownToolbarButton {

         background: url(images/toolbarButton-menuArrows@2x.png) no-repeat;

         background-size: 7px 16px;

     }

     html[dir='ltr'] .toolbarButton#sidebarToggle::before {

         content: url(images/toolbarButton-sidebarToggle@2x.png);

     }

     html[dir='ltr'] .toolbarButton#secondaryToolbarToggle::before {

         content: url(images/toolbarButton-secondaryToolbarToggle@2x.png);

     }

     html[dir='ltr'] .toolbarButton.pageUp::before {

         content: url(images/toolbarButton-pageUp@2x.png);

     }

     html[dir='ltr'] .toolbarButton.pageDown::before {

         content: url(images/toolbarButton-pageDown@2x.png);

     }

     .toolbarButton.zoomIn::before {

         content: url(images/toolbarButton-zoomIn@2x.png);

     }

     .toolbarButton.zoomOut::before {

         content: url(images/toolbarButton-zoomOut@2x.png);

     }

     .toolbarButton.presentationMode::before {

         content: url(images/toolbarButton-presentationMode@2x.png);

     }

     .toolbarButton.print::before {

         content: url(images/toolbarButton-print@2x.png);

     }

     .toolbarButton.openFile::before {

         content: url(images/toolbarButton-openFile@2x.png);

     }

     .toolbarButton.download::before {

         content: url(images/toolbarButton-download@2x.png);

     }

     .toolbarButton.bookmark::before {

         content: url(images/toolbarButton-bookmark@2x.png);

     }

     #viewFind.toolbarButton::before {

         content: url(images/toolbarButton-search@2x.png);

     }

 }

 @media all and (max-width: 770px) {

     html[dir='ltr'] .outerCenter {

         float: left;

         left: 205px;

     }

     #outerContainer .hiddenLargeView,

     #outerContainer .hiddenMediumView {

         display: inherit;

     }

 }

 @media all and (max-width: 700px) {

     #outerContainer .hiddenLargeView {

         display: none;

     }

 }

 @media all and (max-width: 660px) {

     #outerContainer .hiddenMediumView {

         display: none;

     }

 }

 @media all and (max-width: 600px) {

     .hiddenSmallView {

         display: none;

     }

     html[dir='ltr'] .outerCenter {

         left: 156px;

     }

     .toolbarButtonSpacer {

         width: 0;

     }

 }

 @media all and (max-width: 510px) {

     #scaleSelectContainer,

     #pageNumberLabel {

         display: none;

     }

 }

 /*! CSS Used from: Embedded */

 .dropdownToolbarButton {

     margin: 0;

 }

 #print {

     display: none;

 }

 body {

     margin: 0;

     background: #118c78;

     margin-top: 33px;

 }

 #sidebarToggle,

 #viewFind,

 #viewBookmark,

 #openFile,

 #download,

 #secondaryDownload,

 #viewBookmark,

 #secondaryToolbarToggle,

 #presentationMode {

     display: none !important;

 }

 #toolbarContainer {

     background: #3caa9a;

     border-top-right-radius: 5px;

     border-top-left-radius: 5px;

     border-top: solid 1px #000;

     border-bottom: solid 0px #000;

     width: 100%;

     position: -webkit-sticky;

     position: sticky;

     top: 0;

     position: fixed;

 }

 #pageNumber {

     background: white;

     color: black;

     border-radius: 5px;

 }

 #print {

     border: 1px solid #6c6c6c;

     background: #3caa9a;

 }

 #numPages {

     color: white
 }

 .dropdownToolbarButton {

     color: #e1edec !important;

     border: 1px solid !important;

     border-radius: 5px !important;

 }

 #mainContainer {

     min-width: 100px;

 }

 #secondaryPrint,

 #print,

 #expo {

     display: none;

 }

 #reciterSelect {

     color: black;

     font-weight: bold;

     font-size: 13px;

 }

 /* Chrome, Safari, Edge, Opera */

 input::-webkit-outer-spin-button,

 input::-webkit-inner-spin-button {

     -webkit-appearance: none;

     margin: 0;

 }

 /* Firefox */

 input[type=number] {

     -moz-appearance: textfield;

 }