/* automatic/manual light mode */
:root,
:root.light {
  --sidebar-width: 240px;
  --toolbarSidebar-width: 41px;
  --sidebarTitlebar-height: 30px;
  --toolbar-height: 32px;
  --toolbarRibbon-height: 80px;
  --statusbar-height: 24px;

  --dividing-rule-width: 20px;
  --dividing-rule-left1: 20px;
  --dividing-rule-left2: 61px;
  --dividing-rule-left3: 261px;
  --dividing-rule-top1: 100px;

  --toolbar-icon-opacity: 0.7;
  --doorhanger-icon-opacity: 0.9;

  --main-color: rgba(12, 12, 13, 1);
  --body-bg-color: rgba(237, 237, 240, 1);
  --page-bg-color: rgba(255, 255, 255, 1);
  --errorWrapper-bg-color: rgba(255, 110, 110, 1);
  --progressBar-color: rgba(10, 132, 255, 1);
  --progressBar-indeterminate-bg-color: rgba(221, 221, 222, 1);
  --progressBar-indeterminate-blend-color: rgba(116, 177, 239, 1);
  --progressBar-bg-color: rgb(221, 221, 222);
  --progressBar-blend-color: rgb(116 177 239);
  --scrollbar-color: auto;
  --scrollbar-bg-color: auto;
  --toolbar-icon-bg-color: rgba(0, 0, 0, 1);
  --toolbar-icon-hover-bg-color: rgba(0, 0, 0, 1);

  --sidebar-narrow-bg-color: rgba(237, 237, 240, 0.9);
  --sidebar-toolbar-bg-color: rgba(245, 246, 247, 1);
  --toolbar-bg-color: rgba(249, 249, 250, 1);
  --toolbar-border-color: rgba(204, 204, 204, 1);
  --button-hover-color: rgba(221, 222, 223, 1);
  --toggled-btn-color: rgba(0, 0, 0, 1);
  --toggled-btn-bg-color: rgba(0, 0, 0, 0.3);
  --toggled-hover-active-btn-color: rgba(0, 0, 0, 0.4);
  --dropdown-btn-bg-color: rgba(215, 215, 219, 1);
  --separator-color: rgba(0, 0, 0, 0.3);
  --field-color: rgba(6, 6, 6, 1);
  --field-bg-color: rgba(255, 255, 255, 1);
  --field-border-color: rgba(187, 187, 188, 1);
  --findbar-nextprevious-btn-bg-color: rgba(227, 228, 230, 1);
  --treeitem-color: rgba(0, 0, 0, 0.8);
  --treeitem-hover-color: rgba(0, 0, 0, 0.9);
  --treeitem-selected-color: rgba(0, 0, 0, 0.9);
  --treeitem-selected-bg-color: rgba(0, 0, 0, 0.25);
  --sidebaritem-bg-color: rgba(0, 0, 0, 0.15);
  --doorhanger-bg-color: rgba(255, 255, 255, 1);
  --doorhanger-border-color: rgba(12, 12, 13, 0.2);
  --doorhanger-hover-color: rgba(12, 12, 13, 1);
  --doorhanger-hover-bg-color: rgba(237, 237, 237, 1);
  --doorhanger-separator-color: rgba(222, 222, 222, 1);
  --overlay-button-border: 0 none;
  --overlay-button-bg-color: rgba(12, 12, 13, 0.1);
  --overlay-button-hover-bg-color: rgba(12, 12, 13, 0.3);

  --loading-icon: url(img/loading.svg);
  --treeitem-expanded-icon: url(img/treeitem-expanded.svg);
  --treeitem-collapsed-icon: url(img/treeitem-collapsed.svg);
  --toolbarButton-menuArrow-icon: url(img/toolbarButton-menuArrow.svg);
  --toolbarButton-sidebarToggle-icon: url(img/toolbarButton-sidebarToggle.svg);
  --toolbarButton-secondaryToolbarToggle-icon: url(img/toolbarButton-secondaryToolbarToggle.svg);
  --toolbarButton-pageUp-icon: url(img/toolbarButton-pageUp.svg);
  --toolbarButton-pageDown-icon: url(img/toolbarButton-pageDown.svg);
  --toolbarButton-zoomOut-icon: url(img/toolbarButton-zoomOut.svg);
  --toolbarButton-zoomIn-icon: url(img/toolbarButton-zoomIn.svg);
  --toolbarButton-presentationMode-icon: url(img/toolbarButton-presentationMode.svg);
  --toolbarButton-print-icon: url(img/toolbarButton-print.svg);
  --toolbarButton-openFile-icon: url(img/toolbarButton-openFile.svg);
  --toolbarButton-download-icon: url(img/toolbarButton-download.svg);
  --toolbarButton-bookmark-icon: url(img/toolbarButton-bookmark.svg);
  --toolbarButton-viewThumbnail-icon: url(img/toolbarButton-viewThumbnail.svg);
  --toolbarButton-viewOutline-icon: url(img/toolbarButton-viewOutline.svg);
  --toolbarButton-viewAttachments-icon: url(img/toolbarButton-viewAttachments.svg);
  --toolbarButton-viewLayers-icon: url(img/toolbarButton-viewLayers.svg);
  --toolbarButton-currentOutlineItem-icon: url(img/toolbarButton-currentOutlineItem.svg);
  --toolbarButton-search-icon: url(img/toolbarButton-search.svg);
  --findbarButton-previous-icon: url(img/findbarButton-previous.svg);
  --findbarButton-next-icon: url(img/findbarButton-next.svg);
  --toolbarButton-firstPage-icon: url(img/toolbarButton-firstPage.svg);
  --toolbarButton-lastPage-icon: url(img/toolbarButton-lastPage.svg);
  --toolbarButton-rotateCcw-icon: url(img/toolbarButton-rotateCcw.svg);
  --toolbarButton-rotateCw-icon: url(img/toolbarButton-rotateCw.svg);
  --toolbarButton-selectTool-icon: url(img/toolbarButton-selectTool.svg);
  --toolbarButton-handTool-icon: url(img/toolbarButton-handTool.svg);
  --toolbarButton-scrollPage-icon: url(img/toolbarButton-scrollPage.svg);
  --toolbarButton-scrollVertical-icon: url(img/toolbarButton-scrollVertical.svg);
  --toolbarButton-scrollHorizontal-icon: url(img/toolbarButton-scrollHorizontal.svg);
  --toolbarButton-scrollWrapped-icon: url(img/toolbarButton-scrollWrapped.svg);
  --toolbarButton-spreadNone-icon: url(img/toolbarButton-spreadNone.svg);
  --toolbarButton-spreadOdd-icon: url(img/toolbarButton-spreadOdd.svg);
  --toolbarButton-spreadEven-icon: url(img/toolbarButton-spreadEven.svg);
  --toolbarButton-documentProperties-icon: url(img/toolbarButton-documentProperties.svg);

  --toolbarButton-selectAnnotTool: url(img/toolbarButton-selectAnnotTool.svg);
  --toolbarButton-undo-icon: url(img/toolbarButton-undo.svg);
  --toolbarButton-redo-icon: url(img/toolbarButton-redo.svg);
  --toolbarButton-line-icon: url(img/toolbarButton-line.svg);
  --toolbarButton-arrow-icon: url(img/toolbarButton-arrow.svg);
  --toolbarButton-rect-icon: url(img/toolbarButton-rect.svg);
  --toolbarButton-circle-icon: url(img/toolbarButton-circle.svg);
  --toolbarButton-polyline-icon: url(img/toolbarButton-polyline.svg);
  --toolbarButton-polygon-icon: url(img/toolbarButton-polygon.svg);
  --toolbarButton-cloudy-icon: url(img/toolbarButton-cloud.svg);
  --toolbarButton-pencil-icon: url(img/toolbarButton-pencil.svg);
  --toolbarButton-eraserTool-icon: url(img/toolbarButton-eraser.svg);

  --toolbarButton-measureDistance-icon: url(img/toolbarButton-measureDistance.svg);
  --toolbarButton-measureArea-icon: url(img/toolbarButton-measureArea.svg);

  --toolbarButton-highlight-icon: url(img/toolbarButton-highlight.svg);
  --toolbarButton-underline-icon: url(img/toolbarButton-underline.svg);
  --toolbarButton-squiggly-icon: url(img/toolbarButton-squiggly.svg);
  --toolbarButton-strikeout-icon: url(img/toolbarButton-strikeout.svg);
  --toolbarButton-highlightArea-icon: url(img/toolbarButton-highlightArea.svg);

  --toolbarButton-textbox-icon: url(img/toolbarButton-textBox.svg);
  --toolbarButton-commentbox-icon: url(img/toolbarButton-commentBox.svg);
  --toolbarButton-typewriter-icon: url(img/toolbarButton-typewriter.svg);
  --toolbarButton-link-icon: url(img/toolbarButton-link.svg);

  --toolbarButton-noteProofAnnot-icon: url(img/toolbarButton-proofAnnot.svg);
  --toolbarButton-deleteProofAnnot-icon: url(img/toolbarButton-deleteProofAnnot.svg);
  --toolbarButton-insertProofAnnot-icon: url(img/toolbarButton-insertProofAnnot.svg);
  --toolbarButton-replaceProofAnnot-icon: url(img/toolbarButton-replaceProofAnnot.svg);
  --toolbarButton-transferProofAnnot-icon: url(img/toolbarButton-moveProofAnnot.svg);
  --toolbarButton-changeFont-icon: url(img/toolbarButton-changeFont.svg);
  --toolbarButton-increaseSpace-icon: url(img/toolbarButton-increaseSpace.svg);
  --toolbarButton-decreaseSpace-icon: url(img/toolbarButton-decreaseSpace.svg);
  --toolbarButton-moveForward-icon: url(img/toolbarButton-moveBackward.svg);
  --toolbarButton-moveBackward-icon: url(img/toolbarButton-moveForward.svg);
  --toolbarButton-linkLine-icon: url(img/toolbarButton-linkLine.svg);
  --toolbarButton-newParagraph-icon: url(img/toolbarButton-newParagraph.svg);

  --toolbarButton-viewSemantic-icon: url(img/toolbarButton-viewSemantic.svg);
  --toolbarButton-viewBookmark-icon: url(img/toolbarButton-viewBookmark.svg);
  --toolbarButton-viewSeals-icon: url(img/toolbarButton-viewSeals.svg);
  --toolbarButton-viewMultiDoc-icon: url(img/toolbarButton-viewMultiDoc.svg);
  --toolbarButton-viewVersions-icon: url(img/toolbarButton-viewVersions.svg);
  --toolbarButton-viewAnnotations-icon: url(img/toolbarButton-viewAnnotations.svg);
  --toolbarButton-sidebarCollapse-icon: url(img/toolbarButton-sidebarCollapse.svg);

  --toolbarButton-textViewer-icon: url(img/toolbarButton-textViewer.svg);
  --toolbarButton-readMode-icon: url(img/toolbarButton-readMode.svg);
  --toolbarButton-about-icon: url(img/toolbarButton-about.svg);

  --toolbarButton-singlePage-icon: url(img/toolbarButton-singlePage.svg);
  --toolbarButton-singleContinues-icon: url(img/toolbarButton-singleContinues.svg);
  --toolbarButton-doublePage-icon: url(img/toolbarButton-doublePage.svg);
  --toolbarButton-doubleContinues-icon: url(img/toolbarButton-doubleContinues.svg);
  --toolbarButton-bookCover-icon: url(img/toolbarButton-bookCover.svg);

  --toolbarButton-actualSize-icon: url(img/toolbarButton-actualSize.svg);
  --toolbarButton-fitPage-icon: url(img/toolbarButton-fitPage.svg);
  --toolbarButton-fitWidth-icon: url(img/toolbarButton-fitWidth.svg);
  --toolbarButton-fitHeight-icon: url(img/toolbarButton-fitHeight.svg);

  --toolbarButton-handwriting-icon: url(img/toolbarButton-handwriting.svg); 

  --toolbarButton-coverUpTool-icon: url(img/toolbarButton-coverUpTool.svg); 
  --toolbarButton-export-icon: url(img/toolbarButton-export.svg);
  --toolbarButton-signNormal-icon: url(img/toolbarButton-signNormal.svg);
  --toolbarButton-signAuto-icon: url(img/toolbarButton-signAuto.svg);
  --toolbarButton-signKeyword-icon: url(img/toolbarButton-signKeyword.svg);
  --toolbarButton-verify-icon: url(img/toolbarButton-verify.svg);
  --toolbarButton-removeSignSecurity-icon: url(img/toolbarButton-removeSignSecurity.svg);
  --toolbarButton-encryptDoc-icon: url(img/toolbarButton-encryptDoc.svg);
  --toolbarButton-decryptDoc-icon: url(img/toolbarButton-decryptDoc.svg);
  --toolbarButton-coverKeyword-icon: url(img/toolbarButton-coverKeyword.svg);

  --toolbarButton-share-icon: url(img/toolbarButton-share.svg);
  --toolbarButton-qrcode-icon: url(img/toolbarButton-qrcode.svg);
  --toolbarButton-checkOFDA-icon: url(img/toolbarButton-checkOFDA.svg);
  --toolbarButton-checkSchema-icon: url(img/toolbarButton-checkSchema.svg);
  --toolbarButton-checkNamespace-icon: url(img/toolbarButton-checkNamespace.svg);

  --toolbarButton-success-icon: url(img/toolbarButton-success.svg);
  --toolbarButton-fail-icon: url(img/toolbarButton-fail.svg);
  --toolbarButton-prompt-icon: url(img/toolbarButton-prompt.svg);
  --toolbarButton-warning-icon: url(img/toolbarButton-warning.svg);

  --toolbarButton-nightMode-icon: url(img/toolbarButton-nightMode.svg);
  --toolbarButton-greenMode-icon: url(img/toolbarButton-greenMode.svg);

  --toolbarButton-splitPage-icon: url(img/toolbarButton-splitPage.svg);
  --toolbarButton-insertPage-icon: url(img/toolbarButton-insertPage.svg);
  --toolbarButton-extractPage-icon: url(img/toolbarButton-extractPage.svg);
  --toolbarButton-copyPage-icon: url(img/toolbarButton-copyPage.svg);
  --toolbarButton-deletePage-icon: url(img/toolbarButton-deletePage.svg);
  --toolbarButton-movePage-icon: url(img/toolbarButton-movePage.svg);
  --toolbarButton-rotatePage-icon: url(img/toolbarButton-rotatePage.svg);
  --toolbarButton-replacePage-icon: url(img/toolbarButton-replacePage.svg);
  --toolbarButton-swapPage-icon: url(img/toolbarButton-swapPage.svg);
  --toolbarButton-cropPage-icon: url(img/toolbarButton-cropPage.svg);

  --toolbarButton-speech-icon: url(img/toolbarButton-speech.svg);
  --toolbarButton-startSpeech-icon: url(img/toolbarButton-startSpeech.svg);
  --toolbarButton-pauseSpeech-icon: url(img/toolbarButton-pauseSpeech.svg);
  --toolbarButton-readPreviousPage-icon: url(img/toolbarButton-readPreviousPage.svg);
  --toolbarButton-readNextPage-icon: url(img/toolbarButton-readNextPage.svg);

  --toolbarButton-addImageStamp-icon: url(img/toolbarButton-addImageStamp.svg);
  --toolbarButton-addFileNumberStamp-icon: url(img/toolbarButton-addFileNumberStamp.svg);
  --toolbarButton-addDateStamp-icon: url(img/toolbarButton-addDateStamp.svg);
  --toolbarButton-addHandwritingStamp-icon: url(img/toolbarButton-addHandwritingStamp.svg);
  --toolbarButton-addPreSignStamp-icon: url(img/toolbarButton-addPreSignStamp.svg);

  --toolbarButton-addItem-icon: url(img/toolbarButton-addAttachment.svg);
  --toolbarButton-removeItem-icon: url(img/toolbarButton-removeAttachment.svg);
  --toolbarButton-openItem-icon: url(img/toolbarButton-openAttachment.svg);
  --toolbarButton-exportItem-icon: url(img/toolbarButton-exportAttachment.svg);

  /* 2023Q4 */
  --toolbarButton-attachAnnot-icon: url(img/toolbarButton-attachAnnot.svg);
  --toolbarButton-dayMode-icon: url(img/toolbarButton-lightTheme.svg);
  --toolbarButton-addChild-icon: url(img/toolbarButton-addChild.svg);
  --toolbarButton-insertBefore-icon: url(img/toolbarButton-insertBefore.svg);
  --toolbarButton-insertAfter-icon: url(img/toolbarButton-insertAfter.svg);
  --toolbarButton-setting-icon: url(img/toolbarButton-setting.svg);
  --toolbarButton-stopSpeech-icon: url(img/toolbarButton-stopSpeech.svg);

  /* 2024Q1 */
  --toolbarButton-searchAnnot-icon: url(img/toolbarButton-searchAnnot.svg);
  --toolbarButton-showAnnot-icon: url(img/toolbarButton-showAnnot.svg);
  --toolbarButton-hideAnnot-icon: url(img/toolbarButton-hideAnnot.svg);
  --toolbarButton-sortAnnot-icon: url(img/toolbarButton-sortAnnot.svg);
  --toolbarButton-imageAnnot-icon: url(img/toolbarButton-imageAnnot.svg);
  --toolbarButton-mediaAnnot-icon: url(img/toolbarButton-mediaAnnot.svg);
  --toolbarButton-importSemantic-icon: url(img/toolbarButton-importSemantic.svg);
  --toolbarButton-associateSemantic-icon: url(img/toolbarButton-associateSemantic.svg);
  
  /* 2024Q2 */
  --toolbarButton-dividingRuler-icon: url(img/toolbarButton-dividingRuler.svg);
  --toolbarButton-autoScroll-icon: url(img/toolbarButton-autoScroll.svg);
  --toolbarButton-autoTurnPage-icon: url(img/toolbarButton-autoTurnPage.svg);
  --toolbarButton-previousView-icon: url(img/toolbarButton-previousView.svg);
  --toolbarButton-nextView-icon: url(img/toolbarButton-nextView.svg);
  --toolbarButton-magnifier-icon: url(img/toolbarButton-magnifier.svg);
  --toolbarButton-viewArea-icon: url(img/toolbarButton-viewArea.svg);
  --toolbarButton-snapshot-icon: url(img/toolbarButton-snapshot.svg);
  --toolbarButton-floatWatermark-icon: url(img/toolbarButton-floatWatermark.svg);
  --toolbarButton-compareFile-icon: url(img/toolbarButton-compareFile.svg);

  /* 2024Q3 */
  --toolbarButton-expandAll-icon: url(img/toolbarButton-expandAll.svg);
  --toolbarButton-collapseAll-icon: url(img/toolbarButton-collapseAll.svg);
  --toolbarButton-importAnnot-icon: url(img/toolbarButton-importAnnot.svg);
  --toolbarButton-exportAnnot-icon: url(img/toolbarButton-exportAnnot.svg);
  --toolbarButton-softPen-icon: url(img/toolbarButton-softPen.svg);
  --toolbarButton-watermarkAnnot-icon: url(img/toolbarButton-watermarkAnnot.svg);
  --toolbarButton-flatten-icon: url(img/toolbarButton-flatten.svg);
  --toolbarButton-createBlank-icon: url(img/toolbarButton-createBlank.svg);
  --toolbarButton-createFromFile-icon: url(img/toolbarButton-createFromFile.svg);
  --toolbarButton-createFromClipboard-icon: url(img/toolbarButton-createFromClipboard.svg);
  --toolbarButton-mergeFile-icon: url(img/toolbarButton-mergeFile.svg);
  --toolbarButton-exportImageRes-icon: url(img/toolbarButton-exportImageRes.svg);
  --toolbarButton-insertBlank-icon: url(img/toolbarButton-insertBlank.svg);
  --toolbarButton-insertTemplate-icon: url(img/toolbarButton-insertTemplate.svg);
  --toolbarButton-headerAndFooter-icon: url(img/toolbarButton-headerAndFooter.svg);
  --toolbarButton-folder-icon: url(img/toolbarButton-folder.svg);
  --toolbarButton-commonFile-icon: url(img/toolbarButton-commonFile.svg);
  --toolbarButton-ofdFile-icon: url(img/toolbarButton-ofdFile.svg);
  --toolbarButton-pdfFile-icon: url(img/toolbarButton-pdfFile.svg);
  --toolbarButton-imageFile-icon: url(img/toolbarButton-imageFile.svg);

  /* 2024Q3 */
  --toolbarButton-yuanjian-icon: url(img/toolbarButton-yuanjian.svg);
  --toolbarButton-jiazhujian-icon: url(img/toolbarButton-jiazhujian.svg);
  --toolbarButton-repairNamespace-icon: url(img/toolbarButton-repairNamespace.svg);
  --toolbarButton-optimizeFile-icon: url(img/toolbarButton-optimizeFile.svg);

  /* 2025Q1 */
  --toolbarButton-nearExchange-icon: url(img/toolbarButton-nearExchange.svg);
  --toolbarButton-farExchange-icon: url(img/toolbarButton-farExchange.svg);

  /* 2025Q2 */
  --toolbarButton-aiAssistant-icon: url(img/toolbarButton-aiAssistant.svg);
  --toolbarButton-crossMerge-icon: url(img/toolbarButton-crossMerge.svg);
  --toolbarButton-signBatch-icon: url(img/toolbarButton-signBatch.svg);

  /* 2025Q3 */
  --toolbarButton-printAdv-icon: url(img/toolbarButton-printAdv.svg);
}

