.textLayer .highlight {
  background-color: rgb(180, 0, 170);
}

.textLayer .highlight.selected {
  background-color: rgb(0, 100, 0);
}

.textLayer ::-moz-selection { background: rgb(0,0,255); }

.textLayer ::selection { background: rgb(0,0,255); }

.annotationLayer .linkAnnotation > a:hover,
.annotationLayer .buttonWidgetAnnotation.pushButton > a:hover {
  opacity: 0.2;
  background: #ff0;
  box-shadow: 0px 2px 10px #ff0;
}


.annotationLayer .textWidgetAnnotation input,
.annotationLayer .textWidgetAnnotation textarea,
.annotationLayer .choiceWidgetAnnotation select,
.annotationLayer .buttonWidgetAnnotation.checkBox input,
.annotationLayer .buttonWidgetAnnotation.radioButton input {
  background-color: rgba(0, 54, 255, 0.13);
}

.annotationLayer .textWidgetAnnotation input:hover,
.annotationLayer .textWidgetAnnotation textarea:hover,
.annotationLayer .choiceWidgetAnnotation select:hover,
.annotationLayer .buttonWidgetAnnotation.checkBox input:hover,
.annotationLayer .buttonWidgetAnnotation.radioButton input:hover {
  border: 1px solid #000;
}

.annotationLayer .buttonWidgetAnnotation.checkBox input:checked:before,
.annotationLayer .buttonWidgetAnnotation.checkBox input:checked:after,
.annotationLayer .buttonWidgetAnnotation.radioButton input:checked:before {
  background-color: #000;
}


.annotationLayer .popup {
  background-color: #FFFF99;
  box-shadow: 0px 2px 5px #333;
}

.annotationLayer .popup h1 {
  border-bottom: 1px solid #000000;
}

.pdfViewer .page,
.light .pdfViewer .page {
  border: 9px solid transparent;
  -o-border-image: url(images-light/shadow.png) 9 9 repeat;
     border-image: url(images-light/shadow.png) 9 9 repeat;
  background-color: white;
}

body {
  background-color: rgb(237,237,240);
  background-color: var(--body-bg-color);
  scrollbar-color: var(--scrollbar-color) var(--scrollbar-bg-color);
}
/* todo scrollbar-color */

#viewerContainer.pdfPresentationMode:-ms-fullscreen::-ms-backdrop {
  background-color: #000;
}

#viewerContainer.pdfPresentationMode:-webkit-full-screen {
  border-top: 2px solid transparent;
  background-color: #000;
}

#viewerContainer.pdfPresentationMode:-moz-full-screen {
  border-top: 2px solid transparent;
  background-color: #000;
}

#viewerContainer.pdfPresentationMode:-ms-fullscreen {
  border-top: 2px solid transparent;
  background-color: #000;
}

#viewerContainer.pdfPresentationMode:fullscreen {
  border-top: 2px solid transparent;
  background-color: #000;
}

#sidebarContent {
  background-color: rgba(0,0,0,0.1);
}
html[dir='ltr'] #sidebarContent {
  box-shadow: inset -1px 0 0 rgba(0,0,0,0.25);
}
html[dir='rtl'] #sidebarContent {
  box-shadow: inset 1px 0 0 rgba(0,0,0,0.25);
}

html[dir='ltr'] #viewerContainer {
  box-shadow: inset 1px 0 0 hsla(0,0%,100%,.05);
}
html[dir='rtl'] #viewerContainer {
  box-shadow: inset -1px 0 0 hsla(0,0%,100%,.05);
}

#toolbarSidebar {
  background-color: rgb(245,246,247); /* fallback */
  background-image: none;
  background-color: var(--sidebar-toolbar-bg-color);
}
html[dir='ltr'] #toolbarSidebar {
  box-shadow: inset -1px 0 0 rgba(0, 0, 0, 0.25), 0 1px 0 rgba(0, 0, 0, 0.15),
    0 0 1px rgba(0, 0, 0, 0.1);
  box-shadow: inset -1px 0 0 rgba(0, 0, 0, 0.25), 0 0 1px rgba(0, 0, 0, 0.1);
}
html[dir='rtl'] #toolbarSidebar {
  box-shadow: inset 1px 0 0 rgba(0, 0, 0, 0.25), 0 1px 0 rgba(0, 0, 0, 0.15),
    0 0 1px rgba(0, 0, 0, 0.1);
}

#sidebarContainer.sidebarMode2 #sidebarTitlebar {
    background-color: rgb(245,246,247); /* fallback */
    background-color: var(--sidebar-toolbar-bg-color);
    background-image: none;
}

#toolbarContainer, .findbar, .secondaryToolbar {
  background-color: rgb(249,249,250);
  background-image: none;
  box-shadow: 0 1px 0 rgb(204 204 204);
  background-color: var(--toolbar-bg-color);
  box-shadow: 0 1px 0 var(--toolbar-border-color);
}

#loadingBar {
  background-color: #333;
  border-bottom: 1px solid #333;
}

#loadingBar .progress {
  background-color: #ddd;
  background-color: var(--progressBar-color);
}

#loadingBar .progress.indeterminate {
  background-color: #999;
  background-color: var(--progressBar-indeterminate-bg-color);
}

#loadingBar .progress.indeterminate .glimmer {
  background: repeating-linear-gradient(135deg,
                                        #bbb 0, #999 5px,
                                        #999 45px, #ddd 55px,
                                        #ddd 95px, #bbb 100px);
  background: repeating-linear-gradient(
    135deg,
    var(--progressBar-indeterminate-blend-color) 0,
    var(--progressBar-indeterminate-bg-color) 5px,
    var(--progressBar-indeterminate-bg-color) 45px,
    var(--progressBar-color) 55px,
    var(--progressBar-color) 95px,
    var(--progressBar-indeterminate-blend-color) 100px
  );
  -webkit-animation: progressIndeterminate 950ms linear infinite;

          animation: progressIndeterminate 950ms linear infinite;
}

.findbar, .secondaryToolbar {
  color: hsl(0,0%,85%);
}

.findbar {
  background-color: var(--toolbar-bg-color);
}
/* todo 
.findbar .splitToolbarButton > .toolbarButton 
.findbar label:hover,
.findbar .toolbarField[type="checkbox"]:checked + .toolbarLabel
*/

#findInput::-webkit-input-placeholder {
  color: hsl(0, 0%, 75%);
}

#findInput[data-status="pending"],
.light #findInput[data-status="pending"] {
  background-image: url(images-light/loading-small.png);
  /*background-image: var(--loading-icon);*/
}

/* new add*/
.secondaryToolbar {
  background-color: var(--doorhanger-bg-color);
}

.doorHanger,
.doorHangerRight {
  border: 1px solid hsla(0,0%,0%,.5);
  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3);
  box-shadow: 0 1px 5px var(--doorhanger-border-color),
    0 0 0 1px var(--doorhanger-border-color);
  border: var(--doorhanger-border-color-whcm);
}
.doorHanger:after, .doorHanger:before,
.doorHangerRight:after, .doorHangerRight:before {
}
.doorHanger:after,
.doorHangerRight:after {
  border-bottom-color: hsla(0,0%,32%,.99);
}
.doorHanger:after {
  border-bottom-color: var(--toolbar-bg-color);
}
.doorHangerRight:after {
  border-bottom-color: var(--doorhanger-bg-color);
}
.doorHanger:before,
.doorHangerRight:before {
  border-bottom-color: hsla(0,0%,0%,.5);
  border-bottom-color: var(--doorhanger-border-color);
}

#findResultsCount {
  background-color: hsl(0, 0%, 85%);
  color: hsl(0, 0%, 32%);
}

#findMsg {
  color: #A6B7D0;
}

#findInput.notFound {
  background-color: rgb(255, 102, 102);
}

.splitToolbarButton:hover > .toolbarButton,
.splitToolbarButton:focus > .toolbarButton,
.splitToolbarButton.toggled > .toolbarButton,
.toolbarButton.textButton {
  /*background-color: rgb(245,246,247);*/
  background-color: inherit;
  background-image: none;
  background-clip: padding-box;
  /*border: 1px solid hsla(0,0%,0%,.35);*/
  border: none;
  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);
  transition-property: background-color, border-color, box-shadow;
  transition-timing-function: ease;
}

.splitToolbarButton > .toolbarButton:hover,
.splitToolbarButton > .toolbarButton:focus,
.dropdownToolbarButton:hover,
.overlayButton:hover,
.overlayButton:focus,
.toolbarButton.textButton:hover,
.toolbarButton.textButton:focus {
  /*background-color: hsla(0,0%,0%,.2);*/
  background-color: var(--button-hover-color);
  /*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);*/
  box-shadow: none;
}
.toolbarButton.textButton:hover,
.toolbarButton.textButton:focus {
  background-color: var(--button-hover-color);
}
.overlayButton:hover,
.overlayButton:focus{
  background-color: var(--overlay-button-hover-bg-color);
}
.overlayButton:hover > span,
.overlayButton:focus > span {
  color: var(--overlay-button-hover-color);
}
.splitToolbarButtonSeparator {
  background-color: hsla(0,0%,0%,.5);
  box-shadow: 0 0 0 1px hsla(0,0%,100%,.08);
}
.splitToolbarButtonSeparator {
  background-color: var(--separator-color);
  box-shadow: none;
}
.findbar .splitToolbarButtonSeparator {
  background-color: var(--field-border-color);
}
.splitToolbarButton:hover > .splitToolbarButtonSeparator,
.splitToolbarButton.toggled > .splitToolbarButtonSeparator {
  box-shadow: 0 0 0 1px hsla(0,0%,100%,.03);
}

.toolbarButton,
.dropdownToolbarButton,
.secondaryToolbarButton,
.overlayButton {
  border: none;
  border-radius: 2px;
  color: rgb(12,12,13);
  color: var(--main-color);
}

.toolbarButton:hover,
.toolbarButton:focus,
.dropdownToolbarButton,
.overlayButton,
.secondaryToolbarButton:hover,
.secondaryToolbarButton:focus {
  /*border: 1px solid hsla(0,0%,0%,.35);*/
  border: none;
  background-color: rgb(221,222,223);
  background-image: none;
  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);
}

.toolbarButton:hover,
.toolbarButton:focus {
  background-color: var(--button-hover-color);
}

.secondaryToolbarButton:hover,
.secondaryToolbarButton:focus {
  background-color: var(--doorhanger-hover-bg-color);
  color: var(--doorhanger-hover-color);
}

.toolbarButton:hover:active,
.overlayButton:hover:active,
.dropdownToolbarButton:hover:active,
.secondaryToolbarButton: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);
}

