dwt/dist/src/dynamsoft.webtwain.viewer.css

Dynamic Web TWAIN is a TWAIN/ICA/SANE-based scanning SDK software specifically designed for web applications running on Windows/macOS/Linux. With just a few lines of code, you can develop robust applications to scan documents from TWAIN/ICA/SANE-compatibl

/*! 20250321141615
* Dynamsoft JavaScript Library
* Product: Dynamic Web TWAIN
* Web Site: https://www.dynamsoft.com
*
* Copyright 2025, Dynamsoft Corporation
* Author: Dynamsoft Support Team
* Version: 19.0
*/.dvs-root{--dvs-background-first:#2a292b;--dvs-background-second:#434246;--dvs-color-first:#fff;--dvs-color-second:#000;--dvs-border-color:#626262;--dvs-highlight-color-first:green;--dvs-shadow-first:#c5c5c5;--dvs-shadow-second:#000;--dvs-active:#505050;--dvs-aside-border:var(--dvs-background-first);--dvs-color:var(--dvs-color-first);--dvs-button-color:var(--dvs-color-first);--dvs-button-background:var(--dvs-background-first);--dvs-button-disable-color:#505050;--dvs-button-active-color:var(--dvs-active);--dvs-button-active-background:var(--dvs-background-second);--dvs-button-hover-color:var(--dvs-active);--dvs-button-active-shadow:red;--dvs-button-shadow-first:var(--dvs-shadow-first);--dvs-button-shadow-second:var(--dvs-shadow-second);--dvs-placeholder-color:#505050;--dvs-text-color:var(--dvs-color-first);--dvs-text-faded-color:#505050;--dvs-divider-color:#505050;--dvs-header-border:var(--dvs-background-second);--dvs-header-background:var(--dvs-background-first);--dvs-subheader-background:var(--dvs-background-first);--dvs-footer-background:var(--dvs-background-first);--dvs-footer-color:var(--dvs-color-first);--dvs-panel-left-background:var(--dvs-background-second);--dvs-panel-left-border:var(--dvs-background-first);--dvs-panel-right-background:var(--dvs-background-second);--dvs-panel-notes-background:var(--dvs-background-second);--dvs-input-background:var(--dvs-background-first);--dvs-tab-background:var(--dvs-background-first);--dvs-tab-item-background:var(--dvs-background-first);--dvs-tab-item-border:var(--dvs-background-second);--dvs-tab-item-active-background:var(--dvs-background-second);--dvs-tab-item-hover-background:var(--dvs-background-second);--dvs-progressbar-bar-background:var(--dvs-border-color);--dvs-progressbar-valid-bar-background:green;--dvs-progressbar-point-background:green;--dvs-progressbar-text-color:var(--dvs-color-first);--dvs-select-background:var(--dvs-background-first);--dvs-select-options-color:var(--dvs-color-first);--dvs-graphic-boxshadow:var(--dvs-background-first);--dvs-graphic-border:var(--dvs-border-color);--dvs-graphic-background:var(--dvs-background-second);--dvs-graphic-active-color:#dde6ee;--dvs-graphic-text-color:var(--dvs-color-first);--dvs-graphic-color-box-border:var(--dvs-border-color);--dvs-graphic-arrow-color:var(--dvs-color-second);--dvs-graphic-select-color:var(--dvs-color-first);--dvs-graphic-select-background:var(--dvs-background-second);--dvs-graphic-tab-active-background:var(--dvs-background-first);--dvs-graphic-tab-active-color:var(--dvs-color-first);--tree-background:var(--dvs-background-second);--tree-color:var(--dvs-color-first);--tree-item-active-color:var(--dvs-color-first);--tree-item-active-background:var(--dvs-background-first);--dvs-note-input-background:var(--dvs-background-first);--dvs-note-input-color:var(--dvs-color-first);--dvs-note-divider-background:var(--dvs-background-first);--dvs-note-border:var(--dvs-background-first);--dvs-note-select-color:var(--dvs-color-first);--dvs-note-select-background:var(--dvs-background-first);--dvs-note-highlight-color:var(--dvs-highlight-color-first);--dvs-note-text-color:var(--dvs-color-first);--dvs-note-textarea-background:var(--dvs-background-first);--dvs-note-textarea-color:var(--dvs-color-first);--dvs-note-boxshadow:var(--dvs-background-first);--dvs-note-filter-background:var(--dvs-background-first)}.dvs-viewer .dvs-viewer-middle .dvs-viewer-main{height:100%;width:100%}.dvs-viewer .dvs-thumbnail-left,.dvs-viewer .dvs-thumbnail-right{border:1px solid #000;box-sizing:border-box;height:100%}.dvs-viewer .dvs-thumbnail-bottom,.dvs-viewer .dvs-thumbnail-top{border:1px solid #000;box-sizing:border-box;width:100%}.dvs-viewer .dvs-canvas-container,.dvs-viewer .dvs-video-container{height:100%;left:0;position:absolute;top:0;width:100%}.dvs-btn,.dvs-viewer .dvs-canvas-container,.dvs-viewer .dvs-video-container{align-items:center;box-sizing:border-box;display:flex;justify-content:center}.dvs-btn{background:var(--dvs-button-background);border:none;border-radius:4px;color:var(--dvs-button-color);flex-direction:row;font-size:20px;height:32px;margin:4px;width:32px}.dvs-btn:active{background:var(--dvs-button-active-color)}.dvs-group{align-items:center;display:flex;justify-content:flex-start}.dvs-group,.dvs-main-canvas{height:100%;position:relative;width:100%}.dvs-pagination{align-items:center;color:#fff;display:flex;font-size:24px;justify-content:flex-start}.dvs-pagination .dvs-pagination-first-page,.dvs-pagination .dvs-pagination-last-page,.dvs-pagination .dvs-pagination-next-page,.dvs-pagination .dvs-pagination-prev-page{width:36px}.dvs-pagination .dvs-pagination-goto{border:0;border-radius:4px;font-size:20px;height:24px;margin:0 5px;outline:none;text-align:center;width:48px}.dvs-pagination .dvs-pagination-separator{border:1px solid #fff;height:20px;width:0}.dvs-pagination .dvs-pagination-total{margin:0 5px;max-width:48px;overflow:hidden}.dvs-pagination .dvs-btn.dvs-pagination-disable{cursor:not-allowed;opacity:.5}@font-face{font-family:dvs-pagination;src:url("data:font/woff;base64,d09GRgABAAAAAAUMAAsAAAAAB+QAAQAAAAAAAAAAAAAAAAAAAAAAAAAAAABHU1VCAAABCAAAADsAAABUIIslek9TLzIAAAFEAAAARAAAAGA8F08XY21hcAAAAYgAAABnAAABoiIg0OdnbHlmAAAB8AAAARwAAAF0VZxrHWhlYWQAAAMMAAAALwAAADYhe/BGaGhlYQAAAzwAAAAcAAAAJAfeA4ZobXR4AAADWAAAAA4AAAAUFAAAAGxvY2EAAANoAAAADAAAAAwAygEWbWF4cAAAA3QAAAAeAAAAIAERACxuYW1lAAADlAAAAUAAAAJnEKM8sHBvc3QAAATUAAAAOAAAAFiC0OKkeJxjYGRgYOBiMGCwY2BycfMJYeDLSSzJY5BiYGGAAJA8MpsxJzM9kYEDxgPKsYBpDiBmg4gCACY7BUgAeJxjYGFhYJzAwMrAwNTJdIaBgaEfQjO+ZjBi5ACKMrAyM2AFAWmuKQwHnjG9cWdu+N/AwMB8hwFIMjCiKGICAGs+DK94nO2RwQ2AIBAE5wCJMZbiwxJ8SRO+LJ4XPegeWIabDJtbcjwWYAKi2EQCuzFcl1LreWTpeWLXnOVGqLGV54Ea2ukume7m7kE7/lbm19rP45uSNzbwdmscqDHaOfDfaGVAegEkSRLyAHicNc+xSsRAEADQmV2MhAS9xNNdWDUQzgRT3OUkrk2wuYBVRPBPlCsFwVL0W+zEPv0Vdtr6B7beejOEbDHszCwzb0EA/L/JT3kLMSQAPl7iVHjb6I0VHpzZKsfU24/GdD2Pqkw84TwOw0lZRu7FGLw3rTV/X7m1rbX4iPOoLCdhGLtXc20o2NZIsPn6kF7k4ie3gLTvQ/zKK4gAtmi+j7bK0mGh+NbadVjrcqHds9a4VM1UNQprrFUz4xo3FPTulbyBERyx2yPjBTI4S3lWD+7x+OBWbCGvITeZZTaYqUM53hGYAj1aQ0/t2UCHze8yI/MeJTTcxx08FnZYhycErV23GwRJcTrCpWZiIxnuOqoXRRIEXF/whzZ3WE5CeJxjYGRgYABiAaPZC+L5bb4ycLMwgMB9vTBlBP1/AwsDczCQy8HABBIFAO/CCE0AeJxjYGRgYG7438AQw8IAAkCSkQEVsAIARwsCbnicY2FgYGBBwwABBAAVAAAAAAAAADgAXACSALp4nGNgZGBgYGVQYGBiAAEQyQWEDAz/wXwGAAwfAT4AAHichZE9bsJAEIWfwZAElChKpDRpVikoEsn8lEipUKCnoAez5ke211ovSNQ5TY6QE+QI6Whzikh52EMDRbza2W/evpkdyQDusIeH8rvnLtnDJbOSK7jAo3CV+pOwT34WrqGJnnCd+qtwAy94E26yY8YOnn/FrIV3YQ+3+BCu4AafwlXqX8I++Vu4hgf8CNep/wo3MPGuhZtoeeHA6qnTczXbqVVo0sik7niO9WITT+2pPNE2X5lUdYPOURrpVNtjm3y76DkXqciaRA15q+PYqMyatQ5dsHQu67fbkehBaBIMYKExhWOcQ2GGHeMKIQxSREV0Z/mY7gU2iFlp/3VP6LbIqR9yhS4CdM5cI7rSwnk6TY4tX+tRdXQrbsuahDSUWs1JYrLiDzzcramE1AMsi6oMfbS5ohN/UMyQ/AHYk29XeJxjYGKAAC4G7ICVkYmRmZGFkZWRjYErLbOouES3IDE9lbOgKLUMwspJhInlpVZAWAwMAFaADtA=") format("woff")}.dvs-pagination-iconfont{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:dvs-pagination!important;font-size:16px;font-style:normal}.dvs-icon-first-page:before{content:"\e602"}.dvs-icon-prev-page:before{content:"\e603"}.dvs-icon-last-page:before{content:"\ec46"}.dvs-icon-next-page:before{content:"\ec47"}.dvs-root{align-items:flex-start;box-sizing:border-box;display:flex;height:100%;justify-content:flex-start;overflow:hidden;position:relative;-webkit-user-select:none;-moz-user-select:none;user-select:none;width:100%}.dvs-root .dvs-selected{background:var(--dvs-button-active-color);box-shadow:-2px -2px 2px -1px inset var(--dvs-button-shadow-first),1px 1px 3px 0 inset var(--dvs-button-shadow-second)}.dvs-viewer .dvs-canvas-container,.dvs-viewer .dvs-scroll-container,.dvs-viewer .dvs-scroller-and-canvas,.dvs-viewer .dvs-video-container{box-sizing:border-box;height:100%;left:0;position:absolute;top:0;width:100%}.dvs-viewer{align-items:center;box-sizing:border-box;flex-direction:column;justify-content:center}.dvs-viewer,.dvs-viewer .dvs-viewer-middle{display:flex;height:100%;position:relative;width:100%}.dvs-viewer .dvs-viewer-middle{flex:1}.dvs-viewer .dvs-viewer-middle .dvs-viewer-main{display:flex;flex:1;overflow:hidden;position:relative}.dvs-viewer .dvs-canvas-container,.dvs-viewer .dvs-video-container{z-index:0}.dvs-viewer .dvs-canvas-container canvas,.dvs-viewer .dvs-video-container canvas{-webkit-tap-highlight-color:transparent;box-sizing:border-box}.dvs-viewer .dvs-canvas-container canvas:focus,.dvs-viewer .dvs-video-container canvas:focus{outline:2px solid currentColor;outline-offset:-2px}.dvs-viewer .dvs-video-container{align-items:center;display:none;justify-content:center}.dvs-viewer .dvs-video-container img{display:none}.dvs-viewer .dvs-disable-outline:focus{outline:none!important}.dvs-viewer .dvs-scroll-container{overflow:auto}.dvs-viewer .dvs-scroll-container:focus{outline:2px solid currentColor;outline-offset:-2px}.dvs-main-container{height:100%;position:relative;width:100%}.dvs-editor-iconfont{color:#fff!important;font-family:ds-dwt-ui-d-iconfont!important}.dvs-grey{color:#999!important}.dvs-grey:active{background:transparent!important}.dwt-viewer-imageEditor-header{align-items:center;display:flex;flex-direction:row;justify-content:space-between;width:100%}.dwt-viewer-imageEditor-selected{background-color:#666!important;border-radius:0;box-shadow:inset -3px -3px 2px -2px #b7aaaa,inset 2px 2px 2px 0 #000}.dwt-viewer-imageEditor-fullScreen{display:none;height:100%;left:0;position:fixed;top:0;width:100%;z-index:9999}.dvs-buttons{background:none;cursor:default;flex-basis:1.5em;height:1.5em;margin:0;width:1.5em}.dvs-buttons,.dvs-buttons-ie{font-size:1em!important}.dvs-buttons-ie{background:none;cursor:default;flex-basis:1.3em;height:1.3em;margin:0;width:1.3em}.dvs-imageEditor-mask{background:#dce2f1;height:100%;left:0;opacity:.4;position:absolute;top:0;width:100%;z-index:9998}.dvs-imageEditor-saveDlg{background:#fff;border:1px solid #ccc;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);z-index:9999}.dvs-imageEditor-saveDlg-header{height:28px;padding:10px 10px 0 0;position:relative}.dvs-imageEditor-saveDlg-box{color:#606060;font-family:OpenSans,Segoe UI,SegoeUI,Helvetica Neue,Helvetica,Arial,sans-serif;font-size:16px;line-height:26px;margin-bottom:10px;padding:15px;text-align:center}.dvs-imageEditor-saveDlg-btnGroup{display:flex;justify-content:space-between;margin:20px auto 0;white-space:nowrap;width:75%}.dvs-imageEditor-saveDlg-btnGroup input{height:30px;width:80px}.dvs-imageEditor-changeSizeBox,.dvs-imageEditor-rotateBox{background-color:#f0f0f0;border:2px solid #ce5e04;box-sizing:border-box;color:#000;font-family:OpenSans,Segoe UI,SegoeUI,Helvetica Neue,Helvetica,Arial,sans-serif;font-size:12px;font-weight:700;padding:15px;position:absolute;width:280px;z-index:9999}.dvs-imageEditor-rotateBox>div:first-child input{box-sizing:border-box;height:22px;margin-left:5px;width:155px}.dvs-imageEditor-rotateBox>div:nth-child(2){align-items:center;margin-top:10px}.dvs-imageEditor-rotateBox>div:nth-child(2) select{box-sizing:border-box;height:22px;margin-left:5px}.dvs-imageEditor-rotateBox div:nth-child(3){align-items:center;display:flex;height:22px;margin-top:8px}.dvs-imageEditor-rotateBox>div:nth-child(3) input{box-sizing:content-box;height:15px;margin:0 5px 0 0;width:15px}.dvs-imageEditor-rotateBox div:nth-child(4){margin-top:8px}.dvs-imageEditor-rotateBox>div:nth-child(4) input{box-sizing:content-box;font-size:12px;height:24px;margin-right:30px;width:60px}.dvs-imageEditor-changeSizeBox>div{align-items:center;display:flex;justify-content:space-between}.dvs-imageEditor-changeSizeBox input{box-sizing:border-box;height:22px;margin-left:5px;width:108px}.dvs-imageEditor-changeSizeBox>div:nth-child(3){margin-top:10px}.dvs-imageEditor-changeSizeBox>div:nth-child(3) select{box-sizing:border-box;height:22px;margin-right:10px}.dvs-imageEditor-changeSizeBox>div:nth-child(4){justify-content:space-around;margin-top:10px}.dvs-imageEditor-changeSizeBox>div:nth-child(4) input{font-size:12px;height:24px;width:60px}.dvs-imageEditor-pagination{font-size:16px!important}.dvs-imageEditor-pagination input{background:transparent;caret-color:"transparent";color:#fff;font-family:Microsoft YaHei;font-size:16px!important;height:21px!important;padding:0;width:24px!important}.dvs-imageEditor-pagination div{background-color:#3a393b}.dwt-viewer-imageEditor-emptyBtn{flex-basis:1em;font-size:1em;height:1em;width:1em}.dwt-viewer-imageEditor-emptyBtn:active{background-color:transparent}.dvs-customElement-full{background:#fff;height:100%!important;left:0;position:absolute;top:0;width:100%!important}.dvs-customElement-left{align-items:center;flex-direction:row-reverse}.dvs-customElement-right{align-items:center}.dvs-customElement-top{align-items:center;flex-direction:column-reverse}.dvs-customElement-bottom{align-items:center;flex-direction:column}.dvs-thbStretchBarH{cursor:e-resize;height:100%;position:absolute;width:10px}.dvs-thbStretchBarV{cursor:n-resize;height:10px;position:absolute;width:100%}.dvs-thbStretchBar-left{right:-8px;top:0}.dvs-thbStretchBar-right{left:-8px;top:0}.dvs-thbStretchBar-top{bottom:-8px;left:0}.dvs-thbStretchBar-bottom{left:0;top:-8px}