/* automatic dark mode */
/* keep the rules in sync with the manual dark mode below! */
@media (prefers-color-scheme: dark) {
  :root {
    --main-color: rgba(249, 249, 250, 1);
    --body-bg-color: rgba(42, 42, 46, 1);
    --page-bg-color: rgba(0, 0, 0, 1);
    --errorWrapper-bg-color: rgba(169, 14, 14, 1);
    --progressBar-color: rgba(0, 96, 223, 1);
    --progressBar-indeterminate-bg-color: rgba(40, 40, 43, 1);
    --progressBar-indeterminate-blend-color: rgba(20, 68, 133, 1);
    --progressBar-bg-color: rgb(40, 40, 43);
    --progressBar-blend-color: rgb(20, 68, 133);
    --scrollbar-color: rgba(121, 121, 123, 1);
    --scrollbar-bg-color: rgba(35, 35, 39, 1);
    --toolbar-icon-bg-color: rgba(255, 255, 255, 1);
    --toolbar-icon-hover-bg-color: rgba(255, 255, 255, 1);

    --sidebar-narrow-bg-color: rgba(42, 42, 46, 0.9);
    --sidebar-toolbar-bg-color: rgba(50, 50, 52, 1);
    --toolbar-bg-color: rgba(56, 56, 61, 1);
    --toolbar-border-color: rgba(12, 12, 13, 1);
    --button-hover-color: rgba(102, 102, 103, 1);
    --toggled-btn-color: rgba(255, 255, 255, 1);
    --toggled-btn-bg-color: rgba(0, 0, 0, 0.3);
    --toggled-hover-active-btn-color: rgba(0, 0, 0, 0.4);
    --dropdown-btn-bg-color: rgba(74, 74, 79, 1);
    --separator-color: rgba(0, 0, 0, 0.3);
    --field-color: rgba(250, 250, 250, 1);
    --field-bg-color: rgba(64, 64, 68, 1);
    --field-border-color: rgba(115, 115, 115, 1);
    --findbar-nextprevious-btn-bg-color: rgba(89, 89, 89, 1);
    --treeitem-color: rgba(255, 255, 255, 0.8);
    --treeitem-hover-color: rgba(255, 255, 255, 0.9);
    --treeitem-selected-color: rgba(255, 255, 255, 0.9);
    --treeitem-selected-bg-color: rgba(255, 255, 255, 0.25);
    --sidebaritem-bg-color: rgba(255, 255, 255, 0.15);
    --doorhanger-bg-color: rgba(74, 74, 79, 1);
    --doorhanger-border-color: rgba(39, 39, 43, 1);
    --doorhanger-hover-color: rgba(249, 249, 250, 1);
    --doorhanger-hover-bg-color: rgba(93, 94, 98, 1);
    --doorhanger-separator-color: rgba(92, 92, 97, 1);
    --overlay-button-bg-color: rgba(92, 92, 97, 1);
    --overlay-button-hover-bg-color: rgba(115, 115, 115, 1);
  }
}