.toolbarButton.toggled,
.splitToolbarButton.toggled > .toolbarButton.toggled,
.secondaryToolbarButton.toggled {
  background-color: rgb(178,178,178);
  background-color: rgba(0,0,0,0.3);
  color: rgb(0,0,0);
  background-image: none;
  border-color: hsla(0,0%,0%,.4) hsla(0,0%,0%,.45) hsla(0,0%,0%,.5);
  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);
  background-color: var(--toggled-btn-bg-color);
  color: var(--toggled-btn-color);
}

.secondaryToolbarButton.toggled::before {
  /*background-color: var(--toggled-btn-color);*/
}

.toolbarButton.toggled::before {
  /*background-color: var(--toggled-btn-color);*/
}

.toolbarButton.toggled:hover:active,
.splitToolbarButton.toggled > .toolbarButton.toggled:hover:active,
.secondaryToolbarButton.toggled:hover:active {
  background-color: rgba(0,0,0,0.4);
  border-color: hsla(0,0%,0%,.4) hsla(0,0%,0%,.5) hsla(0,0%,0%,.55);
  box-shadow: 0 1px 1px hsla(0,0%,0%,.2) inset,
              0 0 1px hsla(0,0%,0%,.3) inset,
              0 1px 0 hsla(0,0%,100%,.05);
  background-color: var(--toggled-hover-active-btn-color);
}

select#lineWidth > option {
  background: rgb(255,255,255);
  color: rgb(12,12,13);
  background: var(--doorhanger-bg-color);
  color: var(--main-color);
}

.dropdownToolbarButton,
.light .dropdownToolbarButton {
  /*width: 140px !important;*/
  padding: 0;
  overflow: hidden;
  background-color: rgb(215,215,219);
  margin-top: 4px !important;
  border: none;
  box-shadow: none;
  background: url(images-light/toolbarButton-menuArrows.png) no-repeat;
}

.dropdownToolbarButton {
  background-color: rgb(215,215,219);
  background-color: var(--dropdown-btn-bg-color);
}

.dropdownToolbarButton > select {
  /*width: 162px;*/
  height: 24px;
  padding: 1px 0 2px;
  color: rgb(0,0,0);
  /* Opera does not support 'transparent' <select> background */
  /*background: rgb(221,222,223); */
  color: var(--main-color);
  background-color: var(--dropdown-btn-bg-color);
}

.dropdownToolbarButton > select:hover,
.dropdownToolbarButton > select:focus {
  background-color: var(--button-hover-color);
  color: var(--toggled-btn-color);
}

.dropdownToolbarButton > select > option {
  background: rgb(255,255,255);
  color: rgb(12,12,13);
  background: var(--doorhanger-bg-color);
  color: var(--main-color);
}

#pageWidthOption {
  border-bottom: 1px rgba(255, 255, 255, .5) solid;
}

html[dir='ltr'] .toolbarButton#sidebarToggle::before,
html[dir='ltr'].light .toolbarButton#sidebarToggle::before {
  content: url(images-light/toolbarButton-sidebarToggle.png?v=20220706);
}
html[dir='rtl'] .toolbarButton#sidebarToggle::before,
html[dir='rtl'].light .toolbarButton#sidebarToggle::before {
  content: url(images-light/toolbarButton-sidebarToggle-rtl.png?v=20220706);
}

html[dir='ltr'] .toolbarButton#secondaryToolbarToggle::before,
html[dir='ltr'].light .toolbarButton#secondaryToolbarToggle::before {
  content: url(images-light/toolbarButton-secondaryToolbarToggle.png?v=20220706);
}

html[dir='rtl'] .toolbarButton#secondaryToolbarToggle::before,
html[dir='rtl'].light .toolbarButton#secondaryToolbarToggle::before {
  content: url(images-light/toolbarButton-secondaryToolbarToggle-rtl.png?v=20220706);
}

html[dir='ltr'] .toolbarButton.findPrevious::before,
html[dir='ltr'].light .toolbarButton.findPrevious::before {
  content: url(images-light/findbarButton-previous.png?v=20220706);
}
html[dir='rtl'] .toolbarButton.findPrevious::before,
html[dir='rtl'].light .toolbarButton.findPrevious::before {
  content: url(images-light/findbarButton-previous-rtl.png?v=20220706);
}

html[dir='ltr'] .toolbarButton.findNext::before,
html[dir='ltr'].light .toolbarButton.findNext::before {
  content: url(images-light/findbarButton-next.png?v=20220706);
}
html[dir='rtl'] .toolbarButton.findNext::before,
html[dir='rtl'].light .toolbarButton.findNext::before {
  content: url(images-light/findbarButton-next-rtl.png?v=20220706);
}

html[dir='ltr'] .toolbarButton.pageUp::before,
html[dir='ltr'].light .toolbarButton.pageUp::before {
  content: url(images-light/toolbarButton-pageUp.png?v=20220706);
}
html[dir='rtl'] .toolbarButton.pageUp::before,
html[dir='rtl'].light .toolbarButton.pageUp::before {
  content: url(images-light/toolbarButton-pageUp-rtl.png?v=20220706);
}

html[dir='ltr'] .toolbarButton.pageDown::before,
html[dir='ltr'].light .toolbarButton.pageDown::before {
  content: url(images-light/toolbarButton-pageDown.png?v=20220706);
}
html[dir='rtl'] .toolbarButton.pageDown::before,
html[dir='rtl'].light .toolbarButton.pageDown::before {
  content: url(images-light/toolbarButton-pageDown-rtl.png?v=20220706);
}

.toolbarButton.zoomOut::before,
.light .toolbarButton.zoomOut::before {
  content: url(images-light/toolbarButton-zoomOut.png?v=20220706);
}

.toolbarButton.zoomIn::before,
.light .toolbarButton.zoomIn::before {
  content: url(images-light/toolbarButton-zoomIn.png?v=20220706);
}

.toolbarButton.presentationMode::before,
.secondaryToolbarButton.presentationMode::before,
.light .toolbarButton.presentationMode::before,
.light .secondaryToolbarButton.presentationMode::before {
  content: url(images-light/toolbarButton-presentationMode.png?v=20220706);
}

.toolbarButton.print::before,
.secondaryToolbarButton.print::before,
.light .toolbarButton.print::before,
.light .secondaryToolbarButton.print::before {
  content: url(images-light/toolbarButton-print.png?v=20220706);
}

.toolbarButton.openFile::before,
.secondaryToolbarButton.openFile::before,
.light .toolbarButton.openFile::before,
.light .secondaryToolbarButton.openFile::before {
  content: url(images-light/toolbarButton-openFile.png?v=20220706);
}

.toolbarButton.download::before,
.secondaryToolbarButton.download::before,
.light .toolbarButton.download::before,
.light .secondaryToolbarButton.download::before {
  content: url(images-light/toolbarButton-download.png?v=20220706);
}
.toolbarButton.bookmark::before,
.secondaryToolbarButton.bookmark::before,
.light .toolbarButton.bookmark::before,
.light .secondaryToolbarButton.bookmark::before {
  content: url(images-light/toolbarButton-bookmark.png?v=20220706);
}

#viewThumbnail.toolbarButton::before,
.light #viewThumbnail.toolbarButton::before {
  content: url(images-light/toolbarButton-viewThumbnail.png?v=20220706);
}

html[dir="ltr"] #viewOutline.toolbarButton::before,
html[dir="ltr"].light #viewOutline.toolbarButton::before {
  content: url(images-light/toolbarButton-viewOutline.png?v=20220706);
}
html[dir="rtl"] #viewOutline.toolbarButton::before,
html[dir="rtl"].light #viewOutline.toolbarButton::before {
  content: url(images-light/toolbarButton-viewOutline-rtl.png?v=20220706);
}

#viewAttachments.toolbarButton::before,
.light #viewAttachments.toolbarButton::before {
  content: url(images-light/toolbarButton-viewAttachments.png?v=20220706);
}

#viewFind.toolbarButton::before,
.light #viewFind.toolbarButton::before {
  content: url(images-light/toolbarButton-search.png?v=20220706);
}
.toolbarButton.pdfSidebarNotification::after {
  background-color: #70DB55;
}

.toolbarButton.firstPage::before,
.secondaryToolbarButton.firstPage::before,
.light .toolbarButton.firstPage::before,
.light .secondaryToolbarButton.firstPage::before {
  content: url(images-light/secondaryToolbarButton-firstPage.png?v=20220706);
}

.toolbarButton.lastPage::before,
.secondaryToolbarButton.lastPage::before,
.light .toolbarButton.lastPage::before,
.light .secondaryToolbarButton.lastPage::before {
  content: url(images-light/secondaryToolbarButton-lastPage.png?v=20220706);
}

.toolbarButton.rotateCcw::before,
.secondaryToolbarButton.rotateCcw::before,
.light .toolbarButton.rotateCcw::before,
.light .secondaryToolbarButton.rotateCcw::before {
  content: url(images-light/secondaryToolbarButton-rotateCcw.png?v=20220706);
}

.toolbarButton.rotateCw::before,
.secondaryToolbarButton.rotateCw::before,
.light .toolbarButton.rotateCw::before,
.light .secondaryToolbarButton.rotateCw::before {
  content: url(images-light/secondaryToolbarButton-rotateCw.png?v=20220706);
}

.toolbarButton.selectTool::before,
.secondaryToolbarButton.selectTool::before,
.light .toolbarButton.selectTool::before,
.light .secondaryToolbarButton.selectTool::before {
  content: url(images-light/secondaryToolbarButton-selectTool.png?v=20220706);
}

.secondaryToolbarButton.handTool::before,
.light .secondaryToolbarButton.handTool::before {
  content: url(images-light/secondaryToolbarButton-handTool.png?v=20220706);
}

.secondaryToolbarButton.scrollVertical::before,
.light .secondaryToolbarButton.scrollVertical::before {
  content: url(images-light/secondaryToolbarButton-scrollVertical.png?v=20220706);
}

.secondaryToolbarButton.scrollHorizontal::before,
.light .secondaryToolbarButton.scrollHorizontal::before {
  content: url(images-light/secondaryToolbarButton-scrollHorizontal.png?v=20220706);
}

.secondaryToolbarButton.scrollWrapped::before,
.light .secondaryToolbarButton.scrollWrapped::before {
  content: url(images-light/secondaryToolbarButton-scrollWrapped.png?v=20220706);
}

.secondaryToolbarButton.spreadNone::before,
.light .secondaryToolbarButton.spreadNone::before {
  content: url(images-light/secondaryToolbarButton-spreadNone.png?v=20220706);
}

.secondaryToolbarButton.spreadOdd::before,
.light .secondaryToolbarButton.spreadOdd::before {
  content: url(images-light/secondaryToolbarButton-spreadOdd.png?v=20220706);
}

.secondaryToolbarButton.spreadEven::before,
.light .secondaryToolbarButton.spreadEven::before {
  content: url(images-light/secondaryToolbarButton-spreadEven.png?v=20220706);
}

