@syncfusion/ej2-angular-pdfviewer 24.1.43-ngcc → 24.1.43

package/styles/pdfviewer/_highcontrast-definition.scss

@@ -0,0 +1,539 @@
+/*! PdfViewer's high contrast theme override definitions and variables */
+
+$pv-background: $bg-base-0 !default;
+$pv-control-border-color: $border-default !default;
+$pv-viewer-border-width: 0 1px 1px 1px !default;
+$pv-viewer-border-style: solid !default;
+$pv-control-position: relative !default;
+$pv-control-overflow: auto !default;
+$pv-control-touch-action: pan-x pan-y !default;
+$pv-viewer-container-height: calc(100% - 50px) !default;
+$pv-viewer-main-container-min-width: 400px !default;
+$pv-page-container-padding: 0 !default;
+$pv-page-container-margin: 0 !default;
+$pv-page-container-touch-action: pan-x pan-y !default;
+$pv-page-div-border: 1px !default;
+$pv-page-div-border-style: solid !default;
+$pv-page-div-focus-style:  #fff 0 0 0 2px !default;
+$pv-page-div-border-color: $border-fg !default;
+$pv-page-div-border-boxing: content-box !default;
+$pv-page-div-box-shadow: none !default;
+$pv-page-div-position: absolute !default;
+$pv-icon-color: $bg-base-100 !default;
+$pv-icon-disable-color: $disable !default;
+$pv-icon-font-size: 16px !default;
+$pv-icon-margin: 9px 7.5px !default;
+$pv-icon-height: 36px !default;
+$pv-icon-width: 36px !default;
+$pv-icon-padding-top: 7px !default;
+$gantt-masked-table-background-color: rgba(225, 223, 221, 1) !default;
+$pv-toolbar-height: 52px !default;
+$pv-toolbar-height-big: $pv-toolbar-height !default;
+$pv-toolbar-border: 1px solid $border-default !default;
+$pv-toolbar-border-width: 1px !default;
+$pv-toolbar-border-radius: 0 !default;
+$pv-current-page-height: 28px !default;
+$pv-current-page-width: 35px !default;
+$pv-zoom-dropdown-height: 32px !default;
+$pv-zoom-dropdown-width: 81px !default;
+$pv-password-input-margin-top: 14px !default;
+$pv-password-error-color: $error-font-color !default;
+$pv-corrupted-pop-header-opacity: 1 !default;
+$pv-corrupted-pop-header-font-size: 21px !default;
+$pv-corrupted-pop-header-letter-spacing: -.21px !default;
+$pv-corrupted-pop-header-text-align: left !default;
+$pv-corrupted-pop-content-font-size: 14px !default;
+$pv-corrupted-pop-header-color: $bg-base-100 !default;
+$pv-corrupted-pop-content-letter-spacing: 0 !default;
+$pv-corrupted-pop-content-line-height: 24px !default;
+$pv-corrupted-pop-content-margin-left: 0 !default;
+$pv-toolbar-separator-margin-left: 5.5px !default;
+$pv-toolbar-separator-margin-right: 5.5px !default;
+$pv-toolbar-separator-border-right-width: 1px !default;
+$pv-toolbar-separator-height: 24px !default;
+$pv-toolbar-popup-icon-padding: 0 10px;
+$pv-toolbar-popup-icon-padding-rtl: $pv-toolbar-popup-icon-padding;
+$pv-toolbar-items-margin-left: 1.5px !default;
+$pv-toolbar-items-margin-right: 1.5px !default;
+$pv-toolbar-items-padding-top: 0 !default;
+$pv-toolbar-items-padding-bottom: 0 !default;
+$pv-toolbar-items-first-child-margin-left: 4px !default;
+$pv-toolbar-items-last-child-margin-right: 4px !default;
+$pv-toolbar-btn-height: 50px !default;
+$pv-toolbar-btn-width: 36px !default;
+$pv-toolbar-btn-height-big: $pv-toolbar-btn-height !default;
+$pv-toolbar-btn-width-big: $pv-toolbar-btn-width !default;
+$pv-toolbar-open-icon-width: 18px !default;
+$pv-toolbar-open-icon-height: 16px !default;
+$pv-toolbar-open-icon-line-height: 16px !default;
+$pv-toolbar-download-icon-width: 12px !default;
+$pv-toolbar-download-icon-height: 16px !default;
+$pv-toolbar-download-icon-line-height: 16px !default;
+$pv-toolbar-print-icon-width: 16px !default;
+$pv-toolbar-print-icon-height: 16px !default;
+$pv-toolbar-print-icon-line-height: 16px !default;
+$pv-toolbar-print-icon-margin: 3px 0 0 1px !default;
+$pv-toolbar-first-page-icon-line-height: 14px !default;
+$pv-toolbar-previous-page-icon-line-height: 14px !default;
+$pv-toolbar-next-page-icon-line-height: 14px !default;
+$pv-toolbar-last-page-icon-line-height: 14px !default;
+$pv-toolbar-zoom-out-icon-size: 16px !default;
+$pv-toolbar-zoom-out-icon-line-height: 16px !default;
+$pv-toolbar-zoom-drop-margin: 0 2.5px !default;
+$pv-toolbar-zoom-drop-padding: 0 !default;
+$pv-toolbar-total-page-div-padding-left: 0 !default;
+$pv-toolbar-total-page-padding-bottom: 2px !default;
+$pv-toolbar-total-page-div-margin-left: 1.5px !default;
+$pv-toolbar-total-page-div-margin-right: 1.5px !default;
+$pv-toolbar-total-page-font-color: #fff !default;
+$pv-toolbar-current-page-box-margin-top: 0 !default;
+$pv-toolbar-zoom-drop-down-margin-top: -1px !default;
+$pv-toolbar-zoom-drop-down-padding: 0 0 0 3px !default;
+$pv-toolbar-zoom-drop-down-border: 1px solid $bg-base-0 !default;
+$pv-toolbar-zoom-drop-down-border-focus: 1px solid $selection-border !default;
+$pv-toolbar-zoom-drop-down-border-radius: 0 !default;
+$pv-toolbar-zoom-drop-down-background-color: transparent !default;
+$pv-text-align: center !default;
+$pv-zoom-drop-down-popup-text-align: left !default;
+$pv-zoom-drop-down-padding-top: 0 !default;
+$pv-zoom-drop-down-padding-bottom: 0 !default;
+$pv-zoom-drop-down-padding-left: 0 !default;
+$pv-zoom-drop-down-padding-left-rtl: 0 !default;
+$pv-zoom-drop-down-padding-right-rtl: 12px !default;
+$pv-zoom-drop-down-input-height: inherit !default;
+$pv-zoom-drop-down-input-margin-top: -1px !default;
+$pv-zoom-drop-down-margin-top: 2px !default;
+$pv-zoom-drop-down-margin-bottom: 0 !default;
+$pv-zoom-drop-down-margin-left: -6px !default;
+$pv-zoom-drop-down-padding-right: 0 !default;
+$pv-zoom-drop-down-active-color: $invert-font !default;
+$pv-current-page-border: 1px solid $border-default !default;
+$pv-current-page-border-radius: 2px !default;
+$pv-current-page-padding-left: 0 !default;
+$pv-current-page-padding-right-rtl: 12px !default;
+$pv-current-page-height: 30px !default;
+$pv-current-page-padding-bottom: 5px !default;
+$pv-dialog-pop-header-font-weight: normal !default;
+$pv-password-pop-content-font-size: 14px !default;
+$pv-password-pop-content-letter-spacing: -.16px !default;
+$pv-corrupted-pop-content-padding-top: 0 !default;
+$pv-password-pop-content-padding-top: 1px !default;
+$pv-zoom-drop-down-popup-height: 300px !default;
+$pv-zoom-drop-down-popup-width: 110px !default;
+$pv-zoom-drop-down-transform: rotate(0deg) !default;
+$pv-corrupted-dialog-width: 346px !default;
+$pv-corrupted-dialog-height: 175px !default;
+$pv-corrupted-dialog-header-border-bottom: 0 !default;
+$pv-corrupted-dialog-footer-border-top: 0 !default;
+$pv-password-dialog-width: 425px !default;
+$pv-password-dialog-height: 216px !default;
+$pv-password-dialog-header-border-bottom: 0 !default;
+$pv-password-dialog-footer-border-top: 0 !default;
+$pv-dialog-pop-close-icon-padding-top: 8px !default;
+$pv-corrupted-dialog-pop-content-padding-top: 1px !default;
+$pv-corrupted-dialog-pop-content-padding-bottom: 0 !default;
+$pv-password-dialog-pop-content-padding-bottom: 0 !default;
+$pv-toolbar-total-page-number-color: $bg-base-100 !default;
+$pv-toolbar-total-page-number-font-size: 14px !default;
+$pv-corrupted-notification-background-image: none !default;
+$pv-corrupted-notification-background-repeat: no-repeat !default;
+$pv-corrupted-notification-background-size: auto !default;
+$pv-corrupted-notification-height: auto !default;
+$pv-corrupted-notification-background-position: right !default;
+$pv-toolbar-open-icon-font-size: $pv-icon-font-size !default;
+$pv-thumbnail-icon-disable-color: $disable !default;
+$pv-thumbnail-icon-selection-color: rgba($invert-font, .87) !default;
+$pv-sidebar-container-position: $pv-page-div-position !default;
+$pv-sidebar-container-top: 56px !default;
+$pv-sidebar-container-bottom: 0 !default;
+$pv-sidebar-container-width: 250px !default;
+$pv-sidebar-container-z-index: 100 !default;
+$pv-sidebar-container-background: $bg-base-0 !default;
+$pv-sidebar-container-border-top:  1px solid $border-fg !default;
+$pv-main-container-width: 100% !default;
+$pv-main-container-height: 100% !default;
+$pv-main-container-position: relative !default;
+$pv-main-container-overflow: hidden !default;
+$pv-viewer-main-container-position: $pv-page-div-position !default;
+$pv-viewer-main-container-top: 0 !default;
+$pv-viewer-main-container-right: .2px !default;
+$pv-viewer-main-container-bottom: 0 !default;
+$pv-viewer-main-container-left: 0 !default;
+$pv-sidebar-content-container-position: $pv-page-div-position !default;
+$pv-sidebar-content-container-left: 47px !default;
+$pv-sidebar-content-container-display: none !default;
+$pv-sidebar-content-container-height: calc(100% - 51px) !default;
+$pv-sidebar-content-container-width: 202px !default;
+$pv-sidebar-content-container-float: left !default;
+$pv-sidebar-content-container-border-top:  1px solid #e0e0e0 !default;
+$pv-sidebar-title-container-border-width: 0 0 0 0 !default;
+$pv-sidebar-title-container-width: 202px !default;
+$pv-sidebar-title-container-position: $pv-page-div-position !default;
+$pv-sidebar-title-container-height: 50px !default;
+$pv-sidebar-title-container-top: 0 !default;
+$pv-sidebar-title-container-background: $bg-base-0 !default;
+$pv-sidebar-title-container-z-index: 102 !default;
+$pv-sidebar-title-margin: 0 !default;
+$pv-sidebar-title-top: 15px !default;
+$pv-sidebar-title-left: 8px !default;
+$pv-sidebar-title-position: $pv-page-div-position !default;
+$pv-sidebar-title-width: 160px !default;
+$pv-sidebar-title-height: 16px !default;
+$pv-sidebar-title-font-size: 14px !default;
+$pv-sidebar-title-color: $content-font !default;
+$pv-sidebar-title-text-align: left !default;
+$pv-sidebar-toolbar-z-index: 100 !default;
+$pv-sidebar-toolbar-width: 47px !default;
+$pv-sidebar-toolbar-height: calc(100% - 51px) !default;
+$pv-sidebar-toolbar-bottom: 0 !default;
+$pv-sidebar-toolbar-background: $bg-base-0 !default;
+$pv-sidebar-toolbar-position: $pv-page-div-position !default;
+$pv-sidebar-toolbar-border:  0 solid $border-default !default;
+$pv-sidebar-toolbar-border-width:  0 0 1px 1px !default;
+$pv-sidebar-content-top: 48px !default;
+$pv-sidebar-content-bottom: 0 !default;
+$pv-sidebar-content-overflow: auto !default;
+$pv-sidebar-content-position: $pv-page-div-position !default;
+$pv-sidebar-content-width: 202px !default;
+$pv-sidebar-content-background: $bg-base-0 !default;
+$pv-sidebar-content-overflow-x: hidden !default;
+$pv-sidebar-content-z-index: 103 !default;
+$pv-sidebar-resizer-width: 8px !default;
+$pv-sidebar-resizer-background: $bg-base-20 !default;
+$pv-sidebar-resizer-height: calc(100%) !default;
+$pv-sidebar-resizer-cursor: ew-resize !default;
+$pv-sidebar-resizer-left: 202px !default;
+$pv-sidebar-resizer-z-index: 105 !default;
+$pv-sidebar-resizer-position: $pv-page-div-position !default;
+$pv-sidebar-content-scrollbar-width: 16px !default;
+$pv-sidebar-content-scrollbar-track-box-shadow: inset 0 0 0 rgba(0, 0, 0, .3) !default;
+$pv-sidebar-content-scrollbar-track-background: $bg-base-10 !default;
+$pv-sidebar-content-scrollbar-track-border: none !default;
+$pv-sidebar-content-scrollbar-thumb-border-radius: 100px !default;
+$pv-sidebar-content-scrollbar-thumb-background: #c1c1c1 !default;
+$pv-sidebar-content-scrollbar-thumb-box-shadow: inset 0 0 0 rgba(0, 0, 0, .5) !default;
+$pv-sidebar-content-scrollbar-thumb-border: 4px solid transparent !default;
+$pv-sidebar-content-scrollbar-thumb-background-clip: content-box !default;
+$pv-thumbnail-view-button-width: 32px !default;
+$pv-thumbnail-view-button-height: 32px !default;
+$pv-thumbnail-view-button-margin: 8px !default;
+$pv-thumbnail-view-button-background: transparent !default;
+$pv-thumbnail-view-button-selection-background: $selection-border !default;
+$pv-thumbnail-view-button-selection-line-height: 1.1em !default;
+$pv-thumbnail-border-radius: 0 !default;
+$pv-thumbnail-outline: none !default;
+$pv-thumbnail-view-button-font-weight: 400 !default;
+$pv-thumbnail-view-button-border: 0 !default;
+$pv-thumbnail-view-button-box-shadow: none !default;
+$pv-thumbnail-view-button-padding: 10px !default;
+$pv-thumbnail-view-button-selection-padding: 10px !default;
+$pv-thumbnail-view-button-selection-border: none !default;
+$pv-thumbnail-border-selection-radius: 0 !default;
+$pv-bookmark-button-width: 34px !default;
+$pv-bookmark-button-height: 34px !default;
+$pv-bookmark-button-margin: 8px !default;
+$pv-bookmark-button-background: transparent !default;
+$pv-bookmark-button-border: none !default;
+$pv-bookmark-button-box-shadow: none !default;
+$pv-bookmark-button-padding: 10px !default;
+$pv-title-close-width: 32px !default;
+$pv-title-close-height: 32px !default;
+$pv-title-close-left: 170px !default;
+$pv-title-close-right: 21px !default;
+$pv-title-close-top: 11px !default;
+$pv-title-close-padding: 0 18px 3px 0 !default;
+$pv-title-close-background: transparent !default;
+$pv-title-close-position: absolute !default;
+$pv-title-close-border: none !default;
+$pv-title-close-box-shadow: none !default;
+$pv-title-close-font-size: 12px !default;
+$pv-sidebar-toolbar-splitter-width: 1px !default;
+$pv-sidebar-toolbar-splitter-left: 47px !default;
+$pv-sidebar-toolbar-splitter-background: $border-default !default;
+$pv-sidebar-toolbar-splitter-height: calc(100% - 51px) !default;
+$pv-sidebar-toolbar-splitter-z-index: 104 !default;
+$pv-sidebar-toolbar-splitter-bottom: 0 !default;
+$pv-sidebar-toolbar-splitter-position: absolute !default;
+$pv-sidebar-content-splitter-width: 201px !default;
+$pv-sidebar-content-splitter-height: 1px !default;
+$pv-sidebar-content-splitter-background: $border-fg !default;
+$pv-sidebar-content-splitter-z-index: 104 !default;
+$pv-sidebar-content-splitter-top: 47px !default;
+$pv-sidebar-content-splitter-position: absolute !default;
+$pv-thumbnail-view-height: 50% !default;
+$pv-thumbnail-view-position: absolute !default;
+$pv-thumbnail-view-top: 0 !default;
+$pv-thumbnail-view-bottom: 0 !default;
+$pv-thumbnail-view-padding: 8px 30px 0 !default;
+$pv-thumbnail-width: 100px !default;
+$pv-thumbnail-height: 140px !default;
+$pv-thumbnail-margin: 0 20px 40px !default;
+$pv-thumbnail-number-padding-left: 50px !default;
+$pv-thumbnail-number-padding-top: 8px !default;
+$pv-thumbnail-number-font-family: Roboto !default;
+$pv-thumbnail-number-color: $pv-sidebar-title-color !default;
+$pv-thumbnail-selection-ring-border-radius: 2px !default;
+$pv-thumbnail-selection-ring-padding: 6px !default;
+$pv-thumbnail-selection-ring-box-shadow: 0 0 4px 0 rgba($shadow, .25) !default;
+$pv-thumbnail-image-width: 88px !default;
+$pv-thumbnail-image-height: 126px !default;
+$pv-thumbnail-image-background-color: $bg-base-0 !default;
+$pv-thumbnail-image-background-clip: content-box !default;
+$pv-thumbnail-hover-border-radius: 2px !default;
+$pv-thumbnail-hover-padding: 5px !default;
+$pv-thumbnail-hover-cursor: pointer !default;
+$pv-thumbnail-hover-border: 1px solid $border-alt !default;
+$pv-thumbnail-hover-box-shadow: 0 0 3px 0 rgba($shadow, .25) !default;
+$pv-thumbnail-focus-border-radius: 2px !default;
+$pv-thumbnail-focus-cursor: pointer !default;
+$pv-thumbnail-focus-padding: 4px !default;
+$pv-thumbnail-focus-border: 2px solid $border-alt !default;
+$pv-thumbnail-focus-box-shadow: 0 0 4px 0 rgba($shadow, .25) !default;
+$pv-thumbnail-selection-border-radius: 2px !default;
+$pv-thumbnail-selection-cursor: pointer !default;
+$pv-thumbnail-selection-padding: 0 !default;
+$pv-thumbnail-selection-border: 6px solid $selection-border !default;
+$pv-thumbnail-selection-box-shadow: 0 0 4px 0 rgba($shadow, .25) !default;
+$pv-thumbnail-row-display: flex !default;
+$pv-thumbnail-row-flex-wrap: wrap !default;
+$pv-thumbnail-column-flex: 25% !default;
+$pv-thumbnail-column-img-vertical-align: middle !default;
+$pv-bookmark-view-height: 100% !default;
+$pv-bookmark-view-position: relative !default;
+$pv-bookmark-view-padding-top: 15px !default;
+$pv-bookmark-view-overflow: auto !default;
+$pv-bookmark-icon-float: left !default;
+$pv-bookmark-icon-font-size: 14px !default;
+$pv-bookmark-icon-padding-right: 18px !default;
+$pv-bookmark-icon-padding-left: 6px !default;
+$pv-bookmark-title-padding-left: 40px !default;
+$pv-bookmark-expandable-icon-margin-top: 3px !default;
+$pv-bookmark-icon-font: grey-light-font 54% !default;
+$pv-sidebar-bookmark-title-font-size: 14px !default;
+$pv-sidebar-bookmark-title-font-family: Roboto-Regular !default;
+$pv-sidebar-bookmark-title-color: rgba(0, 0, 0, .87) !default;
+$pv-sidebar-bookmark-title-font: grey-light-font 87% !default;
+$-treeview-overflow: unset !default;
+$-treeview-fullrow-height: 34px !default;
+$pv-bookmark-view-ul-padding: 0 0 0 16px !default;
+$pv-bookmark-view-list-ul-padding-left: 32px !default;
+$pv-bookmark-view-icon-collapsible-display: inline-block !default;
+$pv-bookmark-view-icon-collapsible-padding: 7px !default;
+$pv-bookmark-view-icon-collapsible-height: 13px !default;
+$pv-bookmark-view-icon-collapsible-width: 13px !default;
+$pv-item-selection-color: rgba($invert-font, .87) !default;
+$pv-item-selection-background-color: $selection-bg !default;
+$pv-item-selection-border-radius: 0 !default;
+$pv-item-selection-border: 0 !default;
+$pv-print-popup-container-position: absolute !default;
+$pv-print-popup-container-z-index: 2000 !default;
+$pv-print-popup-container-width: 100% !default;
+$pv-print-popup-container-height: 100% !default;
+$pv-print-popup-container-left: 0 !default;
+$pv-print-popup-container-top: 0 !default;
+$pv-print-popup-container-overflow: auto !default;
+$pv-print-popup-container-background-color: #000 !default;
+$pv-print-popup-container-opacity: .3 !default;
+$pv-search-box-height: 114px !default;
+$pv-search-box-width: 355px !default;
+$pv-search-box-background-color: $bg-base-0 !default;
+$pv-search-box-border: 1px solid $border-default !default;
+$pv-search-box-border-radius: 0 !default;
+$pv-search-box-box-shadow: 0 3px 8px 0 rgba(0, 0, 0, .26) !default;
+$pv-search-box-padding: 24px 21.5px 26.5px 23px !default;
+$pv-search-input-height: 30px !default;
+$pv-search-input-width: 242px !default;
+$pv-match-case-margin-top: 17.5px !default;
+$pv-search-btn-height: 24px !default;
+$pv-search-btn-width: 24px !default;
+$pv-search-btn-margin-top: -6px;
+$pv-search-prev-margin-left: 10.5px !default;
+$pv-search-next-margin-left: 8px !default;
+$pv-notification-popup-height: 198px !default;
+$pv-notification-popup-width: $pv-corrupted-dialog-width !default;
+$pv-notification-popup-height-large-content: 218px;
+$pv-notification-popup-width-large-content: 368px;
+$pv-notification-content-font-size: 14px !default;
+$pv-zoom-dropdown-input-focus-color: inherit !default;
+$pv-text-selection-bg-color: #247796 !default;
+$pv-text-selection-opacity: .6 !default;
+$pv-selection-touch-element-background-color: #3088ed !default;
+$pv-selection-touch-element-border-color: #3088ed !default;
+$pv-sidebar-toolbar-border-top:  1px solid #e0e0e0 !default;
+$pv-material-line-background: none !default;
+$pv-toolbar-btn-padding: 0 !default;
+$pv-toolbar-btn-line-height: 25px !default;
+$pv-toolbaritem-btn-line-height: 26px !default;
+$pv-toolbaritem-btn-min-height: 26px !default;
+$pv-toolbar-btn-margin: 0 !default;
+$pv-mobile-page-box-padding-top: 0 !default;
+$pv-zoom-dropdown-width-mobile: 91px !default;
+$pv-mobile-page-box-padding-left-focus: 0 !default;
+$pv-password-dialog-height-mobile: 245px !default;
+$pv-notification-dialog-height-mobile: 224px !default;
+$pv-notification-dialog-height-large-mobile: 243px !default;
+$pv-corrupted-dialog-height-mobile: 216px !default;
+$pv-dialog-pop-close-icon-padding-top-mobile: $pv-dialog-pop-close-icon-padding-top !default;
+$pv-sidebar-resizer-border: 0 !default;
+$pv-sidebar-resizer-border-width: $pv-sidebar-resizer-border !default;
+$pv-sidebar-resizer-color: inherit !default;
+$pv-input-active-background: $selection-bg !default;
+$pv-input-active-color: $selection-font !default;
+$pv-input-hover-background: $hover-bg !default;
+$pv-input-hover-color: $hover-font !default;
+$pv-input-background: transparent !default;
+$pv-textsearch-textbox-margin-right: 10px !default;
+$pv-bookmark-icon-rtl-position: absolute !default;
+$pv-bookmark-icon-rtl-padding: 1px !default;
+$pv-corrupted-pop-content-margin-right: 53px !default;
+$pv-corrupted-pop-header-rtl-text-align: right !default;
+$pv-bookmark-container-background-color: transparent !default;
+$pv-nav-toolbar-text-color: $content-font;
+$pv-toolbar-btn-width-mobile: 50px !default;
+$pv-toolbar-btn-height-mobile: 50px !default;
+$pv-bookmark-container-border: 1px solid $border-default !default;
+$pv-bookmark-list-border-bottom: 1px solid $border-default !default;
+$pv-annotation-opacity-popup-background-color: #000 !default;
+$pv-annotation-opacity-popup-color: #fff !default;
+$pv-annotation-opacity-popup-padding: 16px !default;
+$pv-annotation-opacity-popup-min-height: 48px !default;
+$pv-annotation-opacity-popup-box-shadow: 0 3px 8px 0 rgba(0, 0, 0, .26) !default;
+$pv-annotation-opacity-slider-width: 172px !default;
+$pv-annotation-opacity-slider-width-rtl: 115px !default;
+$pv-annotation-opacity-slider-margin-left: 11px !default;
+$pv-annotation-opacity-slider-margin-right: 10px !default;
+$pv-annotation-opacity-slider-height: 16px !default;
+$pv-annotation-drop-down-caret-font-size: 12px !default;
+$pv-annotation-drop-down-height: 50px !default;
+$pv-annotation-drop-down-width: 56px !default;
+$pv-annotation-opacity-icon-padding-top: 1px !default;
+$pv-annotation-dropdown-background-color: $bg-base-0 !default;
+$pv-annotation-dropdown-border-color: transparent !default;
+$pv-annotation-dropdown-background-color-hover: $hover-bg !default;
+$pv-annotation-dropdown-border-color-hover: $hover-border !default;
+$pv-annotation-dropdown-background-color-active: $selection-bg !default;
+$pv-annotation-dropdown-border-color-active: $selection-border !default;
+$pv-annotation-drop-down-btn-line-height: 18px !default;
+$pv-annotation-drop-down-btn-padding: 17px 8px !default;
+$pv-annotation-icon-padding: 1px 8px 3px !default;
+$pv-annotation-note-border-bottom-color: #000 !default;
+$pv-annotation-note-popup-bg-color: #fff !default;
+$pv-print-overlay-bg-color: rgba($pv-print-popup-container-background-color, $pv-print-popup-container-opacity) !default;
+$pv-comment-font-color: rgba(255, 255, 255, .9) !default;
+$pv-comment-text-color:  rgba(255, 255, 255, .6) !default;
+$pv-comment-panel-bg: rgba(0, 0, 0, 1) !default;
+$pv-signature-image-panel-bg: #fff !default;
+$pv-comment-panel-bottom-color: rgb(255, 255, 255) !default;
+$pv-comments-content-container-bg: rgb(0, 0, 0) !default;
+$pv-comments-select-bg: $selection-bg !default;
+$pv-comments-hover-bg: $hover-bg !default;
+$pv-comments-div-focus-border: $content-font !default;
+$pv-comments-div-focus-background: $hover-bg !default;
+$pv-annotation-thickness-drop-down-padding-top: 19px !default;
+$pv-stamp-container-border-radius: 0 !default;
+$pv-stamp-icon-margin-top: 0 !default;
+$pv-properties-padding: 2px 20px !default;
+$pv-properties-drop-down-margin-left: 80px !default;
+$pv-properties-line-style-padding: 8px !default;
+$pv-status-icon-color: #fff !default;
+$pv-save-button-bg-color: $hover-bg !default;
+$pv-save-button-color: rgba(255, 255, 255, .6) !default;
+$pv-status-icon-padding: 2px 1px 1px 3.5px !default;
+$pv-accepted-icon-padding: 1px 1px 1px 4px !default;
+$pv-rejected-icon-padding: 2px 1px 1px 4px !default;
+$pv-status-icon-font-size: 14px !default;
+$pv-status-icon-position: absolute !default;
+$pv-comment-text-cursor-color: $hover-bg !default;
+$pv-comment-panel-border-color: rgb(150, 150, 150) !default;
+$pv-comment-color: rgba(0, 0, 0, 1) !default;
+$pv-drop-down-toolbar-box-shadow: none !default;
+$pv-line-stroke-color-margin-left: 154px !default;
+$pv-line-leader-length-margin-left: 21px !default;
+$pv-annot-toolbar-dropdown-btn-height: 50px !default;
+$pv-annot-toolbar-dropdown-btn-line-height: 50px !default;
+$pv-annot-toolbar-dropdown-btn-width: 71px !default;
+$pv-annot-toolbar-dropdown-btn-padding-top: 2px !default;
+$pv-properties-win-max-width: 438px !default;
+$pv-properties-win-max-width-big: 449px !default;
+$pv-properties-container-margin-bottom: 16px !default;
+$pv-properties-container-height: 52px !default;
+$pv-scale-ratio-win-max-width: 436px !default;
+$pv-scale-ratio-win-max-width-big: 467px !default;
+$pv-prop-line-styles-color: #fff !default;
+$pv-prop-line-styles-hover-bg: $hover-bg !default;
+$pv-prop-color-picker-height: 32px !default;
+$pv-prop-color-picker-line-height: 16px !default;
+$pv-scale-ratio-win-drop-down-padding: 2px 20px !default;
+$pv-scale-ratio-win-drop-down-caret-margin-left: 91px !default;
+$pv-scale-ratio-win-drop-down-caret-margin-top: 10px !default;
+$pv-scale-ratio-input-container-height: 24px !default;
+$pv-scale-ratio-input-container-margin-bottom: 24px !default;
+$pv-scale-ratio-width: 180px !default;
+$pv-scale-ratio-container-max-width: 180px !default;
+$pv-properties-window-container-max-width: $pv-scale-ratio-container-max-width !default;
+$pv-properties-window-container-width: $pv-scale-ratio-container-max-width !default;
+$pv-annotation-dd-background-color-active: $selection-bg !default;
+$pv-prop-line-styles-margin-top: 1px !default;
+$pv-more-option-button-padding: 5px 7px 1px 1px !default;
+$pv-comment-title-padding-top: 6px !default;
+$pv-signature-footer-color: #bdbdbd !default;
+$pv-signature-border-color: 1px dotted #bdbdbd !default;
+$pv-signature-color: #e3165b !default;
+$pv-form-checkbox-border-color: #303030 !default;
+$pv-form-field-size: 0 !default;
+$pv-properties-form-field-win-max-width: 477px !default;
+$pv-form-field-radiobutton-border: 5px solid #fff !default;
+$pv-form-field-radiobutton-box-shadow: 0 0 0 1px #303030 !default;
+$pv-form-field-li-background-color: #d3d3d3 !default;
+$pv-form-field-font-style-icon-color: $hover-bg !default;
+$pv-form-field-font-style-icon-color-active: #b8b8b8 !default;
+$pv-form-field-checkbox-container: 1px solid #303030 !default;
+$pv-form-field-checkbox-checked: solid #303030 !default;
+$pv-form-field-checkbox-border-width: 3px !default;
+$pv-form-field-property-header-font-size: 20px !default;
+$pv-form-field-property-header-font-weight: 500 !default;
+$pv-form-field-property-header-line-height: 23px !default;
+$pv-form-field-property-header-opacity: .87 !default;
+$pv-form-field-property-header-margin-top: 5px !default;
+$pv-form-field-property-header-width: 80% !default;
+$pv-form-field-property-header-color: $content-font;
+$pv-form-field-property-general-header-font-size: 13px !default;
+$pv-form-field-property-general-header-line-height: 15px !default;
+$pv-form-field-property-label-color: #757575 !default;
+$pv-form-field-property-font-style-color: #000 !default;
+$pv-prop-win-margin-left: 24px !default;
+$pv-font-size-field-width: 99px !default;
+$pv-formfield-maxlength-width: 80px !default;
+$pv-formfield-maxlength-arrow-width: 18px !default;
+$pv-formfield-designer-dialog-height: 544px !default;
+$pv-properties-header-spliter-border-bottom-color: $content-font !default;
+$pv-properties-header-spliter-border-bottom-style: solid !default;
+$pv-properties-header-spliter-border-bottom-width: 0 !default;
+$pv-properties-header-spliter-left: 0 !default;
+$pv-properties-header-spliter-padding-top: 35px !default;
+$pv-properties-header-spliter-position: absolute !default;
+$pv-properties-header-spliter-width: 0 !default;
+$pv-properties-header-spliter-margin-bottom: 10px !default;
+$pv-formfield-maxlength-group-padding-left: 85px !default;
+$pv-formfield-properties-icon-height: 44px !default;
+$pv-formfield-properties-icon-padding: 5px !default;
+$pv-formfield-properties-icon-align-padding: 8px 8px !default;
+$pv-form-field-property-font-style-width: 46px !default;
+$pv-signature-delete-icon-margin-top: 10px !default;
+$pv-signature-dialog-height: 570px !default;
+$pv-signature-dialog-blazor-height: 570px !default;
+$pv-blazor-scale-ratio-dialog-max-width: 515px !default;
+$pv-handwritten-sign-width: 697px !default;
+$pv-handwritten-sign-height: 360px !default;
+$pv-high-contrast-signature-bg: #fff !default;
+$pv-high-contrast-signature-text: #000 !default;
+$pv-canvas-sign-width: 714px !default;
+$pv-canvas-sign-width-blazor: 696px !default;
+$pv-font-div-padding: 8px !default;
+$pv-font-div-padding-blazor: 8px !default;
+$pv-signature-appearance-checkbox: 1px !default;
+$pv-show-designer-name-color: #000 !default;
+$pv-eye-icon-font-size: 18px !default;
+$pv-eye-icon-padding: 7px !default;
+$pv-eye-icon-hover-cursor: pointer !default;
+$pv-eye-icon-margin-top: 3px !default;