/* manual dark mode */
/* keep the rules in sync with the automatic dark mode above! */
:root.dark {
    --main-color: rgba(249, 249, 250, 1);
    --body-bg-color: rgba(42, 42, 46, 1);
    --page-bg-color: rgba(0, 0, 0, 1);
    --errorWrapper-bg-color: rgba(169, 14, 14, 1);
    --progressBar-color: rgba(0, 96, 223, 1);
    --progressBar-indeterminate-bg-color: rgba(40, 40, 43, 1);
    --progressBar-indeterminate-blend-color: rgba(20, 68, 133, 1);
    --scrollbar-color: rgba(121, 121, 123, 1);
    --scrollbar-bg-color: rgba(35, 35, 39, 1);
    --toolbar-icon-bg-color: rgba(255, 255, 255, 1);
    --toolbar-icon-hover-bg-color: rgba(255, 255, 255, 1);

    --sidebar-narrow-bg-color: rgba(42, 42, 46, 0.9);
    --sidebar-toolbar-bg-color: rgba(50, 50, 52, 1);
    --toolbar-bg-color: rgba(56, 56, 61, 1);
    --toolbar-border-color: rgba(12, 12, 13, 1);
    --button-hover-color: rgba(102, 102, 103, 1);
    --toggled-btn-color: rgba(255, 255, 255, 1);
    --toggled-btn-bg-color: rgba(0, 0, 0, 0.3);
    --toggled-hover-active-btn-color: rgba(0, 0, 0, 0.4);
    --dropdown-btn-bg-color: rgba(74, 74, 79, 1);
    --separator-color: rgba(0, 0, 0, 0.3);
    --field-color: rgba(250, 250, 250, 1);
    --field-bg-color: rgba(64, 64, 68, 1);
    --field-border-color: rgba(115, 115, 115, 1);
    --findbar-nextprevious-btn-bg-color: rgba(89, 89, 89, 1);
    --treeitem-color: rgba(255, 255, 255, 0.8);
    --treeitem-hover-color: rgba(255, 255, 255, 0.9);
    --treeitem-selected-color: rgba(255, 255, 255, 0.9);
    --treeitem-selected-bg-color: rgba(255, 255, 255, 0.25);
    --sidebaritem-bg-color: rgba(255, 255, 255, 0.15);
    --doorhanger-bg-color: rgba(74, 74, 79, 1);
    --doorhanger-border-color: rgba(39, 39, 43, 1);
    --doorhanger-hover-color: rgba(249, 249, 250, 1);
    --doorhanger-hover-bg-color: rgba(93, 94, 98, 1);
    --doorhanger-separator-color: rgba(92, 92, 97, 1);
    --overlay-button-bg-color: rgba(92, 92, 97, 1);
    --overlay-button-hover-bg-color: rgba(115, 115, 115, 1);
}