.secondaryToolbarButton.documentProperties::before,
.light .secondaryToolbarButton.documentProperties::before {
  content: url(images-light/secondaryToolbarButton-documentProperties.png?v=20220706);
}

.toolbarButton.addLine::before,
.light .toolbarButton.addLine::before {
  content: url(images-light/toolbarButton-line.png?v=20220706);
}

.toolbarButton.addArrow::before,
.light .toolbarButton.addArrow::before {
  content: url(images-light/toolbarButton-arrow.png?v=20220706);
}

.toolbarButton.addRect::before,
.light .toolbarButton.addRect::before {
  content: url(images-light/toolbarButton-rect.png?v=20220706);
}

.toolbarButton.addCircle::before,
.light .toolbarButton.addCircle::before {
  content: url(images-light/toolbarButton-circle.png?v=20220706);
}

.toolbarButton.addPolyline::before,
.light .toolbarButton.addPolyline::before {
  content: url(images-light/toolbarButton-polyline.png?v=20220706);
}

.toolbarButton.addPolygon::before,
.light .toolbarButton.addPolygon::before {
  content: url(images-light/toolbarButton-polygon.png?v=20220706);
}

.toolbarButton.proofAnnot::before,
.light .toolbarButton.proofAnnot::before {
  content: url(images-light/toolbarButton-proofAnnot.png);
}

.toolbarButton.deleteProofAnnot::before,
.light .toolbarButton.deleteProofAnnot::before {
  content: url(images-light/toolbarButton-deleteProofAnnot.png);
}

.toolbarButton.noteProofAnnot::before,
.light .toolbarButton.noteProofAnnot::before {
  content: url(images-light/toolbarButton-noteProofAnnot.png);
}

.toolbarButton.replaceProofAnnot::before,
.light .toolbarButton.replaceProofAnnot::before {
  content: url(images-light/toolbarButton-replaceProofAnnot.png);
}


.toolbarButton.addSquiggly::before,
.light .toolbarButton.addSquiggly::before {
  content: url(images-light/toolbarButton-squiggly.png?v=20220706);
}

.toolbarButton.undo::before,
.light .toolbarButton.undo::before {
  content: url(images-light/toolbarButton-undo.png?v=20220706);
}

.toolbarButton.redo::before,
.light .toolbarButton.redo::before {
  content: url(images-light/toolbarButton-redo.png?v=20220706);
}

#qrcode.toolbarButton::before,
.light #qrcode.toolbarButton::before {
  content: url(images-light/toolbarButton-qrcode.png?v=20220706);
}

#handwriting.toolbarButton::before,
.light #handwriting.toolbarButton::before {
  content: url(images-light/toolbarButton-handwriting.png?v=20220706);
}

#viewBookmark.toolbarButton::before,
.light #viewBookmark.toolbarButton::before {
  content: url(images-light/toolbarButton-viewBookmark.png?v=20220706);
}

#viewMultiDoc.toolbarButton::before,
.light #viewMultiDoc.toolbarButton::before {
  content: url(images-light/toolbarButton-viewMultiDoc.png?v=20220706);
}

#viewSemantic.toolbarButton::before,
.light #viewSemantic.toolbarButton::before {
  content: url(images-light/toolbarButton-viewSemantic.png?v=20220706);
}

#viewSeals.toolbarButton::before,
.light #viewSeals.toolbarButton::before {
  content: url(images-light/toolbarButton-viewSeals.png?v=20220706);
}

#viewVersions.toolbarButton::before,
.light #viewVersions.toolbarButton::before {
  content: url(images-light/toolbarButton-viewVersions.png?v=20220706);
}

#viewLayers.toolbarButton::before,
.light #viewLayers.toolbarButton::before {
  content: url(images-light/toolbarButton-viewLayers.png?v=20220706);
}

#viewAnnotation.toolbarButton::before,
.light #viewAnnotation.toolbarButton::before {
  content: url(images-light/toolbarButton-viewAnnotations.png?v=20220706);
}

#sidebarCollapse.toolbarButton::before,
.light #sidebarCollapse.toolbarButton::before {
  content: url(images-light/toolbarButton-sidebarCollapse.png?v=20220706);
}

.toolbarButton.annotSelectTool::before,
.secondaryToolbarButton.annotSelectTool::before,
.light .toolbarButton.annotSelectTool::before,
.light .secondaryToolbarButton.annotSelectTool::before {
  content: url(images-light/toolbarButton-selectAnnotTool.png?v=20220706);
}

.verticalToolbarSeparator {
  background-color: hsla(0,0%,0%,.5);
  box-shadow: 0 0 0 1px hsla(0,0%,100%,.08);
  background-color: var(--separator-color);
}
.horizontalToolbarSeparator {
  background-color: hsla(0,0%,0%,.5);
  box-shadow: 0 0 0 1px hsla(0,0%,100%,.08);
  /*border-top: 1px solid var(--doorhanger-separator-color); new */
}

.toolbarField {
  padding: 4px 7px;
  margin: 3px 0;
  border-radius: 2px;
  background-color: rgb(255,255,255);
  background-color: var(--field-bg-color);
  background-image: none;
  border: 1px solid rgb(187,187,188);
  border-color: var(--field-border-color);
  box-shadow: none;
  color: rgb(6,6,6);
  color: var(--field-color);
  line-height: 16px;
}

.toolbarField.pageNumber.visiblePageIsLoading,
.light .toolbarField.pageNumber.visiblePageIsLoading {
  background-image: url(images-light/loading-small.png?v=20220706);
}

.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 {
  padding: 7px;
  margin: 2px;
  color: rgb(12,12,13);
  color: var(--main-color);
}

#pageCount.toolbarLabel {
  padding-left: 3px;
  border: none;
}

.thumbnail:not([data-loaded]) {
  border: 1px dashed rgba(255, 255, 255, 0.5);
}

.thumbnailImage {
  box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.5), 0 2px 8px rgba(0, 0, 0, 0.3);
  background-color: white;
}


a:focus > .thumbnail > .thumbnailSelectionRing,
.thumbnail:hover > .thumbnailSelectionRing {
  background-color: hsla(0,0%,100%,.15);
  background-color: var(--sidebaritem-bg-color);
  background-image: linear-gradient(hsla(0,0%,100%,.05), hsla(0,0%,100%,0));
  box-shadow: 0 1px 0 hsla(0,0%,100%,.05) inset,
              0 0 1px hsla(0,0%,100%,.2) inset,
              0 0 1px hsla(0,0%,0%,.2);
  color: hsla(0,0%,100%,.9);
  color: rgba(255, 255, 255, 0.9);
}

.thumbnail.selected > .thumbnailSelectionRing > .thumbnailImage {
  box-shadow: 0 0 0 1px hsla(0,0%,0%,.5);
}

.thumbnail.selected > .thumbnailSelectionRing {
  background-color: hsla(0,0%,100%,.3);
  background-color: var(--sidebaritem-bg-color);
  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%,.1) inset,
              0 0 1px hsla(0,0%,0%,.2);
  color: hsla(0,0%,100%,1);
  /*color: rgba(255, 255, 255, 1);new*/
}

.thumbnail span {
  color: rgb(12,12,13);
}

.outlineItem > a,
.outlineItem > span,
.attachmentsItem > button {
  color: rgba(0,0,0,0.8);
  color: var(--treeitem-color);
}

.outlineItemToggler {
  color: hsla(0,0%,100%,.5);
}

.outlineItemToggler::before,
.light .outlineItemToggler::before {
  content: url(images-light/treeitem-expanded.png?v=20220706);
}
html[dir='ltr'] .outlineItemToggler.outlineItemsHidden::before,
html[dir='ltr'].light .outlineItemToggler.outlineItemsHidden::before {
  content: url(images-light/treeitem-collapsed.png?v=20220706);
}
html[dir='rtl'] .outlineItemToggler.outlineItemsHidden::before,
html[dir='rtl'].light .outlineItemToggler.outlineItemsHidden::before {
  content: url(images-light/treeitem-collapsed-rtl.png?v=20220706);
}

.outlineItem.selected > a {
  background-color: var(--treeitem-selected-bg-color);
  color: var(--treeitem-selected-color);
}

.outlineItemToggler:hover,
.outlineItemToggler:hover + a,
.outlineItemToggler:hover ~ .outlineItems,
.outlineItem > a:hover,
.attachmentsItem > button:hover {
  background-color: rgba(0,0,0,0.15);
  background-color: var(--sidebaritem-bg-color);
  background-image: none;
  background-clip: padding-box;
  box-shadow: none;
  border-radius: 2px;
  color: rgba(0,0,0,0.9);
  color: var(--treeitem-hover-color);
}

.outlineItem.selected {
  background-color: hsla(0,0%,100%,.08);
  background-image: linear-gradient(hsla(0,0%,100%,.05), hsla(0,0%,100%,0));
  box-shadow: 0 1px 0 hsla(0,0%,100%,.05) inset,
              0 0 1px hsla(0,0%,100%,.1) inset,
              0 0 1px hsla(0,0%,0%,.2);
  color: hsla(0,0%,100%,1);
}

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

/* TODO: file FF bug to support ::-moz-selection:window-inactive
   so we can override the opaque grey background when the window is inactive;
   see https://bugzilla.mozilla.org/show_bug.cgi?id=706209 */
::-moz-selection { background: rgba(0,0,255,0.3); }
::selection { background: rgba(0,0,255,0.3); }

#errorWrapper {
  background: none repeat scroll 0 0 #FF5555;
  color: white;
  background: none repeat scroll 0 0 var(--errorWrapper-bg-color);
  color: var(--main-color);
}

#errorMoreInfo {
  background-color: #FFFFFF;
  color: black;
}

.overlayButton {
  color: var(--main-color);
  background-color: var(--overlay-button-bg-color);
  border: var(--overlay-button-border) !important;
}

#overlayContainer {
  background-color: hsla(0,0%,0%,.2);
}

#overlayContainer > .container > .dialog {
  color: rgb(12,12,13);
  color: var(--main-color);
  background-color: rgb(255,255,255); /* fallback */
  background-color: var(--doorhanger-bg-color);
  background-image: none;
  border: 1px solid rgba(0,0,0,0.5);
  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3);
}

.dialog .separator {
  background-color: hsla(0,0%,0%,.5);
  box-shadow: 0 0 0 1px hsla(0,0%,100%,.08);
  background-color: var(--separator-color);
  box-shadow: none;
}

.dialog :link {
  color: white;
  color: rgba(255, 255, 255, 1);
}

.fileInput {
  background: white;
  color: black;
}

#PDFBug {
  background: none repeat scroll 0 0 white;
  border: 1px solid #666666;
}
#PDFBug .controls {
    background:#EEEEEE;
    border-bottom: 1px solid #666666;
}
.debuggerShowText {
  background: none repeat scroll 0 0 yellow;
  color: blue;
}
.debuggerHideText:hover {
  background: none repeat scroll 0 0 yellow;
}

#viewer.textLayer-visible .textLayer {
  opacity: 1.0;
}

#viewer.textLayer-visible .canvasWrapper {
  background-color: rgb(128,255,128);
}

#viewer.textLayer-visible .textLayer > span {
  background-color: rgba(255, 255, 0, 0.1);
  color: black;
  border: solid 1px rgba(255, 0, 0, 0.5);
}

#viewer.textLayer-hover .textLayer > span:hover {
  background-color: white;
  color: black;
}

#viewer.textLayer-shadow .textLayer > span {
  background-color: rgba(255,255,255, .6);
  color: black;
}

.verifySuccessIcon {
  color: #35e8a1;
  /*background-color: #35e8a1;*/
  /*background-image: none;*/
  /*-webkit-background-clip: text;*/
  /*-webkit-text-fill-color: transparent;*/
  /*text-shadow: none;*/
}

.verifyFailIcon {
  color: #ff6161;
  /*background-color: #ff6161;*/
  /*background-image: none;*/
  /*-webkit-background-clip: text;*/
  /*-webkit-text-fill-color: transparent;*/
  /*text-shadow: none;*/
}

/* todo automaic/manual dark images */

@media screen and (-webkit-min-device-pixel-ratio: 1.1), screen and (min-resolution: 1.1dppx) {
  /* Rules for Retina screens */
  .toolbarButton::before {
    -webkit-transform: scale(0.5);
            transform: scale(0.5);
    top: -5px;
  }

  .secondaryToolbarButton::before {
    -webkit-transform: scale(0.5);
            transform: scale(0.5);
    top: -4px;
  }

  html[dir='ltr'] .toolbarButton::before,
  html[dir='rtl'] .toolbarButton::before {
    left: -1px;
  }

  html[dir='ltr'] .secondaryToolbarButton::before {
    left: -2px;
  }
  html[dir='rtl'] .secondaryToolbarButton::before {
    left: 186px;
  }

  .toolbarField.pageNumber.visiblePageIsLoading,
  #findInput[data-status="pending"],
  .light .toolbarField.pageNumber.visiblePageIsLoading,
  .light #findInput[data-status="pending"] {
    background-image: url(images-light/loading-small@2x.png?v=20220706);
    background-size: 16px 17px;
  }

  .dropdownToolbarButton,
  .light .dropdownToolbarButton {
    background: url(images-light/toolbarButton-menuArrows@2x.png?v=20220706) no-repeat;
    background-size: 7px 16px;
  }

  html[dir='ltr'] .toolbarButton#sidebarToggle::before,
  html[dir='ltr'].light  .toolbarButton#sidebarToggle::before {
    content: url(images-light/toolbarButton-sidebarToggle@2x.png?v=20220706);
  }
  html[dir='rtl'] .toolbarButton#sidebarToggle::before,
  html[dir='rtl'].light  .toolbarButton#sidebarToggle::before {
    content: url(images-light/toolbarButton-sidebarToggle-rtl@2x.png?v=20220706);
  }

  html[dir='ltr'] .toolbarButton#secondaryToolbarToggle::before,
  html[dir='ltr'].light  .toolbarButton#secondaryToolbarToggle::before {
    content: url(images-light/toolbarButton-secondaryToolbarToggle@2x.png?v=20220706);
  }
  html[dir='rtl'] .toolbarButton#secondaryToolbarToggle::before,
  html[dir='rtl'].light  .toolbarButton#secondaryToolbarToggle::before {
    content: url(images-light/toolbarButton-secondaryToolbarToggle-rtl@2x.png?v=20220706);
  }

  html[dir='ltr'] .toolbarButton.findPrevious::before,
  html[dir='ltr'].light  .toolbarButton.findPrevious::before {
    content: url(images-light/findbarButton-previous@2x.png?v=20220706);
  }
  html[dir='rtl'] .toolbarButton.findPrevious::before,
  html[dir='rtl'] .toolbarButton.findPrevious::before {
    content: url(images-light/findbarButton-previous-rtl@2x.png?v=20220706);
  }

  html[dir='ltr'] .toolbarButton.findNext::before,
  html[dir='ltr'].light  .toolbarButton.findNext::before {
    content: url(images-light/findbarButton-next@2x.png?v=20220706);
  }
  html[dir='rtl'] .toolbarButton.findNext::before,
  html[dir='rtl'].light  .toolbarButton.findNext::before {
    content: url(images-light/findbarButton-next-rtl@2x.png?v=20220706);
  }

  html[dir='ltr'] .toolbarButton.pageUp::before,
  html[dir='ltr'].light  .toolbarButton.pageUp::before {
    content: url(images-light/toolbarButton-pageUp@2x.png?v=20220706);
  }
  html[dir='rtl'] .toolbarButton.pageUp::before,
  html[dir='rtl'].light  .toolbarButton.pageUp::before {
    content: url(images-light/toolbarButton-pageUp-rtl@2x.png?v=20220706);
  }

  html[dir='ltr'] .toolbarButton.pageDown::before,
  html[dir='ltr'].light  .toolbarButton.pageDown::before {
    content: url(images-light/toolbarButton-pageDown@2x.png?v=20220706);
  }
  html[dir='rtl'] .toolbarButton.pageDown::before,
  html[dir='rtl'].light  .toolbarButton.pageDown::before {
    content: url(images-light/toolbarButton-pageDown-rtl@2x.png?v=20220706);
  }

  .toolbarButton.zoomIn::before,
  .light .toolbarButton.zoomIn::before {
    content: url(images-light/toolbarButton-zoomIn@2x.png?v=20220706);
  }

  .toolbarButton.zoomOut::before,
  .light .toolbarButton.zoomOut::before {
    content: url(images-light/toolbarButton-zoomOut@2x.png?v=20220706);
  }

  .toolbarButton.presentationMode::before,
  .secondaryToolbarButton.presentationMode::before,
  .light .toolbarButton.presentationMode::before,
  .light .secondaryToolbarButton.presentationMode::before {
    content: url(images-light/toolbarButton-presentationMode@2x.png?v=20220706);
  }

  .toolbarButton.print::before,
  .secondaryToolbarButton.print::before,
  .light .toolbarButton.print::before,
  .light .secondaryToolbarButton.print::before {
    content: url(images-light/toolbarButton-print@2x.png?v=20220706);
  }

  .toolbarButton.openFile::before,
  .secondaryToolbarButton.openFile::before,
  .light .toolbarButton.openFile::before,
  .light .secondaryToolbarButton.openFile::before {
    content: url(images-light/toolbarButton-openFile@2x.png?v=20220706);
  }

  .toolbarButton.download::before,
  .secondaryToolbarButton.download::before,
  .light .toolbarButton.download::before,
  .light .secondaryToolbarButton.download::before {
    content: url(images-light/toolbarButton-download@2x.png?v=20220706);
  }

  .toolbarButton.bookmark::before,
  .secondaryToolbarButton.bookmark::before,
  .light .toolbarButton.bookmark::before,
  .light .secondaryToolbarButton.bookmark::before {
    content: url(images-light/toolbarButton-bookmark@2x.png?v=20220706);
  }

  #viewThumbnail.toolbarButton::before,
  .light #viewThumbnail.toolbarButton::before {
    content: url(images-light/toolbarButton-viewThumbnail@2x.png?v=20220706);
  }

  html[dir="ltr"] #viewOutline.toolbarButton::before,
  html[dir="ltr"].light  #viewOutline.toolbarButton::before {
    content: url(images-light/toolbarButton-viewOutline@2x.png?v=20220706);
  }
  html[dir="rtl"] #viewOutline.toolbarButton::before,
  html[dir="rtl"].light  #viewOutline.toolbarButton::before {
    content: url(images-light/toolbarButton-viewOutline-rtl@2x.png?v=20220706);
  }

  #viewAttachments.toolbarButton::before,
  .light #viewAttachments.toolbarButton::before {
    content: url(images-light/toolbarButton-viewAttachments@2x.png?v=20220706);
  }

  #viewFind.toolbarButton::before,
  .light #viewFind.toolbarButton::before {
    content: url(images-light/toolbarButton-search@2x.png?v=20220706);
  }

  .toolbarButton.firstPage::before,
  .secondaryToolbarButton.firstPage::before,
  .light .toolbarButton.firstPage::before,
  .light .secondaryToolbarButton.firstPage::before {
    content: url(images-light/secondaryToolbarButton-firstPage@2x.png?v=20220706);
  }

  .toolbarButton.lastPage::before,
  .secondaryToolbarButton.lastPage::before,
  .light .toolbarButton.lastPage::before,
  .light .secondaryToolbarButton.lastPage::before {
    content: url(images-light/secondaryToolbarButton-lastPage@2x.png?v=20220706);
  }

  .toolbarButton.rotateCcw::before,
  .secondaryToolbarButton.rotateCcw::before,
  .light .toolbarButton.rotateCcw::before,
  .light .secondaryToolbarButton.rotateCcw::before {
    content: url(images-light/secondaryToolbarButton-rotateCcw@2x.png?v=20220706);
  }

  .toolbarButton.rotateCw::before,
  .secondaryToolbarButton.rotateCw::before,
  .light .toolbarButton.rotateCw::before,
  .light .secondaryToolbarButton.rotateCw::before {
    content: url(images-light/secondaryToolbarButton-rotateCw@2x.png?v=20220706);
  }

  .toolbarButton.selectTool::before,
  .secondaryToolbarButton.selectTool::before,
  .light .toolbarButton.selectTool::before,
  .light .secondaryToolbarButton.selectTool::before {
    content: url(images-light/secondaryToolbarButton-selectTool@2x.png?v=20220706);
  }

  .secondaryToolbarButton.handTool::before,
  .light .secondaryToolbarButton.handTool::before {
    content: url(images-light/secondaryToolbarButton-handTool@2x.png?v=20220706);
  }

  .secondaryToolbarButton.scrollVertical::before,
  .light .secondaryToolbarButton.scrollVertical::before {
    content: url(images-light/secondaryToolbarButton-scrollVertical@2x.png?v=20220706);
  }

  .secondaryToolbarButton.scrollHorizontal::before,
  .light .secondaryToolbarButton.scrollHorizontal::before {
    content: url(images-light/secondaryToolbarButton-scrollHorizontal@2x.png?v=20220706);
  }

  .secondaryToolbarButton.scrollWrapped::before,
  .light .secondaryToolbarButton.scrollWrapped::before {
    content: url(images-light/secondaryToolbarButton-scrollWrapped@2x.png?v=20220706);
  }

  .secondaryToolbarButton.spreadNone::before,
  .light .secondaryToolbarButton.spreadNone::before {
    content: url(images-light/secondaryToolbarButton-spreadNone@2x.png?v=20220706);
  }

  .secondaryToolbarButton.spreadOdd::before,
  .light .secondaryToolbarButton.spreadOdd::before {
    content: url(images-light/secondaryToolbarButton-spreadOdd@2x.png?v=20220706);
  }

  .secondaryToolbarButton.spreadEven::before,
  .light .secondaryToolbarButton.spreadEven::before {
    content: url(images-light/secondaryToolbarButton-spreadEven@2x.png?v=20220706);
  }

  .secondaryToolbarButton.documentProperties::before,
  .light .secondaryToolbarButton.documentProperties::before {
    content: url(images-light/secondaryToolbarButton-documentProperties@2x.png?v=20220706);
  }

  .toolbarButton.addLine::before,
  .light .toolbarButton.addLine::before {
    content: url(images-light/toolbarButton-line@2x.png?v=20220706);
  }

  .toolbarButton.addArrow::before,
  .light .toolbarButton.addArrow::before {
    content: url(images-light/toolbarButton-arrow@2x.png?v=20220706);
  }

  .toolbarButton.addRect::before,
  .light .toolbarButton.addRect::before {
    content: url(images-light/toolbarButton-rect@2x.png?v=20220706);
  }

  .toolbarButton.addCircle::before,
  .light .toolbarButton.addCircle::before {
    content: url(images-light/toolbarButton-circle@2x.png?v=20220706);
  }

  .toolbarButton.addPolyline::before,
  .light .toolbarButton.addPolyline::before {
    content: url(images-light/toolbarButton-polyline@2x.png?v=20220706);
  }

  .toolbarButton.addPolygon::before,
  .light .toolbarButton.addPolygon::before {
    content: url(images-light/toolbarButton-polygon@2x.png?v=20220706);
  }

  .toolbarButton.addSquiggly::before,
  .light .toolbarButton.addSquiggly::before {
    content: url(images-light/toolbarButton-squiggly@2x.png?v=20220706);
  }

  .toolbarButton.proofAnnot::before,
  .light .toolbarButton.proofAnnot::before {
  content: url(images-light/toolbarButton-proofAnnot@2x.png);
  }

 .toolbarButton.deleteProofAnnot::before,
  .light .toolbarButton.deleteProofAnnot::before {
    content: url(images-light/toolbarButton-deleteProofAnnot@2x.png);
  }

  .toolbarButton.noteProofAnnot::before,
  .light .toolbarButton.noteProofAnnot::before {
    content: url(images-light/toolbarButton-noteProofAnnot@2x.png);
  }

  .toolbarButton.replaceProofAnnot::before,
  .light .toolbarButton.replaceProofAnnot::before {
    content: url(images-light/toolbarButton-replaceProofAnnot@2x.png);
  }

  .toolbarButton.undo::before,
  .light .toolbarButton.undo::before {
    content: url(images-light/toolbarButton-undo@2x.png?v=20220706);
  }

  .toolbarButton.redo::before,
  .light .toolbarButton.redo::before {
    content: url(images-light/toolbarButton-redo@2x.png?v=20220706);
  }

  #qrcode.toolbarButton::before,
  .light #qrcode.toolbarButton::before {
    content: url(images-light/toolbarButton-qrcode@2x.png?v=20220706);
  }

  #handwriting.toolbarButton::before,
  .light #handwriting.toolbarButton::before {
    content: url(images-light/toolbarButton-handwriting@2x.png?v=20220706);
  }

  #viewBookmark.toolbarButton::before,
  .light #viewBookmark.toolbarButton::before {
    content: url(images-light/toolbarButton-viewBookmark@2x.png?v=20220706);
  }

  #viewMultiDoc.toolbarButton::before,
  .light #viewMultiDoc.toolbarButton::before {
    content: url(images-light/toolbarButton-viewMultiDoc@2x.png?v=20220706);
  }

  #viewSemantic.toolbarButton::before,
  .light #viewSemantic.toolbarButton::before {
    content: url(images-light/toolbarButton-viewSemantic@2x.png?v=20220706);
  }

  #viewSeals.toolbarButton::before,
  .light #viewSeals.toolbarButton::before {
    content: url(images-light/toolbarButton-viewSeals@2x.png?v=20220706);
  }

  #viewVersions.toolbarButton::before,
  .light #viewVersions.toolbarButton::before {
    content: url(images-light/toolbarButton-viewVersions@2x.png?v=20220706);
  }

  #viewLayers.toolbarButton::before,
  .light #viewLayers.toolbarButton::before {
    content: url(images-light/toolbarButton-viewLayers@2x.png?v=20220706);
  }

  #viewAnnotation.toolbarButton::before,
  .light #viewAnnotation.toolbarButton::before {
    content: url(images-light/toolbarButton-viewAnnotations@2x.png?v=20220706);
  }

  #sidebarCollapse.toolbarButton::before,
  .light #sidebarCollapse.toolbarButton::before {
    content: url(images-light/toolbarButton-sidebarCollapse@2x.png?v=20220706);
  }

  .toolbarButton.annotSelectTool::before,
  .secondaryToolbarButton.annotSelectTool::before,
  .light .toolbarButton.annotSelectTool::before,
  .light .secondaryToolbarButton.annotSelectTool::before {
    content: url(images-light/toolbarButton-selectAnnotTool@2x.png?v=20220706);
  }

  .outlineItemToggler::before,
  .light .outlineItemToggler::before {
    -webkit-transform: scale(0.5);
            transform: scale(0.5);
    top: -1px;
    content: url(images-light/treeitem-expanded@2x.png?v=20220706);
  }
  html[dir='ltr'] .outlineItemToggler.outlineItemsHidden::before,
  html[dir='ltr'].light .outlineItemToggler.outlineItemsHidden::before {
    content: url(images-light/treeitem-collapsed@2x.png?v=20220706);
  }
  html[dir='rtl'] .outlineItemToggler.outlineItemsHidden::before,
  html[dir='rtl'].light .outlineItemToggler.outlineItemsHidden::before {
    content: url(images-light/treeitem-collapsed-rtl@2x.png?v=20220706);
  }
  html[dir='ltr'] .outlineItemToggler::before {
    right: 0;
  }
  html[dir='rtl'] .outlineItemToggler::before {
    left: 0;
  }
}
@media all and (max-width: 840px) {
  #sidebarContent {
    /*background-color: rgba(237,237,240, 0.9);*/
  }
  #sidebarContainer {
    background-color: var(--sidebar-narrow-bg-color);
  }
}