/* define z-index */
.toolbar {
    z-index: 999;
}

.findbar, .secondaryToolbar {
    z-index: 1000;
}

.secondaryToolbar {
    z-index: 3000;
}

.floatingDialog {
    z-index: 2000;
}

#errorWrapper {
    /*z-index: 1000;*/
}

#overlayContainer {
    z-index: 4000;
}

.grab-to-pan-grab:active,
.grab-to-pan-grabbing {
    z-index: 5000; 
}

#viewer.useTextSelector .textLayer,
#viewer.annotTextSelector .textLayer {
    z-index: 19;
}

#viewer.useHandTool .sealLayer {
    z-index: 19;
}

/* z-index end */

/* v2 begin */

.disabled {
  /*pointer-events: none;*/
}

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

.markerLayer,
.formLayer,
.sealLayer,
.annotLayer {
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  overflow: hidden;
}

.activeLayer {
    z-index: 20;
}

.annotSelective {
    z-index: 150;
}

.annotWrapper {
    position: absolute;
    display: block;
    border: 1px solid transparent;
    padding: 2px;
    box-sizing: content-box;
}

.annotWrapper svg {
    display: block;
}

.selectedAnnot {
    /*border-color: #6A5ACD;*/
}

.vcenter {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    padding-bottom: 8px;
}