/* automatic dark mode */
@media (prefers-color-scheme: dark) {
  .pdfViewer .page {
    -o-border-image: url(images/shadow.png) 9 9 repeat;
       border-image: url(images/shadow.png) 9 9 repeat;
  }
  #findInput[data-status="pending"] {
    background-image: url(images/loading-small.png);
  }
  .dropdownToolbarButton {
    background: url(images/toolbarButton-menuArrows.png) no-repeat;
  }
  html[dir='ltr'] .toolbarButton#sidebarToggle::before {
    content: url(images/toolbarButton-sidebarToggle.png?v=20220706);
  }
  html[dir='rtl'] .toolbarButton#sidebarToggle::before {
    content: url(images/toolbarButton-sidebarToggle-rtl.png?v=20220706);
  }

  html[dir='ltr'] .toolbarButton#secondaryToolbarToggle::before {
    content: url(images/toolbarButton-secondaryToolbarToggle.png?v=20220706);
  }
  html[dir='rtl'] .toolbarButton#secondaryToolbarToggle::before {
    content: url(images/toolbarButton-secondaryToolbarToggle-rtl.png?v=20220706);
  }

  html[dir='ltr'] .toolbarButton.findPrevious::before {
    content: url(images/findbarButton-previous.png?v=20220706);
  }
  html[dir='rtl'] .toolbarButton.findPrevious::before {
    content: url(images/findbarButton-previous-rtl.png?v=20220706);
  }

  html[dir='ltr'] .toolbarButton.findNext::before {
    content: url(images/findbarButton-next.png?v=20220706);
  }
  html[dir='rtl'] .toolbarButton.findNext::before {
    content: url(images/findbarButton-next-rtl.png?v=20220706);
  }

  html[dir='ltr'] .toolbarButton.pageUp::before {
    content: url(images/toolbarButton-pageUp.png?v=20220706);
  }
  html[dir='rtl'] .toolbarButton.pageUp::before {
    content: url(images/toolbarButton-pageUp-rtl.png?v=20220706);
  }

  html[dir='ltr'] .toolbarButton.pageDown::before {
    content: url(images/toolbarButton-pageDown.png?v=20220706);
  }
  html[dir='rtl'] .toolbarButton.pageDown::before {
    content: url(images/toolbarButton-pageDown-rtl.png?v=20220706);
  }

  .toolbarButton.zoomOut::before {
    content: url(images/toolbarButton-zoomOut.png?v=20220706);
  }

  .toolbarButton.zoomIn::before {
    content: url(images/toolbarButton-zoomIn.png?v=20220706);
  }

  .toolbarButton.presentationMode::before,
  .secondaryToolbarButton.presentationMode::before {
    content: url(images/toolbarButton-presentationMode.png?v=20220706);
  }

  .toolbarButton.print::before,
  .secondaryToolbarButton.print::before {
    content: url(images/toolbarButton-print.png?v=20220706);
  }

  .toolbarButton.openFile::before,
  .secondaryToolbarButton.openFile::before {
    content: url(images/toolbarButton-openFile.png?v=20220706);
  }

  .toolbarButton.download::before,
  .secondaryToolbarButton.download::before {
    content: url(images/toolbarButton-download.png?v=20220706);
  }
  .toolbarButton.bookmark::before,
  .secondaryToolbarButton.bookmark::before {
    content: url(images/toolbarButton-bookmark.png?v=20220706);
  }

  #viewThumbnail.toolbarButton::before {
    content: url(images/toolbarButton-viewThumbnail.png?v=20220706);
  }

  html[dir="ltr"] #viewOutline.toolbarButton::before {
    content: url(images/toolbarButton-viewOutline.png?v=20220706);
  }
  html[dir="rtl"] #viewOutline.toolbarButton::before {
    content: url(images/toolbarButton-viewOutline-rtl.png?v=20220706);
  }

  #viewAttachments.toolbarButton::before {
    content: url(images/toolbarButton-viewAttachments.png?v=20220706);
  }

  #viewFind.toolbarButton::before {
    content: url(images/toolbarButton-search.png?v=20220706);
  }

  .toolbarButton.firstPage::before,
  .secondaryToolbarButton.firstPage::before {
    content: url(images/secondaryToolbarButton-firstPage.png?v=20220706);
  }

  .toolbarButton.lastPage::before,
  .secondaryToolbarButton.lastPage::before {
    content: url(images/secondaryToolbarButton-lastPage.png?v=20220706);
  }

  .toolbarButton.rotateCcw::before,
  .secondaryToolbarButton.rotateCcw::before {
    content: url(images/secondaryToolbarButton-rotateCcw.png?v=20220706);
  }

  .toolbarButton.rotateCw::before,
  .secondaryToolbarButton.rotateCw::before {
    content: url(images/secondaryToolbarButton-rotateCw.png?v=20220706);
  }

  .toolbarButton.selectTool::before,
  .secondaryToolbarButton.selectTool::before {
    content: url(images/secondaryToolbarButton-selectTool.png?v=20220706);
  }

  .secondaryToolbarButton.handTool::before {
    content: url(images/secondaryToolbarButton-handTool.png?v=20220706);
  }

  .secondaryToolbarButton.scrollVertical::before {
    content: url(images/secondaryToolbarButton-scrollVertical.png?v=20220706);
  }

  .secondaryToolbarButton.scrollHorizontal::before {
    content: url(images/secondaryToolbarButton-scrollHorizontal.png?v=20220706);
  }

  .secondaryToolbarButton.scrollWrapped::before {
    content: url(images/secondaryToolbarButton-scrollWrapped.png?v=20220706);
  }

  .secondaryToolbarButton.spreadNone::before {
    content: url(images/secondaryToolbarButton-spreadNone.png?v=20220706);
  }

  .secondaryToolbarButton.spreadOdd::before {
    content: url(images/secondaryToolbarButton-spreadOdd.png?v=20220706);
  }

  .secondaryToolbarButton.spreadEven::before {
    content: url(images/secondaryToolbarButton-spreadEven.png?v=20220706);
  }

  .secondaryToolbarButton.documentProperties::before {
    content: url(images/secondaryToolbarButton-documentProperties.png?v=20220706);
  }

  .toolbarButton.addLine::before {
    content: url(images/toolbarButton-line.png?v=20220706);
  }

  .toolbarButton.addArrow::before {
    content: url(images/toolbarButton-arrow.png?v=20220706);
  }

  .toolbarButton.addRect::before {
    content: url(images/toolbarButton-rect.png?v=20220706);
  }

  .toolbarButton.addCircle::before {
    content: url(images/toolbarButton-circle.png?v=20220706);
  }

  .toolbarButton.addPolyline::before {
    content: url(images/toolbarButton-polyline.png?v=20220706);
  }

  
  .toolbarButton.proofAnnot::before {
    content: url(images/toolbarButton-proofAnnot.png);
  }

  .toolbarButton.deleteProofAnnot::before {
    content: url(images/toolbarButton-deleteProofAnnot.png);
  }

   .toolbarButton.noteProofAnnot::before {
    content: url(images/toolbarButton-noteProofAnnot.png);
  }

    .toolbarButton.replaceProofAnnot::before {
    content: url(images/toolbarButton-replaceProofAnnot.png);
  }

  .toolbarButton.addSquiggly::before {
    content: url(images/toolbarButton-squiggly.png?v=20220706);
  }

  .toolbarButton.undo::before {
    content: url(images/toolbarButton-undo.png?v=20220706);
  }

  .toolbarButton.redo::before {
    content: url(images/toolbarButton-redo.png?v=20220706);
  }

  #qrcode.toolbarButton::before {
    content: url(images/toolbarButton-qrcode.png?v=20220706);
  }

  #handwriting.toolbarButton::before {
    content: url(images/toolbarButton-handwriting.png?v=20220706);
  }

  #viewBookmark.toolbarButton::before {
    content: url(images/toolbarButton-viewBookmark.png?v=20220706);
  }

  #viewMultiDoc.toolbarButton::before {
    content: url(images/toolbarButton-viewMultiDoc.png?v=20220706);
  }

  #viewSemantic.toolbarButton::before {
    content: url(images/toolbarButton-viewSemantic.png?v=20220706);
  }

  #viewSeals.toolbarButton::before {
    content: url(images/toolbarButton-viewSeals.png?v=20220706);
  }

  #viewVersions.toolbarButton::before {
    content: url(images/toolbarButton-viewVersions.png?v=20220706);
  }

  #viewLayers.toolbarButton::before {
    content: url(images/toolbarButton-viewLayers.png?v=20220706);
  }

  #viewAnnotation.toolbarButton::before {
    content: url(images/toolbarButton-viewAnnotations.png?v=20220706);
  }

  #sidebarCollapse.toolbarButton::before {
    content: url(images/toolbarButton-sidebarCollapse.png?v=20220706);
  }

  .toolbarButton.annotSelectTool::before,
  .secondaryToolbarButton.annotSelectTool::before {
    content: url(images/toolbarButton-selectAnnotTool.png?v=20220706);
  }

  .toolbarField.pageNumber.visiblePageIsLoading {
    background-image: url(images/loading-small.png?v=20220706);
  }

  .outlineItemToggler::before {
    content: url(images/treeitem-expanded.png?v=20220706);
  }
  html[dir='ltr'] .outlineItemToggler.outlineItemsHidden::before {
    content: url(images/treeitem-collapsed.png?v=20220706);
  }
  html[dir='rtl'] .outlineItemToggler.outlineItemsHidden::before {
    content: url(images/treeitem-collapsed-rtl.png?v=20220706);
  }
}

/* automatic dark mode @2x*/
@media screen and (-webkit-min-device-pixel-ratio: 1.1) and (prefers-color-scheme: dark), screen and (min-resolution: 1.1dppx) and (prefers-color-scheme: dark) {
  /* Rules for Retina screens */

  .toolbarField.pageNumber.visiblePageIsLoading,
  #findInput[data-status="pending"] {
    background-image: url(images/loading-small@2x.png);
  }

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

  html[dir='ltr'] .toolbarButton#sidebarToggle::before {
    content: url(images/toolbarButton-sidebarToggle@2x.png);
  }
  html[dir='rtl'] .toolbarButton#sidebarToggle::before {
    content: url(images/toolbarButton-sidebarToggle-rtl@2x.png);
  }

  html[dir='ltr'] .toolbarButton#secondaryToolbarToggle::before {
    content: url(images/toolbarButton-secondaryToolbarToggle@2x.png);
  }
  html[dir='rtl'] .toolbarButton#secondaryToolbarToggle::before {
    content: url(images/toolbarButton-secondaryToolbarToggle-rtl@2x.png);
  }

  html[dir='ltr'] .toolbarButton.findPrevious::before {
    content: url(images/findbarButton-previous@2x.png);
  }
  html[dir='rtl'] .toolbarButton.findPrevious::before {
    content: url(images/findbarButton-previous-rtl@2x.png);
  }

  html[dir='ltr'] .toolbarButton.findNext::before {
    content: url(images/findbarButton-next@2x.png);
  }
  html[dir='rtl'] .toolbarButton.findNext::before {
    content: url(images/findbarButton-next-rtl@2x.png);
  }

  html[dir='ltr'] .toolbarButton.pageUp::before {
    content: url(images/toolbarButton-pageUp@2x.png);
  }
  html[dir='rtl'] .toolbarButton.pageUp::before {
    content: url(images/toolbarButton-pageUp-rtl@2x.png);
  }

  html[dir='ltr'] .toolbarButton.pageDown::before {
    content: url(images/toolbarButton-pageDown@2x.png);
  }
  html[dir='rtl'] .toolbarButton.pageDown::before {
    content: url(images/toolbarButton-pageDown-rtl@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,
  .secondaryToolbarButton.presentationMode::before {
    content: url(images/toolbarButton-presentationMode@2x.png);
  }

  .toolbarButton.print::before,
  .secondaryToolbarButton.print::before {
    content: url(images/toolbarButton-print@2x.png);
  }

  .toolbarButton.openFile::before,
  .secondaryToolbarButton.openFile::before {
    content: url(images/toolbarButton-openFile@2x.png);
  }

  .toolbarButton.download::before,
  .secondaryToolbarButton.download::before {
    content: url(images/toolbarButton-download@2x.png);
  }

  .toolbarButton.bookmark::before,
  .secondaryToolbarButton.bookmark::before {
    content: url(images/toolbarButton-bookmark@2x.png);
  }

  #viewThumbnail.toolbarButton::before {
    content: url(images/toolbarButton-viewThumbnail@2x.png);
  }

  html[dir="ltr"] #viewOutline.toolbarButton::before {
    content: url(images/toolbarButton-viewOutline@2x.png);
  }
  html[dir="rtl"] #viewOutline.toolbarButton::before {
    content: url(images/toolbarButton-viewOutline-rtl@2x.png);
  }

  #viewAttachments.toolbarButton::before {
    content: url(images/toolbarButton-viewAttachments@2x.png);
  }

  #viewFind.toolbarButton::before {
    content: url(images/toolbarButton-search@2x.png);
  }

  .toolbarButton.firstPage::before,
  .secondaryToolbarButton.firstPage::before {
    content: url(images/secondaryToolbarButton-firstPage@2x.png);
  }

  .toolbarButton.lastPage::before,
  .secondaryToolbarButton.lastPage::before {
    content: url(images/secondaryToolbarButton-lastPage@2x.png);
  }

  .toolbarButton.rotateCcw::before,
  .secondaryToolbarButton.rotateCcw::before {
    content: url(images/secondaryToolbarButton-rotateCcw@2x.png);
  }

  .toolbarButton.rotateCw::before,
  .secondaryToolbarButton.rotateCw::before {
    content: url(images/secondaryToolbarButton-rotateCw@2x.png);
  }

  .toolbarButton.selectTool::before,
  .secondaryToolbarButton.selectTool::before {
    content: url(images/secondaryToolbarButton-selectTool@2x.png);
  }

  .secondaryToolbarButton.handTool::before {
    content: url(images/secondaryToolbarButton-handTool@2x.png);
  }

  .secondaryToolbarButton.scrollVertical::before {
    content: url(images/secondaryToolbarButton-scrollVertical@2x.png);
  }

  .secondaryToolbarButton.scrollHorizontal::before {
    content: url(images/secondaryToolbarButton-scrollHorizontal@2x.png);
  }

  .secondaryToolbarButton.scrollWrapped::before {
    content: url(images/secondaryToolbarButton-scrollWrapped@2x.png);
  }

  .secondaryToolbarButton.spreadNone::before {
    content: url(images/secondaryToolbarButton-spreadNone@2x.png);
  }

  .secondaryToolbarButton.spreadOdd::before {
    content: url(images/secondaryToolbarButton-spreadOdd@2x.png);
  }

  .secondaryToolbarButton.spreadEven::before {
    content: url(images/secondaryToolbarButton-spreadEven@2x.png);
  }

  .secondaryToolbarButton.documentProperties::before {
    content: url(images/secondaryToolbarButton-documentProperties@2x.png);
  }

  .toolbarButton.addLine::before {
    content: url(images/toolbarButton-line@2x.png);
  }

  .toolbarButton.addArrow::before {
    content: url(images/toolbarButton-arrow@2x.png);
  }

  .toolbarButton.addRect::before {
    content: url(images/toolbarButton-rect@2x.png);
  }

  .toolbarButton.addCircle::before {
    content: url(images/toolbarButton-circle@2x.png);
  }

  .toolbarButton.addPolyline::before {
    content: url(images/toolbarButton-polyline@2x.png?v=20220706);
  }

  .toolbarButton.addPolygon::before {
    content: url(images/toolbarButton-polygon@2x.png?v=20220706);
  }

  .toolbarButton.proofAnnot::before {
    content: url(images/toolbarButton-proofAnnot@2x.png);
  }

  .toolbarButton.deleteProofAnnot::before {
    content: url(images/toolbarButton-deleteProofAnnot@2x.png);
  }

  .toolbarButton.noteProofAnnot::before {
    content: url(images/toolbarButton-noteProofAnnot@2x.png);
  }

  .toolbarButton.replaceProofAnnot::before {
    content: url(images/toolbarButton-replaceProofAnnot@2x.png);
  }

  .toolbarButton.addSquiggly::before {
    content: url(images/toolbarButton-squiggly@2x.png?v=20220706);
  }

  .toolbarButton.undo::before {
    content: url(images/toolbarButton-undo@2x.png?v=20220706);
  }

  .toolbarButton.redo::before {
    content: url(images/toolbarButton-redo@2x.png?v=20220706);
  }

  #qrcode.toolbarButton::before {
    content: url(images/toolbarButton-qrcode@2x.png);
  }

  #handwriting.toolbarButton::before {
    content: url(images/toolbarButton-handwriting@2x.png);
  }

  #viewBookmark.toolbarButton::before {
    content: url(images/toolbarButton-viewBookmark@2x.png);
  }

  #viewMultiDoc.toolbarButton::before {
    content: url(images/toolbarButton-viewMultiDoc@2x.png);
  }

  #viewSemantic.toolbarButton::before {
    content: url(images/toolbarButton-viewSemantic@2x.png);
  }

  #viewSeals.toolbarButton::before {
    content: url(images/toolbarButton-viewSeals@2x.png);
  }

  #viewVersions.toolbarButton::before {
    content: url(images/toolbarButton-viewVersions@2x.png);
  }

  #viewLayers.toolbarButton::before {
    content: url(images/toolbarButton-viewLayers@2x.png);
  }

  #viewAnnotation.toolbarButton::before {
    content: url(images/toolbarButton-viewAnnotations@2x.png);
  }

  #sidebarCollapse.toolbarButton::before {
    content: url(images/toolbarButton-sidebarCollapse@2x.png);
  }

  .toolbarButton.annotSelectTool::before,
  .secondaryToolbarButton.annotSelectTool::before {
    content: url(images/toolbarButton-selectAnnotTool@2x.png);
  }

  .outlineItemToggler::before {
    content: url(images/treeitem-expanded@2x.png);
  }
  html[dir='ltr'] .outlineItemToggler.outlineItemsHidden::before {
    content: url(images/treeitem-collapsed@2x.png);
  }
  html[dir='rtl'] .outlineItemToggler.outlineItemsHidden::before {
    content: url(images/treeitem-collapsed-rtl@2x.png);
  }
}