.thumbnail img {
    background: white;
}

.thumbnail span {
    color: white;
    text-align: center;
    /* vertical-align: middle; */
    /* margin: 3px auto 0 auto; */
    display: inline-block;
    font-size: 12px;
    width: 100px;
    padding: 0 7px 0 7px;
}

#lineWidth {
    width: 70px;
}

select#lineWidth > option {
    background: hsl(0,0%,24%);
}

.toolbarColorPicker {
    width: 16px;
    height: 16px;
    margin: 8px 8px;
}

/* eseal module */
.toolbarSealList{
    display:none;
    width:auto;
    height:auto;
    line-height:24px;
    border:#999999 1px solid;
    padding:10px 12px 10px 12px;
    margin:0;
    background:#FFFFFF;
    position:absolute;
    top:30px;
}

.toolbarSealList{
	background: #666666;
	-webkit-box-shadow: 2px 3px 5px rgba(0,0,0,.22);
	-moz-box-shadow: 2px 3px 5px rgba(0,0,0,.22);
	box-shadow: 2px 3px 5px rgba(0,0,0,.22);
	color:#dddddd;
	padding: 0 5px !important;
}

.toolbarSealList{
	border:none;
}

.toolbarSealList li{
	cursor: pointer;
}

#sealList li.toobarSealListItem{
  	height: auto;
}

#sealList li.toobarSealListItem img{
  	border: 1px solid #00000000;
}

#sealList li.toobarSealListItem img:hover{
  	border: 1px solid gray;
}

.sealImage{
	border: 1px solid #00000000;
    z-index: 20;
}

.sealImage:hover{
	/*border: solid;*/
}

.selectedSeal{
  	border: 1px dashed red;
  	z-index: 21;
}

.controlPoint {
    position: absolute;
    border: 1px solid black;
    background-color: white;
    z-index: 22;
    width: 6px;
    height: 6px;
}

.eventLayer {
    z-index: 30;
    position: absolute;
    border: none;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
}

.neswResize {
    cursor: nesw-resize;
}

.nwseResize {
    cursor: nwse-resize;
}

.rotate90 .neswResize,
.rotate270 .neswResize{
    cursor: nwse-resize;
}

.rotate90 .nwseResize,
.rotate270 .nwseResize{
    cursor: nesw-resize;
}

.contextmenu ul, .contextmenu li,
#sealMenu ul, #sealMenu li {
        list-style: none;
    }

.contextmenu li,
#sealMenu li {
    padding: 10px;
    height: 20px;
}

.contextmenu,
#sealMenu {
    min-width: 120px;
    z-index: 300;
    background: #ffffff;
    border: 1px solid #dddddd;
    box-shadow: 2px 2px 0px #f1f1f1;
    border-radius: 2px;
    position: absolute;
}

.contextmenu li:hover,
#sealMenu li:hover {
    background: #3598fc;
    cursor: pointer;
}

.contextmenu li[disabled],
#sealMenu li[disabled] {
    pointer-events: none;
    opacity: 0.6;
}

/* form module */
.selectedFormField {
    border: 1px dashed black !important;
}

.formField {
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    border: 1px solid black;
    background: transparent;
    position: absolute;
    background-image: url("data:image/gif; base64,AAAA");
}

.formField input {
    width: inherit;
    height: inherit;
    background: inherit;
    background-image: inherit;
    border: none;
}

.formField div{
    width: inherit;
    height: inherit;
    display: table-cell;
}

.formField div p sup{
    font-size: 50%;
}