/* manual dark mode */
.dark .pdfViewer .page {
  -o-border-image: url(images/shadow.png) 9 9 repeat;
     border-image: url(images/shadow.png) 9 9 repeat;
}
.dark #findInput[data-status="pending"] {
  background-image: url(images/loading-small.png);
}
.dark .dropdownToolbarButton {
  background: url(images/toolbarButton-menuArrows.png) no-repeat;
}
html[dir='ltr'].dark .toolbarButton#sidebarToggle::before {
  content: url(images/toolbarButton-sidebarToggle.png);
}
html[dir='rtl'].dark  .toolbarButton#sidebarToggle::before {
  content: url(images/toolbarButton-sidebarToggle-rtl.png);
}

html[dir='ltr'].dark  .toolbarButton#secondaryToolbarToggle::before {
  content: url(images/toolbarButton-secondaryToolbarToggle.png);
}
html[dir='rtl'].dark  .toolbarButton#secondaryToolbarToggle::before {
  content: url(images/toolbarButton-secondaryToolbarToggle-rtl.png);
}

html[dir='ltr'].dark  .toolbarButton.findPrevious::before {
  content: url(images/findbarButton-previous.png);
}
html[dir='rtl'].dark  .toolbarButton.findPrevious::before {
  content: url(images/findbarButton-previous-rtl.png);
}

html[dir='ltr'].dark  .toolbarButton.findNext::before {
  content: url(images/findbarButton-next.png);
}
html[dir='rtl'].dark  .toolbarButton.findNext::before {
  content: url(images/findbarButton-next-rtl.png);
}

html[dir='ltr'].dark  .toolbarButton.pageUp::before {
  content: url(images/toolbarButton-pageUp.png);
}
html[dir='rtl'].dark  .toolbarButton.pageUp::before {
  content: url(images/toolbarButton-pageUp-rtl.png);
}

html[dir='ltr'].dark  .toolbarButton.pageDown::before {
  content: url(images/toolbarButton-pageDown.png);
}
html[dir='rtl'].dark  .toolbarButton.pageDown::before {
  content: url(images/toolbarButton-pageDown-rtl.png);
}

.dark .toolbarButton.zoomOut::before {
  content: url(images/toolbarButton-zoomOut.png);
}

.dark .toolbarButton.zoomIn::before {
  content: url(images/toolbarButton-zoomIn.png);
}

.dark .toolbarButton.presentationMode::before,
.dark .secondaryToolbarButton.presentationMode::before {
  content: url(images/toolbarButton-presentationMode.png);
}

.dark .toolbarButton.print::before,
.dark .secondaryToolbarButton.print::before {
  content: url(images/toolbarButton-print.png);
}

.dark .toolbarButton.openFile::before,
.dark .secondaryToolbarButton.openFile::before {
  content: url(images/toolbarButton-openFile.png);
}

.dark .toolbarButton.download::before,
.dark .secondaryToolbarButton.download::before {
  content: url(images/toolbarButton-download.png);
}
.dark .toolbarButton.bookmark::before,
.dark .secondaryToolbarButton.bookmark::before {
  content: url(images/toolbarButton-bookmark.png);
}

.dark #viewThumbnail.toolbarButton::before {
  content: url(images/toolbarButton-viewThumbnail.png);
}

html[dir="ltr"].dark #viewOutline.toolbarButton::before {
  content: url(images/toolbarButton-viewOutline.png);
}
html[dir="rtl"].dark  #viewOutline.toolbarButton::before {
  content: url(images/toolbarButton-viewOutline-rtl.png);
}

.dark #viewAttachments.toolbarButton::before {
  content: url(images/toolbarButton-viewAttachments.png);
}

.dark #viewFind.toolbarButton::before {
  content: url(images/toolbarButton-search.png);
}

.dark .toolbarButton.firstPage::before,
.dark .secondaryToolbarButton.firstPage::before {
  content: url(images/secondaryToolbarButton-firstPage.png);
}

.dark .toolbarButton.lastPage::before,
.dark .secondaryToolbarButton.lastPage::before {
  content: url(images/secondaryToolbarButton-lastPage.png);
}

.dark .toolbarButton.rotateCcw::before,
.dark .secondaryToolbarButton.rotateCcw::before {
  content: url(images/secondaryToolbarButton-rotateCcw.png);
}

.dark .toolbarButton.rotateCw::before,
.dark .secondaryToolbarButton.rotateCw::before {
  content: url(images/secondaryToolbarButton-rotateCw.png);
}

.dark .toolbarButton.selectTool::before,
.dark .secondaryToolbarButton.selectTool::before {
  content: url(images/secondaryToolbarButton-selectTool.png);
}

.dark .secondaryToolbarButton.handTool::before {
  content: url(images/secondaryToolbarButton-handTool.png);
}

.dark .secondaryToolbarButton.scrollVertical::before {
  content: url(images/secondaryToolbarButton-scrollVertical.png);
}

.dark .secondaryToolbarButton.scrollHorizontal::before {
  content: url(images/secondaryToolbarButton-scrollHorizontal.png);
}

.dark .secondaryToolbarButton.scrollWrapped::before {
  content: url(images/secondaryToolbarButton-scrollWrapped.png);
}

.dark .secondaryToolbarButton.spreadNone::before {
  content: url(images/secondaryToolbarButton-spreadNone.png);
}

.dark .secondaryToolbarButton.spreadOdd::before {
  content: url(images/secondaryToolbarButton-spreadOdd.png);
}

.dark .secondaryToolbarButton.spreadEven::before {
  content: url(images/secondaryToolbarButton-spreadEven.png);
}

.dark .secondaryToolbarButton.documentProperties::before {
  content: url(images/secondaryToolbarButton-documentProperties.png);
}

.dark .toolbarButton.addLine::before {
  content: url(images/toolbarButton-line.png);
}

.dark .toolbarButton.addArrow::before {
  content: url(images/toolbarButton-arrow.png);
}

.dark .toolbarButton.addRect::before {
  content: url(images/toolbarButton-rect.png);
}

.dark .toolbarButton.addCircle::before {
  content: url(images/toolbarButton-circle.png);
}

.dark .toolbarButton.addPolyline::before {
  content: url(images/toolbarButton-polyline.png?v=20220706);
}

.dark .toolbarButton.addPolygon::before {
  content: url(images/toolbarButton-polygon.png?v=20220706);
}

.dark .toolbarButton.proofAnnot::before {
    content: url(images/toolbarButton-proofAnnot.png);
  }

.dark .toolbarButton.deleteProofAnnot::before {
  content: url(images/toolbarButton-deleteProofAnnot.png);
}

.dark .toolbarButton.replaceProofAnnot::before {
  content: url(images/toolbarButton-replaceProofAnnot.png);
}

.dark .toolbarButton.noteProofAnnot::before {
  content: url(images/toolbarButton-noteProofAnnot.png);
}

.dark .toolbarButton.addSquiggly::before {
  content: url(images/toolbarButton-squiggly.png?v=20220706);
}

.dark .toolbarButton.undo::before {
  content: url(images/toolbarButton-undo.png?v=20220706);
}

.dark .toolbarButton.redo::before {
  content: url(images/toolbarButton-redo.png?v=20220706);
}

.dark #qrcode.toolbarButton::before {
  content: url(images/toolbarButton-qrcode.png);
}

.dark #handwriting.toolbarButton::before {
  content: url(images/toolbarButton-handwriting.png);
}

.dark #viewBookmark.toolbarButton::before {
  content: url(images/toolbarButton-viewBookmark.png);
}

.dark #viewMultiDoc.toolbarButton::before {
  content: url(images/toolbarButton-viewMultiDoc.png);
}