.formField:active {
    border: 1px dashed black;
}

.highlightArea {
    position: absolute;
    background-color: blue;
}

.autoWidth {
    width: auto;
}

.tableWrapper {
    position: absolute;
}

.tableWrapper > table {
    border-collapse: collapse;
    border: 1px solid black;
}

.tableWrapper td {
    /*cursor: text;*/
    border: 1px solid black;
}

.tableCell {
    width: 100%;
    height: 100%;
}

#opBox {
    position: absolute;
    left: 0px;
    top: 0px;
}

.cancelButton {
    float: left;
    font-style: normal;
    color: #303133;
    /*border: none;*/
    width: 53px;
    height: 30px;
    line-height: 30px;
    text-align: center;
    background-color: #fff;
    border: 1px solid #B8BFCC;
    border-radius: 2px;
    margin-right: 10px;
    cursor: pointer;
    font-size: 15px;
    /*position: absolute;*/
    /*left: 1px;*/
    /*top: 158px;*/
}

.confirmButton {
    float: right;
    font-style: normal;
    color: #fff;
    width: 75px;
    height: 30px;
    line-height: 30px;
    text-align: center;
    background-color: #0270E0;
    border: 1px solid #0270E0;
    border-radius: 2px;
    cursor: pointer;
    font-size: 15px;
    /*position: absolute;*/
    /*right: -1px;*/
    /*top: 158px;*/
}

.clickAction {
    position: absolute;
    cursor: pointer;
}

#mediaPlayerContainer {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    background-color: black;
    background-color: rgba(0, 0, 0, 0.7);
}

#videoPlayer,
#audioPlayer {
    max-width: 80%;
    max-height: 80%;
}

.countDown {
    position: absolute;
    top: 0;
    right: 0;
    padding: 10px;
    -webkit-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

html[dir='ltr'] #outerContainer.sidebarOpen #sidebarContainer.sidebarMode2 {
    width: 240px;
    width: var(--sidebar-width);
}

#outerContainer.sidebarCollapse #sidebarContainer{
  visibility: visible;
}

html[dir='ltr'] #outerContainer.sidebarCollapse #viewerContainer:not(.pdfPresentationMode) {
  transition-property: left;
  left: 41px;
  left: var(--toolbarSidebar-width);
}

html[dir='ltr'] #outerContainer.sidebarCollapse #sidebarContainer {
  left: 0px;
}

html[dir='ltr'] #outerContainer.sidebarCollapse #sidebarContainer.sidebarMode2 {
  width: 41px;
  width: var(--toolbarSidebar-width);
}

html[dir='ltr'] #outerContainer.rightSidebarShow #viewerContainer {
  right: 260px;
}

#outerContainer.toolbarRibbon #toolbarContainer {
    height: 80px;
    height: var(--toolbarRibbon-height);
}

#outerContainer.toolbarRibbon #sidebarContainer,
#outerContainer.toolbarRibbon #advSearchSidebarContainer,
#outerContainer.toolbarRibbon #viewerContainer {
    top: 80px;
    top: var(--toolbarRibbon-height);
}

#outerContainer.toolbarHide #toolbarContainer {
    visibility: hidden;
    display: none;
}

#outerContainer.toolbarHide #sidebarContainer,
#outerContainer.toolbarHide #advSearchSidebarContainer,
#outerContainer.toolbarHide #viewerContainer {
    top: 0;
}

#outerContainer.statusbarShow #sidebarContainer,
#outerContainer.statusbarShow #advSearchSidebarContainer,
#outerContainer.statusbarShow #viewerContainer {
    bottom: 24px;
    bottom: var(--statusbar-height);
}

#sidebarContainer.sidebarMode2 {
    /*width: var(--sidebar-mode2-width);*/
    border-top: none;
}

#sidebarContainer.sidebarMode2 #toolbarSidebar {
    height: 100%;
    width: 41px;
    width: var(--toolbarSidebar-width);
}

#sidebarContainer.sidebarMode2 #toolbarSidebar .toolbarButton {
    position: relative;
}

#sidebarContainer.sidebarMode2 #toolbarSidebar .toolbarButton {
    margin: 0px 3px 4px 4px;
    padding: 0px;
}

#sidebarContainer.sidebarMode2 #toolbarSidebar .toolbarButton:first-child {
    margin-top: 4px;
}

#sidebarTitlebar {
    display: none;
}

#sidebarContainer.sidebarMode2 #sidebarTitlebar {
    position: absolute;
    display: block;
    left: 41px;
    left: var(--toolbarSidebar-width);
    right: 0;
    top: 0px;
    height: 30px;
    height: var(--sidebarTitlebar-height);
    background-color: #424242; /* fallback */
    background-image: url(images/texture.png),
                    linear-gradient(hsla(0,0%,30%,.99), hsla(0,0%,25%,.95));
}

html[dir='ltr'] #sidebarContainer.sidebarMode2 #sidebarTitlebar {
    box-shadow: inset -1px 0 0 rgba(0, 0, 0, 0.25),
                inset 0 -1px 0 hsla(0,0%,100%,.05),
                0 1px 0 hsla(0,0%,0%,.15),
                0 0 1px hsla(0,0%,0%,.1);
}

html[dir='rtl'] #sidebarContainer.sidebarMode2 #sidebarTitlebar {
    box-shadow: inset 1px 0 0 rgba(0, 0, 0, 0.25),
                inset 0 1px 0 hsla(0,0%,100%,.05),
                0 1px 0 hsla(0,0%,0%,.15),
                0 0 1px hsla(0,0%,0%,.1);
}