.dark #viewSemantic.toolbarButton::before {
  content: url(images/toolbarButton-viewSemantic.png);
}

.dark #viewSeals.toolbarButton::before {
  content: url(images/toolbarButton-viewSeals.png);
}

.dark #viewVersions.toolbarButton::before {
  content: url(images/toolbarButton-viewVersions.png);
}

.dark #viewLayers.toolbarButton::before {
  content: url(images/toolbarButton-viewLayers.png);
}

.dark #viewAnnotation.toolbarButton::before {
  content: url(images/toolbarButton-viewAnnotations.png);
}

.dark #sidebarCollapse.toolbarButton::before {
  content: url(images/toolbarButton-sidebarCollapse.png);
}

.dark .toolbarButton.annotSelectTool::before,
.dark .secondaryToolbarButton.annotSelectTool::before {
  content: url(images/toolbarButton-selectAnnotTool.png);
}

.dark .toolbarField.pageNumber.visiblePageIsLoading {
  background-image: url(images/loading-small.png);
}

.dark .outlineItemToggler::before {
  content: url(images/treeitem-expanded.png);
}
html[dir='ltr'].dark .outlineItemToggler.outlineItemsHidden::before {
  content: url(images/treeitem-collapsed.png);
}
html[dir='rtl'].dark .outlineItemToggler.outlineItemsHidden::before {
  content: url(images-light/treeitem-collapsed-rtl.png);
}


/* manual dark mode @2x*/
@media screen and (-webkit-min-device-pixel-ratio: 1.1), screen and (min-resolution: 1.1dppx) {
  /* Rules for Retina screens */

  .dark .toolbarField.pageNumber.visiblePageIsLoading,
  .dark #findInput[data-status="pending"] {
    background-image: url(images/loading-small@2x.png);
  }

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

  html[dir='ltr'].dark .toolbarButton#sidebarToggle::before {
    content: url(images/toolbarButton-sidebarToggle@2x.png);
  }
  html[dir='rtl'].dark .toolbarButton#sidebarToggle::before {
    content: url(images/toolbarButton-sidebarToggle-rtl@2x.png);
  }

  html[dir='ltr'].dark .toolbarButton#secondaryToolbarToggle::before {
    content: url(images/toolbarButton-secondaryToolbarToggle@2x.png);
  }
  html[dir='rtl'].dark .toolbarButton#secondaryToolbarToggle::before {
    content: url(images/toolbarButton-secondaryToolbarToggle-rtl@2x.png);
  }

  html[dir='ltr'].dark .toolbarButton.findPrevious::before {
    content: url(images/findbarButton-previous@2x.png);
  }
  html[dir='rtl'].dark .toolbarButton.findPrevious::before {
    content: url(images/findbarButton-previous-rtl@2x.png);
  }

  html[dir='ltr'].dark .toolbarButton.findNext::before {
    content: url(images/findbarButton-next@2x.png);
  }
  html[dir='rtl'].dark .toolbarButton.findNext::before {
    content: url(images/findbarButton-next-rtl@2x.png);
  }

  html[dir='ltr'].dark .toolbarButton.pageUp::before {
    content: url(images/toolbarButton-pageUp@2x.png);
  }
  html[dir='rtl'].dark .toolbarButton.pageUp::before {
    content: url(images/toolbarButton-pageUp-rtl@2x.png);
  }

  html[dir='ltr'].dark .toolbarButton.pageDown::before {
    content: url(images/toolbarButton-pageDown@2x.png);
  }
  html[dir='rtl'].dark .toolbarButton.pageDown::before {
    content: url(images/toolbarButton-pageDown-rtl@2x.png);
  }

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

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

  .dark .toolbarButton.presentationMode::before,
  .dark .secondaryToolbarButton.presentationMode::before {
    content: url(images/toolbarButton-presentationMode@2x.png);
  }

  .dark .toolbarButton.print::before,
  .dark .secondaryToolbarButton.print::before {
    content: url(images/toolbarButton-print@2x.png);
  }

  .dark .toolbarButton.openFile::before,
  .dark .secondaryToolbarButton.openFile::before {
    content: url(images/toolbarButton-openFile@2x.png);
  }

  .dark .toolbarButton.download::before,
  .dark .secondaryToolbarButton.download::before {
    content: url(images/toolbarButton-download@2x.png);
  }

  .dark .toolbarButton.bookmark::before,
  .dark .secondaryToolbarButton.bookmark::before {
    content: url(images/toolbarButton-bookmark@2x.png);
  }

  .dark #viewThumbnail.toolbarButton::before {
    content: url(images/toolbarButton-viewThumbnail@2x.png);
  }

  html[dir="ltr"].dark #viewOutline.toolbarButton::before {
    content: url(images/toolbarButton-viewOutline@2x.png);
  }
  html[dir="rtl"].dark #viewOutline.toolbarButton::before {
    content: url(images/toolbarButton-viewOutline-rtl@2x.png);
  }

  .dark #viewAttachments.toolbarButton::before {
    content: url(images/toolbarButton-viewAttachments@2x.png);
  }

  .dark #viewFind.toolbarButton::before {
    content: url(images/toolbarButton-search@2x.png);
  }

  .dark .toolbarButton.firstPage::before,
  .dark .secondaryToolbarButton.firstPage::before {
    content: url(images/secondaryToolbarButton-firstPage@2x.png);
  }

  .dark .toolbarButton.lastPage::before,
  .dark .secondaryToolbarButton.lastPage::before {
    content: url(images/secondaryToolbarButton-lastPage@2x.png);
  }

  .dark .toolbarButton.rotateCcw::before,
  .dark .secondaryToolbarButton.rotateCcw::before {
    content: url(images/secondaryToolbarButton-rotateCcw@2x.png);
  }

  .dark .toolbarButton.rotateCw::before,
  .dark .secondaryToolbarButton.rotateCw::before {
    content: url(images/secondaryToolbarButton-rotateCw@2x.png);
  }

  .dark .toolbarButton.selectTool::before,
  .dark .secondaryToolbarButton.selectTool::before {
    content: url(images/secondaryToolbarButton-selectTool@2x.png);
  }

  .dark .secondaryToolbarButton.handTool::before {
    content: url(images/secondaryToolbarButton-handTool@2x.png);
  }

  .dark .secondaryToolbarButton.scrollVertical::before {
    content: url(images/secondaryToolbarButton-scrollVertical@2x.png);
  }

  .dark .secondaryToolbarButton.scrollHorizontal::before {
    content: url(images/secondaryToolbarButton-scrollHorizontal@2x.png);
  }

  .dark .secondaryToolbarButton.scrollWrapped::before {
    content: url(images/secondaryToolbarButton-scrollWrapped@2x.png);
  }

  .dark .secondaryToolbarButton.spreadNone::before {
    content: url(images/secondaryToolbarButton-spreadNone@2x.png);
  }

  .dark .secondaryToolbarButton.spreadOdd::before {
    content: url(images/secondaryToolbarButton-spreadOdd@2x.png);
  }

  .dark .secondaryToolbarButton.spreadEven::before {
    content: url(images/secondaryToolbarButton-spreadEven@2x.png);
  }

  .dark .secondaryToolbarButton.documentProperties::before {
    content: url(images/secondaryToolbarButton-documentProperties@2x.png);
  }

  .dark .toolbarButton.addLine::before {
    content: url(images/toolbarButton-line@2x.png);
  }

  .dark .toolbarButton.addArrow::before {
    content: url(images/toolbarButton-arrow@2x.png);
  }

  .dark .toolbarButton.addRect::before {
    content: url(images/toolbarButton-rect@2x.png);
  }

  .dark .toolbarButton.addCircle::before {
    content: url(images/toolbarButton-circle@2x.png);
  }

  .dark .toolbarButton.addPolyline::before {
    content: url(images/toolbarButton-polyline@2x.png?v=20220706);
  }

  .dark .toolbarButton.addPolygon::before {
    content: url(images/toolbarButton-polygon@2x.png?v=20220706);
  }

  .dark .toolbarButton.addSquiggly::before {
    content: url(images/toolbarButton-squiggly@2x.png?v=20220706);
  }

  .dark .toolbarButton.proofAnnot::before {
    content: url(images/toolbarButton-proofAnnot@2x.png);
  }

  .dark .toolbarButton.deleteProofAnnot::before {
    content: url(images/toolbarButton-deleteProofAnnot@2x.png);
  }

  .dark .toolbarButton.noteProofAnnot::before {
    content: url(images/toolbarButton-noteProofAnnot@2x.png);
  }

  .dark .toolbarButton.replaceProofAnnot::before {
    content: url(images/toolbarButton-replaceProofAnnot@2x.png);
  }

  .dark .toolbarButton.undo::before {
    content: url(images/toolbarButton-undo@2x.png?v=20220706);
  }

  .dark .toolbarButton.redo::before {
    content: url(images/toolbarButton-redo@2x.png?v=20220706);
  }

  .dark #qrcode.toolbarButton::before {
    content: url(images/toolbarButton-qrcode@2x.png);
  }

  .dark #handwriting.toolbarButton::before {
    content: url(images/toolbarButton-handwriting@2x.png);
  }

  .dark #viewBookmark.toolbarButton::before {
    content: url(images/toolbarButton-viewBookmark@2x.png);
  }

  .dark #viewMultiDoc.toolbarButton::before {
    content: url(images/toolbarButton-viewMultiDoc@2x.png);
  }

  .dark #viewSemantic.toolbarButton::before {
    content: url(images/toolbarButton-viewSemantic@2x.png);
  }

  .dark #viewSeals.toolbarButton::before {
    content: url(images/toolbarButton-viewSeals@2x.png);
  }

  .dark #viewVersions.toolbarButton::before {
    content: url(images/toolbarButton-viewVersions@2x.png);
  }

  .dark #viewLayers.toolbarButton::before {
    content: url(images/toolbarButton-viewLayers@2x.png);
  }

  .dark #viewAnnotation.toolbarButton::before {
    content: url(images/toolbarButton-viewAnnotations@2x.png);
  }

  .dark #sidebarCollapse.toolbarButton::before {
    content: url(images/toolbarButton-sidebarCollapse@2x.png);
  }

  .dark .toolbarButton.annotSelectTool::before,
  .dark .secondaryToolbarButton.annotSelectTool::before {
    content: url(images/toolbarButton-selectAnnotTool@2x.png);
  }

  .dark .outlineItemToggler::before {
    content: url(images/treeitem-expanded@2x.png);
  }
  html[dir='ltr'].dark .outlineItemToggler.outlineItemsHidden::before {
    content: url(images/treeitem-collapsed@2x.png);
  }
  html[dir='rtl'].dark .outlineItemToggler.outlineItemsHidden::before {
    content: url(images/treeitem-collapsed-rtl@2x.png);
  }
}