#sidebarTitle {
    margin-left: 5px;
    margin-top: 4px;
    float: left;
}

#sidebarCollapse {
    float: right;
    position: relative;
}

#outerContainer.sidebarCollapse #sidebarTitlebar,
#outerContainer.sidebarCollapse #sidebarContent{
  visibility: hidden;
}

#sidebarContainer.sidebarMode2 #sidebarContent {
    left: 41px;
    top: 30px;
    left: var(--toolbarSidebar-width);
    top: var(--sidebarTitlebar-height);
    right: 0;
    bottom: 0;
    height: auto;
    width: auto;
}

html[dir='ltr'] .findbar {
  left: 0px;
}
html[dir='rtl'] .findbar {
  right: 0px;
}

.imageWrapper > img {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
}

.verifySuccessIcon {
    /*text-align: left;*/
    font-size: 48px;
    line-height: 48px;
    color: #61b333;
    /*background-image: -webkit-linear-gradient(#61b333, #4dac1e);*/
    /*-webkit-background-clip: text;*/
    /*-webkit-text-fill-color: transparent;*/
    /*text-shadow: 1px 1px 3px rgba(0, 0, 0, 0.3);*/
}

.verifyFailIcon {
    /*text-align: left;*/
    font-size: 48px;
    line-height: 48px;
    color: #db3f42;
    /*background-image: -webkit-linear-gradient(#db3f42, #d4262e);*/
    /*-webkit-background-clip: text;*/
    /*-webkit-text-fill-color: transparent;*/
    /*text-shadow: 1px 1px 3px rgba(0, 0, 0, 0.3);*/
}

.verifyResultMsg {
    text-align: left;
    max-width: 380px;
    vertical-align: middle;
    padding-left: 8px;
}

.verifyButton {
    float: right;
    min-width: auto;
    margin-right: 10px;
    padding-right: 4px;
    display: none;
}

.outlineItem img {
    background: white;
    max-width: 150px;
    max-height: 150px;
    object-fit: contain;
}

.outlineItemWrapper > a,
.outlineItemWrapper > button {
  text-decoration: none;
  display: inline-block;
  min-width: 95%;
  min-width: calc(100% - 4px); /* Subtract the right padding (left, in RTL mode)
                                  of the container. */
  height: auto;
  margin-bottom: 1px;
  border-radius: 2px;
  /*color: hsla(0,0%,100%,.8);*/
  font-size: 13px;
  line-height: 15px;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  white-space: normal;
}

.outlineItemWrapper > a {
  padding: 2px 0 5px 4px;
  color: var(--treeitem-color);
}

.outlineItemWrapper > input {
  min-width: 95%;
  min-width: calc(100% - 6px); /* Subtract the right padding (left, in RTL mode)
                                  of the container. */
  font-size: 13px;
  line-height: 15px;
  padding: 0 0 3px 2px;
  margin-bottom: 1px;
}


.outlineItemWrapper:hover,
.outlineItemWrapper.selected {
  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 .hiddenButton {
    display: none;
}

.outlineItem:hover > a {
    display: inline-block;
}

.outlineItemWrapper:hover > a {
    display: inline-block;
}

.txtViewer {
    background: white;
    padding: 9px;
    overflow-wrap: break-word;
    word-wrap: break-word;
    text-align: justify;
}

.txtViewer > div {
    border-top: 1px solid gray;
}

iframe {
    border-width: 0px;
}

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

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

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

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

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

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

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

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

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

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

#colorPicker {
    width: 16px;
    height: 16px;
    display: inline-block;
    float: right;
}

#selectLineWidth {
    float: right;
}

.printProgressContainer {
    width: 240px;
    height: 25px;
    border-radius: 2px;
    background: #eee;
    background: var(--progressBar-indeterminate-bg-color);
}
.printProgressBar {
    width: 1%;
    height: inherit;
    border-radius: 2px 0 0 2px;
    /*background: #0f0;*/
    background: rgb(10, 132, 255);
    background: var(--progressBar-color);
}


.maskDivLoadingIcon{
  background: url('images/loading-icon.gif') center no-repeat;
}


@media all and (max-width: 840px) {
    html[dir='ltr'] #outerContainer.sidebarOpen #viewerContainer {
        left: 41px !important;
        left: var(--toolbarSidebar-width) !important;
    }
}

@media screen and (-webkit-min-device-pixel-ratio: 1.1), screen and (min-resolution: 1.1dppx) {
    #sidebarCollapse.toolbarButton::before {
        content: url(images/toolbarButton-secondaryToolbarToggle-rtl@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.handTool::before {
      content: url(images/secondaryToolbarButton-handTool@2x.png);
    }

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

@media print {
  .page img {
    position: static;
    padding: 0;
    margin: 0;
  }

  .page {
    float: left;
    display: none;
    border: none !important;
    box-shadow: none;
    background-clip: content-box;
    background-color: white;
  }

  #printContainer canvas,
  #printContainer img {
    page-break-inside: avoid;
  }

  #printContainer > div {
    position: relative;
    top: 0;
    left: 0;
    width: auto;
    height: auto;
    overflow: visible;
    page-break-after: auto;
    page-break-inside: avoid;
    border: 1px solid transparent;
  }

  #printContainer img {
    max-width: 100%;
    max-height: 100%;
    object-fit: contain;
  }
}

/* v2 end */